nfg_ui 0.11.3 → 0.11.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 332c555dc58cfd23c4c1620eb247a089e617bce9c4d9425eb134c8294d60b781
-  data.tar.gz: 11f734c4d7f450be761e0566b66dd7a5921eaffe64c095f75fc28d00ddd85ea5
+  metadata.gz: b74d360cda26e2c2761e08f2e7518801f4ff7b6748c47c8329c8201eda8ebc71
+  data.tar.gz: 114168053528379c43dfadcb54c4c3fdf73355c76013fcda368aa0b13748758e
 SHA512:
-  metadata.gz: 5e211f554ab72b7147ccf0185b945fe347d955ede629a1599b225434d5d31a9c969db0844a43afa230705937ae9c2280f47f5780d2251dee7e57fce57c8b4de8
-  data.tar.gz: 22c1f6878558390dcccd8f9ed61f4125141ebf27a3ffe79747895821a705af1b3f008682b2a4726567a2f29b1c76a2003017049474640800ea9d6a1956affb2e
+  metadata.gz: 31bc70d2cc5e96ac4c8414d1d1c38cb8ff760e23b4e021c6ff4b2583b783e9f505cf39540e93a311b786629c03075286eca26af1d5846fc02ca502b60285cba7
+  data.tar.gz: 87c5a53d2f865c51d0af6c090d9b25166aee6c72d3215cafeb672b3d6aa605e509530dd7844c2dad1a59e12c77c13fd3271d1ef03f4ddba940fc0486c4748e41

data/Rakefile

@@ -36,7 +36,7 @@ task :publish, %i[override_flag] do |_, override_flag: nil|
   subtask_args << ",#{override_flag}" if override_flag
 
   Dir.chdir("#{__dir__}/publisher") do
-    Bundler.with_clean_env do
+    Bundler.with_unbundled_env do
       sh "RAILS_ENV=production bundle exec rake publish[#{subtask_args}]" do |ok, _|
         puts 'unable to publish assets' unless ok
       end

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/color_variations/nfg_theme/_badge.scss

@@ -3,3 +3,7 @@
     .badge-primary { @include badge-variant($value); }
   }
 }
+
+// temporary color fix for consistency on a white text on orange bg
+// overrides color contrast settings
+.orange .badge-primary { color: $white !important; }

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/color_variations/nfg_theme/_buttons.scss

@@ -8,3 +8,7 @@
     .btn-outline-secondary, .btn-link { color: $value; }
   }
 }
+
+// temporary color fix for consistency on a white text on orange bg
+// overrides color contrast settings
+.orange .btn-primary { color: $white !important; }

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

@@ -7,6 +7,7 @@
 @import 'custom/custom_receipt_language';
 @import 'custom/email_preview';
 @import 'custom/free_trial';
+@import 'custom/gallery';
 @import 'custom/icomoon';
 @import 'custom/interaction';
 @import 'custom/overlay_blocker';

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

@@ -4,3 +4,19 @@
   + #quick-add-modal { display: none !important; }
   ~ .modal-backdrop.show ~ .modal-backdrop.show { display: none !important; }
 }
+
+
+// Full page cover modal option
+.modal-cover {
+  margin: 0;
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  transform: none !important; // removes default 50px transform that occurs on modal showing (.fade and .show)
+  .modal-content {
+    display: block;
+    height: 100%;
+    border: none;
+    border-radius: 0;
+  }
+}

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

@@ -80,6 +80,7 @@ $builder-preview-padding: ($spacer * 2);
   }
 }
 .builder-preview {
+  background-color: $body-bg;
   padding: $builder-preview-padding ($builder-preview-padding / 2);
   @include media-breakpoint-up(lg) {
     float: left;

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

@@ -3,4 +3,4 @@
   height: ($spacer * 8);
   overflow: hidden;
   .card-img { min-height: 100%; }
-}
+}

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

@@ -0,0 +1,46 @@
+// Gallery styles
+.card-gallery {
+
+  // Gallery image styles
+  .card-gallery-img {
+    height: ($spacer * 14); // sets height of gallery image preview
+    overflow: hidden;
+    z-index: 0;
+    .card-img {
+      min-height: 100%;
+      z-index: 0;
+    }
+    .card-img-overlay { z-index: 1; }
+    .card-gallery-img-overlay {
+      display: block;
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      text-align: center;
+      background-color: $modal-backdrop-bg;
+      transition: $transition-fade;
+      opacity: 0;
+      z-index: 10;
+      @include hover { opacity: 1; }
+      > .card-gallery-img-overlay-text {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 100%;
+        transform: translate(-50%, -50%);
+      }
+    }
+  }
+
+  // Gallery card body styles
+  .card-body { z-index: 10; }
+  .badge-highlight {
+    position: absolute;
+    top: -($card-spacer-y * .5);
+    left: $card-spacer-y;
+  }
+}
+
+

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

@@ -6,11 +6,11 @@
     &:hover, &:active { text-decoration: none; }
   }
 }
-.alert-success a:not(.btn) { color: $success; }
-.alert-info a:not(.btn) { color: $info; }
-.alert-warning a:not(.btn) { color: $warning; }
+.alert-success a:not(.btn) { color: $success !important; }
+.alert-info a:not(.btn) { color: $info !important; }
+.alert-warning a:not(.btn) { color: $warning !important; }
 .alert-danger, .alert-error {
-  a:not(.btn) { color: $danger; }
+  a:not(.btn) { color: $danger !important; }
 }
 .alert-gray, .alert-notice,
 .alert-light, .alert-dark {

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

@@ -0,0 +1,3 @@
+// overrides color contrast settings
+.badge-secondary { color: $white !important; }
+.badge-warning { color: $white !important; }

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

@@ -15,3 +15,6 @@
   }
 }
 .btn-link { font-weight: $btn-font-weight; }
+
+// overrides color contrast settings
+.btn-warning { color: $white !important; }

data/lib/nfg_ui/bootstrap/components/modal.rb

@@ -28,7 +28,11 @@ module NfgUi
             content_tag(:div, class: modal_dialog_css_classes, role: 'document') do
               content_tag(:div, class: 'modal-content') do
                 capture do
-                  concat(NfgUi::Bootstrap::Components::ModalHeader.new({ title: title }, view_context).render)
+                  # Optionally, leave title nil
+                  # and the title / dismiss functionality is left out.
+                  if title.present?
+                    concat(NfgUi::Bootstrap::Components::ModalHeader.new({ title: title }, view_context).render)
+                  end
                   if render_in_body
                     concat(NfgUi::Bootstrap::Components::ModalBody.new({ body: (block_given? ? yield : body) }, view_context).render)
                   else

data/lib/nfg_ui/components/patterns/modal.rb

@@ -10,7 +10,14 @@ module NfgUi
         include NfgUi::Components::Utilities::Renderable
         include NfgUi::Components::Utilities::Titleable
 
+        include NfgUi::Components::Traits::Modal
         include NfgUi::Components::Traits::Size
+
+        private
+
+        def resized?
+          [:sm, :lg, :xl, :cover].include?(size)
+        end
       end
     end
   end

data/lib/nfg_ui/components/traits.rb

@@ -18,6 +18,7 @@ module NfgUi
                          DropdownToggle
                          Icon
                          ListGroup
+                         Modal
                          Muted
                          Nav
                          Navbar

data/lib/nfg_ui/components/traits/modal.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      module Modal
+        TRAITS = %i[cover].freeze
+
+        def cover_trait
+          options[:size] = :cover
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: nfg_ui
 version: !ruby/object:Gem::Version
-  version: 0.11.3
+  version: 0.11.4
 platform: ruby
 authors:
 - Jonathan Roehm
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-10-15 00:00:00.000000000 Z
+date: 2020-10-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bootstrap
@@ -427,6 +427,7 @@ files:
 - 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/_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/_overlay_blocker.scss
@@ -485,6 +486,7 @@ files:
 - app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/utilities/_flex.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/plugins/_sticky_div.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_alert.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_badge.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_button-group.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_buttons.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_card.scss
@@ -740,6 +742,7 @@ files:
 - lib/nfg_ui/components/traits/dropdown_toggle.rb
 - lib/nfg_ui/components/traits/icon.rb
 - lib/nfg_ui/components/traits/list_group.rb
+- lib/nfg_ui/components/traits/modal.rb
 - lib/nfg_ui/components/traits/muted.rb
 - lib/nfg_ui/components/traits/nav.rb
 - lib/nfg_ui/components/traits/nav_item.rb