nfg_ui 0.10.8.2 → 0.10.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: dad3bc5b8b12d198e7043dd29f35a2201b7433cd402688049f8a6f999f4b886d
-  data.tar.gz: 7dc68abe6f34327f2492bd4c65fbd9ea69edc452dd76bb6098298446ba4cd7ed
+  metadata.gz: c6e58889fb77e8519d6ee203354e6ca65656f0463c28c423cbc115e6c32b1980
+  data.tar.gz: 702cc3f3d1678def2241bcc9c687e31dafa2b30a28fee6f89e5d7503b04478b7
 SHA512:
-  metadata.gz: 65087e97487f795b4e3ca7058937fbb0916d2f7570ae1117dc41c71fe8ed8e64eafa05866b60c8d0422047a69a5741284ad68e92efba57c28e26fa53ccb0d15b
-  data.tar.gz: 8fd62150d0e36032856e64497a137e9c995130d07818aaeffac8a0efa6d268384b188292d15d694118c901b795e584933db9b02be0169bcd0a955d406bb98e5a
+  metadata.gz: cb043579fa346c3cd229844a0ed8b95c83eea5786f4e7fa79ee0e6c98da1b7a69e2524d502065824a7388a7e617f019163c3cfc6ac0f67b89c247423889ca503
+  data.tar.gz: 58fb08cb3b0f259621a3a96ae816482447b66332a30811be034c4e442f841ace1b777db2eec913eaa838323ed9fc125a1a8c34e90f1b0a6abc42c16cd23e61fb

data/app/assets/javascripts/nfg_ui/application.coffee

@@ -5,6 +5,7 @@
 #= require bootstrap
 #= require moment
 #= require nfg_ui/vendor/bootstrap-datetimepicker.min
+#= require nfg_ui/vendor/legacy_browser_support/application
 
 #= require_self
 #= require nfg_ui/document_ready
@@ -12,5 +13,6 @@
 #= require nfg_ui/select2
 #= require nfg_ui/tooltips
 #= require nfg_ui/datetimepicker_configuration
+#= require nfg_ui/file_inputs
 
 window.NfgUi = {}

data/app/assets/javascripts/nfg_ui/file_inputs.js

@@ -0,0 +1,5 @@
+// This populates the label inside/below custom file inputs with
+// the file name that was selected.
+$(document).on('change', '.custom-file-input', function(event) {
+  $(this).next('.custom-file-label').html(event.target.files[0].name);
+});

data/app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/application.js

@@ -0,0 +1,4 @@
+//= require ./modernizr-flexbox.min
+//= require ./modernizr-flexboxtweener.min
+//= require ./modernizr-smil.min
+//= require ./modernizr-preserve3d.min

data/app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/modernizr-flexbox.min.js

@@ -0,0 +1,3 @@
+/*! modernizr 3.3.1 (Custom Build) | MIT *
+ * https://modernizr.com/download/?-flexbox-setclasses !*/
+!function(e,n,t){function r(e,n){return typeof e===n}function o(){var e,n,t,o,s,i,a;for(var l in C)if(C.hasOwnProperty(l)){if(e=[],n=C[l],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t<n.options.aliases.length;t++)e.push(n.options.aliases[t].toLowerCase());for(o=r(n.fn,"function")?n.fn():n.fn,s=0;s<e.length;s++)i=e[s],a=i.split("."),1===a.length?Modernizr[a[0]]=o:(!Modernizr[a[0]]||Modernizr[a[0]]instanceof Boolean||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=o),g.push((o?"":"no-")+a.join("-"))}}function s(e){var n=x.className,t=Modernizr._config.classPrefix||"";if(_&&(n=n.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(r,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),_?x.className.baseVal=n:x.className=n)}function i(e,n){return!!~(""+e).indexOf(n)}function a(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):_?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function l(e){return e.replace(/([a-z])-([a-z])/g,function(e,n,t){return n+t.toUpperCase()}).replace(/^-/,"")}function f(e,n){return function(){return e.apply(n,arguments)}}function u(e,n,t){var o;for(var s in e)if(e[s]in n)return t===!1?e[s]:(o=n[e[s]],r(o,"function")?f(o,t||n):o);return!1}function d(e){return e.replace(/([A-Z])/g,function(e,n){return"-"+n.toLowerCase()}).replace(/^ms-/,"-ms-")}function p(){var e=n.body;return e||(e=a(_?"svg":"body"),e.fake=!0),e}function c(e,t,r,o){var s,i,l,f,u="modernizr",d=a("div"),c=p();if(parseInt(r,10))for(;r--;)l=a("div"),l.id=o?o[r]:u+(r+1),d.appendChild(l);return s=a("style"),s.type="text/css",s.id="s"+u,(c.fake?c:d).appendChild(s),c.appendChild(d),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(n.createTextNode(e)),d.id=u,c.fake&&(c.style.background="",c.style.overflow="hidden",f=x.style.overflow,x.style.overflow="hidden",x.appendChild(c)),i=t(d,e),c.fake?(c.parentNode.removeChild(c),x.style.overflow=f,x.offsetHeight):d.parentNode.removeChild(d),!!i}function m(n,r){var o=n.length;if("CSS"in e&&"supports"in e.CSS){for(;o--;)if(e.CSS.supports(d(n[o]),r))return!0;return!1}if("CSSSupportsRule"in e){for(var s=[];o--;)s.push("("+d(n[o])+":"+r+")");return s=s.join(" or "),c("@supports ("+s+") { #modernizr { position: absolute; } }",function(e){return"absolute"==getComputedStyle(e,null).position})}return t}function h(e,n,o,s){function f(){d&&(delete z.style,delete z.modElem)}if(s=r(s,"undefined")?!1:s,!r(o,"undefined")){var u=m(e,o);if(!r(u,"undefined"))return u}for(var d,p,c,h,v,y=["modernizr","tspan","samp"];!z.style&&y.length;)d=!0,z.modElem=a(y.shift()),z.style=z.modElem.style;for(c=e.length,p=0;c>p;p++)if(h=e[p],v=z.style[h],i(h,"-")&&(h=l(h)),z.style[h]!==t){if(s||r(o,"undefined"))return f(),"pfx"==n?h:!0;try{z.style[h]=o}catch(g){}if(z.style[h]!=v)return f(),"pfx"==n?h:!0}return f(),!1}function v(e,n,t,o,s){var i=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+b.join(i+" ")+i).split(" ");return r(n,"string")||r(n,"undefined")?h(a,n,o,s):(a=(e+" "+E.join(i+" ")+i).split(" "),u(a,n,t))}function y(e,n,r){return v(e,t,t,n,r)}var g=[],C=[],w={_version:"3.3.1",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){C.push({name:e,fn:n,options:t})},addAsyncTest:function(e){C.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=w,Modernizr=new Modernizr;var x=n.documentElement,_="svg"===x.nodeName.toLowerCase(),S="Moz O ms Webkit",b=w._config.usePrefixes?S.split(" "):[];w._cssomPrefixes=b;var E=w._config.usePrefixes?S.toLowerCase().split(" "):[];w._domPrefixes=E;var P={elem:a("modernizr")};Modernizr._q.push(function(){delete P.elem});var z={style:P.elem.style};Modernizr._q.unshift(function(){delete z.style}),w.testAllProps=v,w.testAllProps=y,Modernizr.addTest("flexbox",y("flexBasis","1px",!0)),o(),s(g),delete w.addTest,delete w.addAsyncTest;for(var N=0;N<Modernizr._q.length;N++)Modernizr._q[N]();e.Modernizr=Modernizr}(window,document);

data/app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/modernizr-flexboxtweener.min.js

@@ -0,0 +1,3 @@
+/*! modernizr 3.3.1 (Custom Build) | MIT *
+ * https://modernizr.com/download/?-flexboxtweener-setclasses !*/
+!function(e,n,t){function r(e,n){return typeof e===n}function o(){var e,n,t,o,s,i,a;for(var l in C)if(C.hasOwnProperty(l)){if(e=[],n=C[l],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t<n.options.aliases.length;t++)e.push(n.options.aliases[t].toLowerCase());for(o=r(n.fn,"function")?n.fn():n.fn,s=0;s<e.length;s++)i=e[s],a=i.split("."),1===a.length?Modernizr[a[0]]=o:(!Modernizr[a[0]]||Modernizr[a[0]]instanceof Boolean||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=o),g.push((o?"":"no-")+a.join("-"))}}function s(e){var n=_.className,t=Modernizr._config.classPrefix||"";if(x&&(n=n.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(r,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),x?_.className.baseVal=n:_.className=n)}function i(e,n){return!!~(""+e).indexOf(n)}function a(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):x?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function l(e){return e.replace(/([a-z])-([a-z])/g,function(e,n,t){return n+t.toUpperCase()}).replace(/^-/,"")}function f(e,n){return function(){return e.apply(n,arguments)}}function u(e,n,t){var o;for(var s in e)if(e[s]in n)return t===!1?e[s]:(o=n[e[s]],r(o,"function")?f(o,t||n):o);return!1}function d(e){return e.replace(/([A-Z])/g,function(e,n){return"-"+n.toLowerCase()}).replace(/^ms-/,"-ms-")}function p(){var e=n.body;return e||(e=a(x?"svg":"body"),e.fake=!0),e}function c(e,t,r,o){var s,i,l,f,u="modernizr",d=a("div"),c=p();if(parseInt(r,10))for(;r--;)l=a("div"),l.id=o?o[r]:u+(r+1),d.appendChild(l);return s=a("style"),s.type="text/css",s.id="s"+u,(c.fake?c:d).appendChild(s),c.appendChild(d),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(n.createTextNode(e)),d.id=u,c.fake&&(c.style.background="",c.style.overflow="hidden",f=_.style.overflow,_.style.overflow="hidden",_.appendChild(c)),i=t(d,e),c.fake?(c.parentNode.removeChild(c),_.style.overflow=f,_.offsetHeight):d.parentNode.removeChild(d),!!i}function m(n,r){var o=n.length;if("CSS"in e&&"supports"in e.CSS){for(;o--;)if(e.CSS.supports(d(n[o]),r))return!0;return!1}if("CSSSupportsRule"in e){for(var s=[];o--;)s.push("("+d(n[o])+":"+r+")");return s=s.join(" or "),c("@supports ("+s+") { #modernizr { position: absolute; } }",function(e){return"absolute"==getComputedStyle(e,null).position})}return t}function h(e,n,o,s){function f(){d&&(delete z.style,delete z.modElem)}if(s=r(s,"undefined")?!1:s,!r(o,"undefined")){var u=m(e,o);if(!r(u,"undefined"))return u}for(var d,p,c,h,v,y=["modernizr","tspan","samp"];!z.style&&y.length;)d=!0,z.modElem=a(y.shift()),z.style=z.modElem.style;for(c=e.length,p=0;c>p;p++)if(h=e[p],v=z.style[h],i(h,"-")&&(h=l(h)),z.style[h]!==t){if(s||r(o,"undefined"))return f(),"pfx"==n?h:!0;try{z.style[h]=o}catch(g){}if(z.style[h]!=v)return f(),"pfx"==n?h:!0}return f(),!1}function v(e,n,t,o,s){var i=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+b.join(i+" ")+i).split(" ");return r(n,"string")||r(n,"undefined")?h(a,n,o,s):(a=(e+" "+E.join(i+" ")+i).split(" "),u(a,n,t))}function y(e,n,r){return v(e,t,t,n,r)}var g=[],C=[],w={_version:"3.3.1",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){C.push({name:e,fn:n,options:t})},addAsyncTest:function(e){C.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=w,Modernizr=new Modernizr;var _=n.documentElement,x="svg"===_.nodeName.toLowerCase(),S="Moz O ms Webkit",b=w._config.usePrefixes?S.split(" "):[];w._cssomPrefixes=b;var E=w._config.usePrefixes?S.toLowerCase().split(" "):[];w._domPrefixes=E;var P={elem:a("modernizr")};Modernizr._q.push(function(){delete P.elem});var z={style:P.elem.style};Modernizr._q.unshift(function(){delete z.style}),w.testAllProps=v,w.testAllProps=y,Modernizr.addTest("flexboxtweener",y("flexAlign","end",!0)),o(),s(g),delete w.addTest,delete w.addAsyncTest;for(var N=0;N<Modernizr._q.length;N++)Modernizr._q[N]();e.Modernizr=Modernizr}(window,document);

data/app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/modernizr-preserve3d.min.js

@@ -0,0 +1,3 @@
+/*! modernizr 3.6.0 (Custom Build) | MIT *
+ * https://modernizr.com/download/?-preserve3d-setclasses !*/
+!function(e,n,t){function s(e){var n=c.className,t=Modernizr._config.classPrefix||"";if(p&&(n=n.baseVal),Modernizr._config.enableJSClass){var s=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(s,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),p?c.className.baseVal=n:c.className=n)}function o(e,n){return typeof e===n}function a(){var e,n,t,s,a,r,f;for(var c in l)if(l.hasOwnProperty(c)){if(e=[],n=l[c],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t<n.options.aliases.length;t++)e.push(n.options.aliases[t].toLowerCase());for(s=o(n.fn,"function")?n.fn():n.fn,a=0;a<e.length;a++)r=e[a],f=r.split("."),1===f.length?Modernizr[f[0]]=s:(!Modernizr[f[0]]||Modernizr[f[0]]instanceof Boolean||(Modernizr[f[0]]=new Boolean(Modernizr[f[0]])),Modernizr[f[0]][f[1]]=s),i.push((s?"":"no-")+f.join("-"))}}function r(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):p?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}var i=[],l=[],f={_version:"3.6.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){l.push({name:e,fn:n,options:t})},addAsyncTest:function(e){l.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=f,Modernizr=new Modernizr;var c=n.documentElement,p="svg"===c.nodeName.toLowerCase();Modernizr.addTest("preserve3d",function(){var n,t,s=e.CSS,o=!1;return s&&s.supports&&s.supports("(transform-style: preserve-3d)")?!0:(n=r("a"),t=r("a"),n.style.cssText="display: block; transform-style: preserve-3d; transform-origin: right; transform: rotateY(40deg);",t.style.cssText="display: block; width: 9px; height: 1px; background: #000; transform-origin: right; transform: rotateY(40deg);",n.appendChild(t),c.appendChild(n),o=t.getBoundingClientRect(),c.removeChild(n),o=o.width&&o.width<4)}),a(),s(i),delete f.addTest,delete f.addAsyncTest;for(var d=0;d<Modernizr._q.length;d++)Modernizr._q[d]();e.Modernizr=Modernizr}(window,document);

data/app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/modernizr-smil.min.js

@@ -0,0 +1,3 @@
+/*! modernizr 3.5.0 (Custom Build) | MIT *
+ * https://modernizr.com/download/?-smil-setclasses !*/
+!function(e,n,s){function o(e,n){return typeof e===n}function a(){var e,n,s,a,t,r,f;for(var c in l)if(l.hasOwnProperty(c)){if(e=[],n=l[c],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(s=0;s<n.options.aliases.length;s++)e.push(n.options.aliases[s].toLowerCase());for(a=o(n.fn,"function")?n.fn():n.fn,t=0;t<e.length;t++)r=e[t],f=r.split("."),1===f.length?Modernizr[f[0]]=a:(!Modernizr[f[0]]||Modernizr[f[0]]instanceof Boolean||(Modernizr[f[0]]=new Boolean(Modernizr[f[0]])),Modernizr[f[0]][f[1]]=a),i.push((a?"":"no-")+f.join("-"))}}function t(e){var n=f.className,s=Modernizr._config.classPrefix||"";if(c&&(n=n.baseVal),Modernizr._config.enableJSClass){var o=new RegExp("(^|\\s)"+s+"no-js(\\s|$)");n=n.replace(o,"$1"+s+"js$2")}Modernizr._config.enableClasses&&(n+=" "+s+e.join(" "+s),c?f.className.baseVal=n:f.className=n)}var i=[],l=[],r={_version:"3.5.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var s=this;setTimeout(function(){n(s[e])},0)},addTest:function(e,n,s){l.push({name:e,fn:n,options:s})},addAsyncTest:function(e){l.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=r,Modernizr=new Modernizr;var f=n.documentElement,c="svg"===f.nodeName.toLowerCase(),u={}.toString;Modernizr.addTest("smil",function(){return!!n.createElementNS&&/SVGAnimate/.test(u.call(n.createElementNS("http://www.w3.org/2000/svg","animate")))}),a(),t(i),delete r.addTest,delete r.addAsyncTest;for(var d=0;d<Modernizr._q.length;d++)Modernizr._q[d]();e.Modernizr=Modernizr}(window,document);

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/application.scss

@@ -25,3 +25,6 @@
 
 // Legacy browser support
 @import 'nfg_ui/network_for_good/public/legacy_browser_support/application';
+
+// Color variations
+@import 'nfg_theme/color_variations/*';

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

@@ -3,14 +3,14 @@
   color: theme-color("primary");
   background-color: $white;
   border-color: $border-color;
-  &:hover {
-    color: $body-color;
+  @include hover {
+    color: $body-color !important;
     background-color: $body-bg;
   }
   &:not(:disabled):not(.disabled):active,
   &:not(:disabled):not(.disabled).active,
   .show > &.dropdown-toggle {
-    color: $body-color;
+    color: $body-color !important;
     background-color: $body-bg;
   }
 }

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

@@ -18,6 +18,7 @@
 
 .custom-control-label {
   font-weight: $font-weight-normal;
+  cursor: pointer;
 
   // Background-color and icon
   &::before, &::after { top: .3rem; }

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

@@ -18,6 +18,7 @@ label {
     color: $danger;
     cursor: default;
     border-bottom: none;
+    text-decoration: none;
   }
 }
 

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

@@ -11,14 +11,18 @@
   }
 
   .nav-link {
-    color: $text-muted;
+    color: $text-muted !important;
     border: none;
     border-bottom: $nav-tabs-border-width solid transparent;
     @include hover-focus {
-      color: $nav-tabs-link-active-color;
+      color: $nav-tabs-link-active-color !important;
       border-color: $nav-tabs-link-hover-border-color;
     }
   }
+  .nav-link.active,
+  .nav-item.show .nav-link {
+    color: $nav-tabs-link-active-color !important;
+  }
 }
 
 // Top navigation bar in DMS

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

@@ -1,4 +1,7 @@
-html { font-size: 62.5%; }
+html {
+  height: 100%;
+  font-size: 62.5%;
+}
 body {
   -ms-overflow-style: scrollbar !important;
   font-smooth: always;

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

@@ -0,0 +1,5 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .badge-primary { @include badge-variant($value); }
+  }
+}

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

@@ -0,0 +1,10 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .btn-primary { @include button-variant($value, $value); }
+    .show > .btn-primary.dropdown-toggle {
+      background-color: darken($value, 10%);
+      border-color: darken($value, 10%);
+    }
+    .btn-outline-secondary, .btn-link { color: $value; }
+  }
+}

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

@@ -0,0 +1,25 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .custom-control {
+      .custom-control-input {
+        &:checked {
+          ~ .custom-control-label { border-color: $value; }
+          ~ .custom-control-label::before {
+            border-color: $value;
+            background-color: $value;
+          }
+        }
+      }
+    }
+    .custom-switch {
+      .custom-control-input:checked ~ .custom-control-label {
+        &::after { border-color: $value; }
+        &::before {
+          background-color: $value;
+          border-color: $value;
+        }
+      }
+    }
+    .custom-select { color: $value; }
+  }
+}

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

@@ -0,0 +1,3 @@
+// Our custom styles
+@import 'custom/icons';
+@import 'custom/nav_step';

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

@@ -0,0 +1,7 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .form-control {
+      &:focus { border-color: $value; }
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .nav-tabs {
+      .nav-link {
+        &:hover, &.active { border-color: $value; }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .page-item {
+      &.active .page-link {
+        background-color: $value;
+        border-color: $value;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+// Our plugin styles
+@import 'plugins/datetimepicker';
+@import 'plugins/select2';

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

@@ -0,0 +1,5 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .progress-bar { background-color: $value; }
+  }
+}

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

@@ -0,0 +1,8 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    a:not(.btn) {
+      color: $value;
+      @include hover { color: darken($value, 15%); }
+    }
+  }
+}

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

@@ -0,0 +1,5 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .text-primary { color: $value !important; }
+  }
+}

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

@@ -0,0 +1,6 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .bg-primary { background-color: $value !important; }
+    .border-primary { border-color: $value !important; }
+  }
+}

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

@@ -0,0 +1,5 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .fa-question-circle-o.text-info { color: $value !important; } // used to make help icon correct theme color
+  }
+}

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

@@ -0,0 +1,23 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .nav-steps {
+      .nav-item {
+        &.visited, &.active {
+          &::before { background-color: $value; }
+          .step-indicator {
+            background-color: $value;
+            border-color: $value;
+          }
+        }
+        &.active ~ .visited {
+          .step-indicator {
+            &::after { box-shadow: 0 0 0 ($spacer * .25) transparentize($value, 0.5); };
+          }
+        }
+        .step-indicator {
+          &::after { box-shadow: 0 0 0 ($spacer * .25) transparentize($value, 0.5); }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,34 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .datepicker, .timepicker {
+      [data-action^='select'],
+      [data-action^='picker'],
+      .prev,
+      .next,
+      .timepicker-picker a.btn {
+        &:hover, &:active, &.active {
+          background-color: $value;
+          color: $white !important;
+        }
+      }
+      .today.active {
+        &:hover, &:active { background-color: $value; }
+      }
+    }
+    .datepicker {
+      .prev, .next {
+        color: $value;
+      }
+    }
+    .timepicker-picker td a { color: $value; }
+    .picker-switch.accordion-toggle {
+      a {
+        color: $value;
+        &:hover, &:active {
+          color: $white !important;
+          background-color: $value;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,50 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .select2-container--default {
+      .select2-search--dropdown {
+        .select2-search__field:focus {
+          border-color: $value;
+        }
+      }
+      &.select2-container--focus .select2-selection--multiple { border-color: $value; }
+      &.select2-container--open {
+        .select2-selection--single {
+          border-color: $value !important;
+          .select2-selection__rendered { color: $body-color; }
+        }
+      }
+      .select2-selection--single {
+        &:hover .select2-selection__rendered { color: $body-color; }
+        .select2-selection__rendered, .select2-selection__placeholder { color: $value !important; }
+      }
+      .select2-selection--multiple {
+        .select2-selection__rendered {
+          .select2-selection__choice {
+            color: $value;
+            &:hover, &:active { color: $body-color; }
+          }
+        }
+        .select2-selection__choice__remove { color: $value;  }
+      }
+    }
+    .has-danger {
+      .select2-container--default {
+        .select2-selection--single .select2-selection__rendered,
+        .select2-selection--multiple .select2-selection__rendered {
+          color: $danger;
+        }
+      }
+    }
+    .select2-selection__rendered .select2-selection__clear:before { color: $value; }
+  }
+  .#{$color} ~ .select2-container--default { // ~ is needed to style containers and elements outside of .container-main and still adhere to the page's specifc resource_color
+    .select2-search--dropdown {
+      .select2-search__field:focus { border-color: $value; }
+    }
+    .select2-results__option {
+      &[aria-selected='true'] {
+        &:after { color: $value; }
+      }
+    }
+  }
+}

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

@@ -1,52 +1,104 @@
-// Setting a common height for the builder header
+// Setting a common height for the builder header and nav
 $builder-header-height: ($spacer * 3);
+$builder-header-padding: ($spacer * .5);
+$builder-nav-height: ($spacer * 4.5);
+$builder-nav-padding: $spacer;
+$builder-options-padding: $spacer;
+$builder-preview-padding: ($spacer * 2);
 
 // Put on the <body> to help with correct scrolling within builder-wrap and builder-options
 .builder-layout {
-  width: 100%;
-  height: 100%;
-  @include media-breakpoint-up(lg) { overflow: hidden; }
+  @include media-breakpoint-up(lg) {
+    height: 100%;
+    > form { height: 100%; } // targets form directly inside <body> and needed for correct scrolling
+  }
 }
 
-// Macro styles for builder layout
-.builder-header {
-  position: fixed;
-  z-index: $zindex-fixed;
-  left: 0;
-  right: 0;
-  padding: ($spacer * .5);
+// Header and nav styles for builder layout
+.builder-header, .builder-header-fixed-bottom {
+  padding: $builder-header-padding;
   width: 100%;
   min-height: $builder-header-height;
   background-color: $dark;
+  z-index: $zindex-fixed;
+  @include media-breakpoint-up(lg) {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+}
+.builder-header-fixed-bottom {
+  position: fixed;
   @include media-breakpoint-down(md) { bottom: 0; }
-  @include media-breakpoint-up(lg) { top: 0; }
+}
+.builder-nav, .builder-nav-sm {
+  width: 100%;
+  z-index: $zindex-fixed;
+}
+.builder-nav {
+  padding: $builder-nav-padding;
+  background-color: $white;
+  border-bottom: $border-width solid $border-color;
+  @include media-breakpoint-up(lg) {
+    position: fixed;
+    top: $builder-header-height;
+    left: 0;
+    right: 0;
+    min-height: $builder-nav-height;
+  }
+}
+.builder-nav-sm {
+  position: fixed;
+  bottom: 0;
+  padding: ($builder-nav-padding * .5);
+  min-height: $builder-header-height;
+  background-color: $dark;
+  @include media-breakpoint-up(lg) { display: none; }
+}
+
+// Container that provides padding to the top of the page to move content below header and nav
+.builder-container {
+  @include media-breakpoint-down(md) { padding-bottom: $builder-header-height; }
+  @include media-breakpoint-up(lg) { height: 100%; }
 }
 
-.builder-wrap {
-  padding: ($spacer * 2) $spacer;
-  @include media-breakpoint-down(md) { padding-bottom: $builder-header-height + ($spacer * 2); }
+// Adjusts padding on the top of builder-container depending on how many elements come before it
+.builder-header ~ .builder-container {
+  @include media-breakpoint-up(lg) { padding-top: $builder-header-height; }
+}
+.builder-header ~ .builder-nav ~ .builder-container {
+  @include media-breakpoint-up(lg) { padding-top: $builder-header-height + $builder-nav-height; }
+}
+
+// Block containers for side by side view
+.builder-body {
   @include media-breakpoint-up(lg) {
-    padding-top: $builder-header-height + ($spacer * 2);
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+}
+.builder-preview {
+  padding: $builder-preview-padding ($builder-preview-padding / 2);
+  @include media-breakpoint-up(lg) {
+    float: left;
     width: 67vw;
-    height: 100vh;
+    height: 100%;
     overflow-y: auto;
-    > :last-child { margin-bottom: ($spacer * 2); }
+    > :last-child { margin-bottom: $builder-preview-padding; }
   }
 }
-
 .builder-options {
-  padding: $spacer;
+  padding: $builder-options-padding;
   background-color: $white;
   @include media-breakpoint-down(md) { border-bottom: $border-width solid $border-color; }
   @include media-breakpoint-up(lg) {
-    position: fixed;
-    top: 0;
-    right: 0;
-    padding-top: $builder-header-height + $spacer;
+    float: right;
     width: 33vw;
-    height: 100vh;
+    height: 100%;
     border-left: $border-width solid $border-color;
     overflow-y: auto;
-    > :last-child { margin-bottom: $spacer; }
+    > :last-child { margin-bottom: $builder-options-padding; }
   }
-}
+}

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

@@ -64,6 +64,9 @@
           .step-indicator::after { opacity: 1; }
         }
       }
+      .step-text {
+        @include media-breakpoint-down(md) { display: none; }
+      }
     }
 
 

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

@@ -10,6 +10,7 @@
   background-color: $body-bg;
   box-shadow: none;
   border-bottom: $border-width solid $border-color;
+  a { color: inherit !important; }
 }
 .redactor-editor, .redactor-box, .redactor-box textarea { z-index: auto; }
 .redactor-box .redactor-toolbar { z-index: $zindex-dropdown - 10 !important; }

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_reboot.scss

@@ -1,4 +1,7 @@
-html { font-size: 62.5%; }
+html {
+  height: 100%;
+  font-size: 62.5%;
+}
 body {
   -ms-overflow-style: scrollbar !important;
   font-smooth: always;

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

@@ -64,6 +64,9 @@
           .step-indicator::after { opacity: 1; }
         }
       }
+      .step-text {
+        @include media-breakpoint-down(md) { display: none; }
+      }
     }
 
 

data/app/assets/stylesheets/nfg_ui/network_for_good/public/plugins/_intercom.scss

@@ -1,7 +1,7 @@
 // INTERCOM -- custom styles for https://www.intercom.io/ integration
-#intercom-container {
+.intercom-lightweight-app {
   @include media-breakpoint-down(sm) { display: none !important; } // hides on small devices
-  .intercom-launcher-frame {
+  .intercom-lightweight-app-launcher {
     @include media-breakpoint-down(md) { bottom: ($spacer * 3.5) !important; } // adjusts location on medium devices
   }
 }

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

@@ -154,6 +154,7 @@ body.modal-open  {
         background-color: theme-color("light");
       }
     }
+    &[aria-disabled="true"],
     &[aria-selected='true'] {
       padding-right: ($spacer * 2);
       color: $body-color !important;
@@ -174,10 +175,12 @@ body.modal-open  {
         z-index: 5;
       }
     }
-    &[aria-disabled='true'] {
-      color: $text-muted;
+    &.loading-results {
+      padding-right: 0;
+      color: $text-muted !important;
       font-weight: $font-weight-bold;
       text-transform: uppercase;
+      &:after { display: none; }
     }
   }
   .select2-results__group {

data/lib/nfg_ui/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: nfg_ui
 version: !ruby/object:Gem::Version
-  version: 0.10.8.2
+  version: 0.10.13
 platform: ruby
 authors:
 - Jonathan Roehm
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-04-03 00:00:00.000000000 Z
+date: 2020-05-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bootstrap
@@ -384,10 +384,16 @@ files:
 - app/assets/javascripts/nfg_ui/collapsible_toggle.coffee
 - app/assets/javascripts/nfg_ui/datetimepicker_configuration.js
 - app/assets/javascripts/nfg_ui/document_ready.coffee
+- app/assets/javascripts/nfg_ui/file_inputs.js
 - app/assets/javascripts/nfg_ui/prevent_clickable_disabled_element.coffee
 - app/assets/javascripts/nfg_ui/select2.coffee
 - app/assets/javascripts/nfg_ui/tooltips.coffee
 - app/assets/javascripts/nfg_ui/vendor/bootstrap-datetimepicker.min.js
+- app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/application.js
+- app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/modernizr-flexbox.min.js
+- app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/modernizr-flexboxtweener.min.js
+- app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/modernizr-preserve3d.min.js
+- app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/modernizr-smil.min.js
 - app/assets/stylesheets/nfg_ui/bootstrap/application.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/_variables.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/application.scss
@@ -410,6 +416,22 @@ files:
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_tables.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_tooltip.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/color_variations/_badge.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_buttons.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_custom-forms.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_custom.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_forms.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_nav.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_pagination.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_plugins.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_progress.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_reboot.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_type.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_utilities.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/custom/_icons.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/custom/_nav_step.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/plugins/_datetimepicker.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/plugins/_select2.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_avatar.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