nfg_ui 0.14.3.2 → 0.14.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3d3aeb2863ebb5e5100185b2f2286981225b5842aec6fc1976799a4a8273939f
-  data.tar.gz: af1ebabe3ebbeda89cc1e9548f97b3f0c24a71929cf4d862a7d8a049a2e1ac70
+  metadata.gz: d4bb269c1712ed02fcc8063dac8eebb57e54bb3f146b4004734600a0a5d66570
+  data.tar.gz: 9415238bb521eb17244238f0e26ef121bc4bd08032b446402bdf5eeddfdedb34
 SHA512:
-  metadata.gz: 8d8c718e624b5a75a86d22a2f678d8a963854f4939257177c21926466b025cad0af6b3c1b1125db2169f6133619175f8ee9b2282aab050d31d96457b1339eb09
-  data.tar.gz: 269f44a67a5a471fe7ef0593bb5abff1fb266001c38a58df5896c446cbdaa684cadece9d5ce878c986df3dbd414eddbbab2e5edcd3f527654d138ae97262ce57
+  metadata.gz: 784c9cdd392204b6383b729af9f206a9bbe1bf27f05b9f4cdce1f2adac279085edd2e2bf6103b096e3c01c6f8d9f1fc3c49a973252b070f9d5bd97439744ba30
+  data.tar.gz: 861b6d63ce011a46e0d37f8ad10bdc5666eb4f3ee3c8b73f3dde74b184b324422b2b8fb3ea158dba61e6eb254c3fc204e97c465dec35060167ab2222fa7f6cef

data/app/assets/stylesheets/nfg_ui/network_for_good/core/_variables.scss

@@ -1064,7 +1064,7 @@ $breadcrumb-margin-bottom:          $spacer;
 
 $breadcrumb-bg:                     transparent;
 $breadcrumb-divider-color:          $border-color;
-$breadcrumb-active-color:           $text-muted;
+$breadcrumb-active-color:           $body-color;
 // $breadcrumb-divider:                quote("/") !default;
 
 // $breadcrumb-border-radius:          $border-radius !default;

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

@@ -0,0 +1,21 @@
+.breadcrumb-item {
+  color: $text-muted;
+  a {
+    color: $text-muted;
+    @include hover-focus() { text-decoration: underline; }
+  }
+}
+
+
+// Used on FP onboarders where there are two levels of navigation for steps
+.breadcrumb {
+  &.nav-secondary {
+    .breadcrumb-item {
+      a { color: $primary; }
+      &.active { color: $body-color; }
+      + .breadcrumb-item {
+        &::before { content: '>'; }
+      }
+    }
+  }
+}

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_page_header.scss

@@ -16,8 +16,8 @@ $page-header-height-public: (($spacer * 6.75) + 1); // 21.7rem (adds 1px for wid
     min-height: $page-header-height;
   }
 
-  // this renders as body.admin .page-header specifying when the view there is an admin logged in (includes top admin black bar)
-  body.admin & {
+  // this renders as body.admin .page-header specifying when the view there is an admin logged in or on a donorcreatedproject (includes top admin black bar)
+  body.admin &, body.donorcreatedproject & {
     @include media-breakpoint-up(lg) { min-height: $page-header-height-admin; }
   }
 }
@@ -27,8 +27,10 @@ $page-header-height-public: (($spacer * 6.75) + 1); // 21.7rem (adds 1px for wid
   @include media-breakpoint-up(lg) {
     + .page-content { padding-top: $page-header-height; }
 
-    // this renders as body.admin .page-header + .page-content specifying when the view there is an admin logged in (includes top admin black bar)
-    body.admin & + .page-content { padding-top: $page-header-height-admin; }
+    // this renders as body.admin .page-header + .page-content specifying when the view there is an admin logged in or on a donorcreatedproject (includes top admin black bar)
+    body.admin &, body.donorcreatedproject & {
+      + .page-content { padding-top: $page-header-height-admin; }
+    }
 
     // this renders as body.nfg_ui_onboarder .page-header + .page-content specifying when the view is in a public onboarding status i.e. fundraiser onboarder in Fundraising Pages
     body.nfg_ui_onboarder & + .page-content { padding-top: $page-header-height-public; }

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

@@ -12,7 +12,27 @@ module NfgUi
                     remote
                     submit].freeze
 
+        # Link trait has some customizations because it outputs
+        # a button without button styles (useful for spacing)
+        # which makes it feel like the following SHOULD work:
+        # = ui.nfg :button, :link, :danger, icon: 'trash-o'
+        # Where it generates a link themed button that also has
+        # a color style.
         def link_trait
+          colors = NfgUi::Components::Traits::Theme::COLOR_TRAITS
+
+          # Check if we've got any color themes passed through in addition to :link
+          if traits.collect { |t| t.in?(colors) }.any? && traits.include?(:link)
+            # Grab and remove the theme color from traits so it
+            # doesn't override the :link theme
+            # and so that we can apply it to the css.
+            theme_color = traits.delete((traits & colors).first)
+
+            # Add the text styling to the button's CSS
+            options[:class] += " text-#{theme_color}"
+          end
+
+          # And finally, set the official theme as a link
           options[:theme] = :link
         end
 

data/lib/nfg_ui/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: nfg_ui
 version: !ruby/object:Gem::Version
-  version: 0.14.3.2
+  version: 0.14.5
 platform: ruby
 authors:
 - Jonathan Roehm
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-05-27 00:00:00.000000000 Z
+date: 2022-06-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bootstrap
@@ -508,6 +508,7 @@ files:
 - 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/_breadcrumb.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