nfg_ui 0.12.9 → 0.12.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7e6bde6a92206f147dc04406339f2411adc15c811110d5d645581268b745a8b3
-  data.tar.gz: 63d4060a6c6a168c4c6c1612dc19e583ea363d532663b1e3ea60957e811fce96
+  metadata.gz: 48270636ff7d5ce8d62ef332387b48ea8e9381777ca93902fce195310b937631
+  data.tar.gz: c44a50303fa2c97bc3e3e1920704d79fea297c9356e21a6540e5de3e7cf143cb
 SHA512:
-  metadata.gz: '0787e7052aec404198307000b7817f31448615b0a6a9c2cb3a7d4311259f67e6f65b62fc170fcfd10367aaff78fdb93918b719f5daa896030187907763e4318e'
-  data.tar.gz: 44941b332e154338a7256139aaa08b7a203309636c839a5a3f3aaa8b1235f683df53747dab35b04fab546dabe842d45f82b8d667d09483c89a04f6a440d942cd
+  metadata.gz: 814187c072ace52b6e1fad0fdb0d103b7a904a47f25db2cee7b17df3f0b6750891a91c32965b33cc1e77bea152c0f2d9c3e502900c777182337bde33612881a2
+  data.tar.gz: fb11f5633dbb6ebec0374df57f3fe379727b0ecedc276bb64a04e2153181966263c80138324471cbb266b70d941b8cd3d1baf94c6c00cc67415166f3e742f384

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_custom.scss

@@ -4,14 +4,16 @@
 @import 'custom/builder_layout';
 @import 'custom/campaign_card';
 @import 'custom/campaign_preview';
-@import 'custom/content_section_buttons';
+@import 'custom/content_section';
 @import 'custom/custom_questions_questionnaire';
 @import 'custom/custom_receipt_language';
 @import 'custom/email_preview';
+@import 'custom/engagement_banners';
 @import 'custom/free_trial';
 @import 'custom/gallery';
 @import 'custom/icomoon';
 @import 'custom/interaction';
+@import 'custom/mailings';
 @import 'custom/page_header';
 @import 'custom/readmore';
 @import 'custom/redacted_text';
@@ -19,5 +21,6 @@
 @import 'custom/sortable';
 @import 'custom/status_indicator';
 @import 'custom/sys_only_functionality';
+@import 'custom/task';
 @import 'custom/tile';
 @import 'custom/video_countdown';

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_jumbotron.scss

@@ -0,0 +1,10 @@
+// Cloud jumbotron
+.jumbotron-clouds-white, .jumbotron-clouds-gray {
+  padding-bottom: 10%;
+  background-position: 50% 100%;
+  background-repeat: no-repeat;
+  background-size: 100% auto;
+}
+
+.jumbotron-clouds-gray { background-image: image-url("nfg_ui/clouds-gray-lg.png"); }
+.jumbotron-clouds-white { background-image: image-url("nfg_ui/clouds-white-lg.png"); }

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_type.scss

@@ -0,0 +1,35 @@
+// Basic p/ol/ul styles for long content areas (for now, only on task detail description, pdf layout, and mailings edit page)
+.reset-body-text {
+  font-size: $font-size-base;
+  ul, ol {
+    margin-bottom: 0;
+    margin-left: 0;
+    padding-left: ($spacer * .5);
+    font-size: $font-size-base;
+    li {
+      line-height: 1.3;
+      + li { margin-top: ($spacer * .25); }
+      span[style*="inline-block"] { vertical-align: text-top; } // used to adjust for line-height on inline-block elements inside list items
+    }
+  }
+  p, ul, ol {
+    + p, + ul, + ol { margin-top: ($spacer * .5); }
+  }
+  code, pre { font-size: $font-size-sm; }
+
+  // Styles meant for tables inside reset-body-text specifically direct mail
+  table {
+    border-collapse: collapse;
+    width: 100%;
+    td, th {
+      padding: 6px;
+      border: $border-width solid $border-color;
+      vertical-align: top;
+    }
+    thead td,
+    th {
+      font-weight: bold;
+      border-bottom-color: $border-color;
+    }
+  }
+}

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_bee.scss

@@ -1,5 +1,6 @@
 #bee_plugin_container {
   height: 600px; // fallback value if calc() isn't supported
+  height: calc(100vh - 112px);
   border-top: 1px solid $border-color;
   border-bottom: 1px solid $border-color;
 }

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_content_section.scss

@@ -0,0 +1,88 @@
+// Styles for content section buttons
+.cs-edit, .cs-btn-group {
+  position: absolute;
+  top: -($spacer * .5);
+  left: -($spacer * .5);
+}
+.cs-edit, .cs-rm-group, .cs-add-group {
+  color: $white !important;
+  background-color: $primary;
+  text-decoration: none !important;
+  opacity: 0.8;
+  z-index: 100;
+  &:hover { opacity: 1; }
+}
+
+
+// Content section styles
+.content-section-wrapper, .content-section {
+  position: relative;
+  width: 100%;
+  line-height: 1.4;
+  .redactor-box {
+    z-index: 50;
+    .redactor-editor {
+      padding: 0;
+      min-height: $spacer;
+      font-size: inherit !important;
+      font-family: inherit !important;
+      line-height: inherit !important;
+      border: none;
+    }
+  }
+}
+.cs-form, .cs-html-editor-undo { display: none; }
+.cs-html-editor-overlay {
+  position: absolute;
+  left: 50%;
+  bottom: 100%;
+  margin-bottom: ($spacer * .5);
+  min-width: 200px;
+  width: 430px;
+  text-align: center;
+  z-index: 120;
+  @include media-breakpoint-down(xs) { max-width: 100%; }
+  &[data-for='header_text'] {
+    top: 100%;
+    bottom: auto;
+    width: 200px;
+    .redactor-toolbar-external {
+      &:after, &:before { display: none; }
+    }
+  }
+  .cs-html-editor-buttons, .cs-html-editor-toolbar { left: -50%; }
+  .cs-html-editor-buttons {
+    z-index: 100;
+    a {
+      display: inline-block;
+      padding: $btn-padding-y $btn-padding-x;
+      font-size: $btn-font-size;
+      line-height: $btn-line-height;
+      color: $body-color;
+      text-align: center;
+      background-color: $white;
+      border: $border-width solid $border-color;
+      border-bottom: 0;
+      text-decoration: none;
+      border-radius: $btn-border-radius $btn-border-radius 0 0;
+      @include hover-focus-active {
+        color: $white;
+        background: $primary;
+      }
+      i.fa { margin-right: ($spacer * .25); }
+      &.cs-html-editor-save {
+        color: $white;
+        background-color: $primary;
+      }
+      + a[class^='cs-html-editor-'] { margin-left: ($spacer * .25); }
+    }
+  }
+  .cs-html-editor-toolbar { z-index: 50; }
+}
+.cs-hidden-editor-container {
+  position: absolute;
+  z-index: -1;
+  width: 0;
+  height: 0;
+  overflow: hidden;
+}

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_engagement_banners.scss

@@ -0,0 +1,23 @@
+// Holiday themed version for engagement banner
+.snowflake-bg, .hearts-bg, .arrows-bg, .flowers-bg {
+  position: absolute;
+  top: 0; right: 0; bottom: 0; left: 0;
+  width: 100%;
+  z-index: 0;
+}
+.snowflakes-bg {
+  background: transparent image-url('nfg_ui/engagement_banners/snow-bg.gif') 0 0 repeat;
+  opacity: 0.5;
+}
+.hearts-bg {
+  background: transparent image-url('nfg_ui/engagement_banners/hearts-bg.gif') 0 0 repeat;
+  opacity: 0.1;
+}
+.arrows-bg {
+  background: transparent image-url('nfg_ui/engagement_banners/arrows-bg.png') 50% 50% no-repeat;
+  background-size: cover;
+}
+.flowers-bg {
+  background: transparent image-url('nfg_ui/engagement_banners/flowers-bg.png') 0 0 repeat;
+  opacity: 0.1;
+}

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_mailings.scss

@@ -0,0 +1,57 @@
+// Used for direct mail and direct mail templates
+.page {
+  position: relative;
+  background-color: $white;
+  border: $border-width solid $border-color;
+  page-break-after: always; // Always insert page break after this element
+  page-break-inside: avoid; // Don't break my page content up browser
+  @media print {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    background-color: transparent;
+    border: none;
+  }
+  &:before {
+    position: absolute;
+    width: auto;
+    height: auto;
+    border: 2px dashed $border-color;
+    content: '';
+    z-index: 0;
+    @media print { display: none; }
+  }
+}
+.page-margin {
+  width: 100%;
+  height: 100%;
+}
+.page-content {
+  width: 100%;
+  height: 100%;
+  .redactor-editor, .redactor-box { background: transparent; }
+  .redactor-editor {
+    border: none;
+    padding: 0;
+  }
+  blockquote {
+    margin-left: 1.6em !important;
+    font-size: inherit;
+    font-style: italic;
+    color: inherit;
+  }
+  a {
+    color: #15c; // Clear out orange link colors to default blue
+    text-decoration: underline;
+    &:hover, &:focus, &:active {
+      color: #15c;
+      text-decoration: none;
+    }
+  }
+}
+.page-margin-text {
+  position: absolute;
+  top: -($spacer);
+  right: 0;
+}

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_status_indicator.scss

@@ -2,8 +2,8 @@
 .status-indicator {
   position: absolute;
   top: -($spacer * .5);
-  right: -($spacer * .5);
+  left: -($spacer * .5);
   display: block;
   z-index: 100;
   font-size: $font-size-base;
-}
+}

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_task.scss

@@ -0,0 +1,20 @@
+// Styles related to the task page in DM
+
+.task {
+  &.selected {
+    border-color: $input-focus-border-color;
+    box-shadow: 0 0 0 ($spacer * .125) transparentize($primary, 0.8);
+  }
+  &.task-completed {
+    background-color: $body-bg;
+    .media-body {
+      color: $text-muted;
+      [class*='text-'] { color: $text-muted !important; }
+    }
+    .badge {
+      color: $text-muted;
+      background-color: $input-disabled-bg;
+      border-color: $border-color;
+    }
+  }
+}

data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_print.scss

@@ -0,0 +1,20 @@
+// stylelint-disable declaration-no-important, selector-no-qualifying-type
+
+// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css
+
+// ==========================================================================
+// Print styles.
+// Inlined to avoid the additional HTTP request:
+// https://www.phpied.com/delay-loading-your-print-css/
+// ==========================================================================
+
+@if $enable-print-styles {
+  @media print {
+    * { background: transparent !important; color: black !important; filter: none !important; -ms-filter: none !important; }
+
+    a[href]:after { content: " (" attr(href) ")"; }
+    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  // Don't show links for images, or javascript/internal links
+
+    ul, ol, img { page-break-inside: avoid; }
+  }
+}

data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_redactor.scss

@@ -4,13 +4,52 @@
 }
 .redactor-box {
   margin-bottom: 0 !important;
+  min-height: ($spacer * 5);
   border: $border-width solid $border-color;
 }
 .redactor-toolbar {
+  position: relative;
   background-color: $body-bg;
   box-shadow: none;
   border-bottom: $border-width solid $border-color;
-  a { color: inherit !important; }
+  &.redactor-toolbar-external {
+    border-color: $border-color;
+    border-radius: $border-radius;
+    box-shadow: $box-shadow-sm;
+    &:after, &:before {
+      display: block;
+      top: 100%;
+      left: 50%;
+      border: solid transparent;
+      content: " ";
+      height: 0;
+      width: 0;
+      position: absolute;
+      pointer-events: none;
+    }
+    &:after {
+      border-color: rgba(255, 255, 255, 0);
+      border-top-color: $body-bg;
+      border-width: 6px;
+      margin-left: -6px;
+    }
+    &:before {
+      border-color: rgba(243, 246, 248, 0);
+      border-top-color: $border-color;
+      border-width: 7px;
+      margin-left: -7px;
+    }
+  }
+  li a {
+    color: inherit !important;
+    &.re-icon {
+      .body-text { font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important; }
+    }
+    @include hover-focus-active {
+      color: $white !important;
+      background-color: $primary;
+    }
+  }
 }
 .redactor-editor, .redactor-box, .redactor-box textarea { z-index: auto; }
 .redactor-box .redactor-toolbar { z-index: $zindex-dropdown - 10 !important; }
@@ -27,4 +66,11 @@ body.modal-open  {
   // z-index was upped from 999 to 1 more than the modal...
   // in response to: https://jira.networkforgood.org/browse/PSTWO-9974
   z-index: $zindex-modal + 1 !important;
+  a[class^="redactor-dropdown-"] {
+    color: $body-color;
+    @include hover-focus-active {
+      color: $white;
+      background-color: $primary;
+    }
+  }
 }

data/app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_datetimepicker.scss

@@ -277,3 +277,10 @@
 [data-action='togglePeriod']:after { content: 'Toggle AM/PM'; }
 [data-action='clear']:after { content: 'Clear the picker'; }
 [data-action='today']:after { content: 'Set the date to today'; }
+
+body:not(.modal-open) {
+  .bootstrap-datetimepicker-widget { z-index: $zindex-dropdown + 1 !important; } // makes datetimepicker dropdown higher than select2
+}
+body.modal-open  {
+  .modal .bootstrap-datetimepicker-widget { z-index: $zindex-modal + 3 !important; } // makes datetimepicker dropdown higher than redactor toolbar and select2 in modals
+}

data/app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_select2.scss

@@ -16,7 +16,6 @@ body.modal-open  {
   .modal .select2-container { z-index: $zindex-modal + 2 !important; } // makes select2 dropdown higher than redactor toolbar in modals
 }
 
-
 .select2-container--default {
   &.select2-container--focus .select2-selection--multiple,
   &.select2-container--open .select2-selection--single {

data/lib/nfg_ui/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module NfgUi
-  VERSION = '0.12.9'
+  VERSION = '0.12.13'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: nfg_ui
 version: !ruby/object:Gem::Version
-  version: 0.12.9
+  version: 0.12.13
 platform: ruby
 authors:
 - Jonathan Roehm
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-07-28 00:00:00.000000000 Z
+date: 2021-09-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bootstrap
@@ -372,6 +372,8 @@ files:
 - app/assets/images/nfg_ui/app_icon/mstile-150x150.png
 - app/assets/images/nfg_ui/app_icon/safari-pinned-tab.svg
 - app/assets/images/nfg_ui/app_icon/site.webmanifest.erb
+- app/assets/images/nfg_ui/clouds-gray-lg.png
+- app/assets/images/nfg_ui/clouds-white-lg.png
 - app/assets/images/nfg_ui/email/icons/fa-caret-right.png
 - app/assets/images/nfg_ui/email/icons/fa-check-circle-o-success.png
 - app/assets/images/nfg_ui/email/icons/fa-check-circle-success.png
@@ -380,6 +382,10 @@ files:
 - app/assets/images/nfg_ui/email/icons/fa-twitter.png
 - app/assets/images/nfg_ui/email/icons/fa-youtube.png
 - app/assets/images/nfg_ui/email/nfg-logo.png
+- app/assets/images/nfg_ui/engagement_banners/arrows-bg.png
+- app/assets/images/nfg_ui/engagement_banners/flowers-bg.png
+- app/assets/images/nfg_ui/engagement_banners/hearts-bg.gif
+- app/assets/images/nfg_ui/engagement_banners/snow-bg.gif
 - app/assets/javascripts/nfg_ui/application.coffee
 - app/assets/javascripts/nfg_ui/collapsible_toggle.coffee
 - app/assets/javascripts/nfg_ui/datepicker.coffee
@@ -416,24 +422,28 @@ files:
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_background.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_custom.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_grid.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_jumbotron.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_media.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_modal.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_nav.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_navbar.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_tables.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_type.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_activity_feed.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_bee.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_builder_layout.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_campaign_card.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_campaign_preview.scss
-- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_content_section_buttons.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_content_section.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_custom_questions_questionnaire.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_custom_receipt_language.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_email_preview.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_engagement_banners.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_gallery.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_icomoon.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_interaction.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_mailings.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_page_header.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_readmore.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_redacted_text.scss
@@ -441,6 +451,7 @@ files:
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_sortable.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_status_indicator.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_sys_only_functionality.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_task.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_tile.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_video_countdown.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/_variables.scss
@@ -507,6 +518,7 @@ files:
 - app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_forms.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_modal.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_nav.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_print.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_progress.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_reboot.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_sizing.scss

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_content_section_buttons.scss

@@ -1,11 +0,0 @@
-// Styles for content section buttons
-.cs-edit, .cs-btn-group {
-  position: absolute;
-  top: -($spacer * .25);
-  left: -($spacer * .25);
-}
-.cs-edit, .cs-rm-group, .cs-add-group {
-  opacity: 0.8;
-  z-index: 100;
-  &:hover { opacity: 1; }
-}