diff --git a/fec/fec/static/js/modules/columns.js b/fec/fec/static/js/modules/columns.js index 009295756..0536ff30d 100644 --- a/fec/fec/static/js/modules/columns.js +++ b/fec/fec/static/js/modules/columns.js @@ -491,6 +491,7 @@ export const filings = { return reportType({ doc_description: doc_description, amendment_version: amendment_version, + large_pdf: row.pages >= 100000, fec_url: fec_url, pdf_url: pdf_url, csv_url: csv_url, diff --git a/fec/fec/static/js/modules/dropdowns.js b/fec/fec/static/js/modules/dropdowns.js index fa5221aa3..e13dfb253 100644 --- a/fec/fec/static/js/modules/dropdowns.js +++ b/fec/fec/static/js/modules/dropdowns.js @@ -110,7 +110,8 @@ Dropdown.prototype.handleFocusAway = function(e) { this.isOpen && !this.$panel.has($target).length && !this.$panel.is($target) && - !$target.is(this.$button) + !$target.is(this.$button) && + !this.$panel.has('p.dropdown-msg').length ) { this.hide(); } diff --git a/fec/fec/static/js/modules/tables.js b/fec/fec/static/js/modules/tables.js index 29927fcd3..4e2e1b486 100644 --- a/fec/fec/static/js/modules/tables.js +++ b/fec/fec/static/js/modules/tables.js @@ -247,6 +247,7 @@ export function modalRenderFactory(template, fetch) { // If the click target is a link, stop here. Don't toggle any rows if ($target.is('a')) return true; + if ($target.is('.dropdown-msg')) return true; // Hide any other open rows // For each row diff --git a/fec/fec/static/js/templates/reports/reportType.hbs b/fec/fec/static/js/templates/reports/reportType.hbs index 01bcb5645..ca6835458 100644 --- a/fec/fec/static/js/templates/reports/reportType.hbs +++ b/fec/fec/static/js/templates/reports/reportType.hbs @@ -30,7 +30,14 @@ {{/if}} {{#if pdf_url}} {{/if}} diff --git a/fec/fec/static/scss/components/_dropdowns.scss b/fec/fec/static/scss/components/_dropdowns.scss index 0d00ce215..8d75066f8 100644 --- a/fec/fec/static/scss/components/_dropdowns.scss +++ b/fec/fec/static/scss/components/_dropdowns.scss @@ -91,6 +91,26 @@ width: 100%; } + .dropdown-msg { + color: $neutral-base !important;; + display: block; + font-size: inherit; + line-height: u(1.7rem); + padding: u(.5rem 1rem .5rem .7rem); + cursor: default; + + &:hover { + background-color: $gray-light; + } + + a { + color: $base !important; + &:hover { + border-bottom: 1px dotted $aqua !important; + } + } + } + // For scrolling dropdowns, force the scrollbars to appear, // flip its x to move the scroll to the left, then flip its content back &.dropdown-scrolling { @@ -124,7 +144,7 @@ color: $base; display: block; margin: 0; - padding: u(0.5rem 1rem 0.5rem 1.5rem); + padding: u(.5rem .75rem); max-width: 100%; white-space: nowrap;