nfg_ui 0.9.19 → 0.9.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_custom.scss +1 -0
  3. data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_avatar.scss +54 -0
  4. data/app/assets/stylesheets/nfg_ui/network_for_good/public/_variables.scss +7 -7
  5. data/app/assets/stylesheets/nfg_ui/network_for_good/public/entity_branding/application.scss +4 -3
  6. data/app/assets/stylesheets/nfg_ui/network_for_good/public/entity_branding/nfg_theme/_nav.scss +16 -0
  7. data/app/assets/stylesheets/nfg_ui/network_for_good/public/entity_branding/nfg_theme/_reboot.scss +1 -1
  8. data/app/assets/stylesheets/nfg_ui/network_for_good/public/legacy_browser_support/nfg_theme/_custom.scss +1 -0
  9. data/app/assets/stylesheets/nfg_ui/network_for_good/public/legacy_browser_support/nfg_theme/custom/_avatar.scss +5 -0
  10. data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_custom.scss +1 -0
  11. data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_nav.scss +50 -0
  12. data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_donor_account.scss +5 -0
  13. data/lib/nfg_ui/version.rb +1 -1
  14. metadata +7 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 6e5bbcb27ac27f8426efeed5141e03cb6547993924c2b4f08723895bf1b37ab4
4
- data.tar.gz: 0015a4dbb6e348aa114b1c9a0b0d005d11e47708fec14704c32d6d1888026476
3
+ metadata.gz: a4fd6c431a2093c5d41bae530dad3eaf88b3e51fc2a5913a20f82e09507f4eb1
4
+ data.tar.gz: 21bd2f0c40b88c6045e22645605c767ce19579528395e40670cab140210ddf56
5
5
  SHA512:
6
- metadata.gz: 8c4e347b204fae62ef69557e67a8e6ddb9457602ca298f818b46157f04ed63cd210eb1d4651b3d77f417e3ee7f684364cabc9a388a3408fe3e6f627cafdb0243
7
- data.tar.gz: 72eb996d6d153a5827fc7030cb47ee3a7c474bc8d3ea3b18ae85ace97182c54648db52f73db46a5037fb9c1429286ac2a59ec5609dc0ef055cada6d19b55204a
6
+ metadata.gz: da65edf3ccfb87c9511427e75986d490fcb0d9900f52510d5e91847b9fbb707e2c84d52d91621fb3f1d585825d234e687d6200d10a1aee5c52467b9971f95449
7
+ data.tar.gz: b8969cbae79c2356b7ca0b391a01a17c8f8c772ff3205b5313dfec59c4f8c292940c8624270420c9043ddd013ee778a9d8e6bd5479336273b10868d355cc763e
data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_custom.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  // Our custom styles
2
+ @import 'custom/avatar';
2
3
  @import 'custom/campaign_card';
3
4
  @import 'custom/campaign_preview';
4
5
  @import 'custom/content_section_buttons';
data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_avatar.scss ADDED
@@ -0,0 +1,54 @@
1
+ .avatar {
2
+ position: relative;
3
+ display: inline-flex;
4
+ align-items: center;
5
+ justify-content: center;
6
+ vertical-align: middle;
7
+ width: ($spacer * 2);
8
+ height: ($spacer * 2);
9
+ color: transparent;
10
+ background-color: $border-color;
11
+ border-radius: 50%;
12
+
13
+ // Images within avatars
14
+ img {
15
+ width: 100%;
16
+ height: 100%;
17
+ border-radius: inherit;
18
+ }
19
+
20
+ // Text (initials) within avatars
21
+ .avatar-text {
22
+ font-weight: $font-weight-bold;
23
+ font-size: $font-size-base;
24
+ line-height: 1;
25
+ color: $body-color;
26
+ text-align: center;
27
+ white-space: nowrap;
28
+ overflow: hidden;
29
+ }
30
+
31
+ // Sizes
32
+ &.avatar-sm {
33
+ width: $spacer;
34
+ height: $spacer;
35
+ .avatar-text { font-size: ($font-size-base * .625); }
36
+ }
37
+ &.avatar-lg {
38
+ width: ($spacer * 4);
39
+ height: ($spacer * 4);
40
+ .avatar-text { font-size: $font-size-lg; }
41
+ }
42
+ &.avatar-xl {
43
+ width: ($spacer * 5);
44
+ height: ($spacer * 5);
45
+ .avatar-text { font-size: $h1-font-size; }
46
+ }
47
+ }
48
+
49
+ // Avatar as a link
50
+ a.avatar {
51
+ opacity: 1;
52
+ transition: $transition-fade;
53
+ &:hover, &:active { opacity: $btn-disabled-opacity; }
54
+ }
data/app/assets/stylesheets/nfg_ui/network_for_good/public/_variables.scss CHANGED
@@ -692,12 +692,12 @@ $nav-link-padding-x: $spacer;
692
692
  $nav-link-disabled-color: $text-muted;
693
693
 
694
694
  $nav-tabs-border-color: $border-color;
695
- // $nav-tabs-border-width: $border-width !default;
696
- // $nav-tabs-border-radius: $border-radius !default;
697
- // $nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
698
- // $nav-tabs-link-active-color: $gray-700 !default;
699
- // $nav-tabs-link-active-bg: $body-bg !default;
700
- // $nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
695
+ $nav-tabs-border-width: $border-width;
696
+ $nav-tabs-border-radius: 0;
697
+ $nav-tabs-link-hover-border-color: $primary;
698
+ $nav-tabs-link-active-color: $body-color;
699
+ $nav-tabs-link-active-bg: transparent;
700
+ $nav-tabs-link-active-border-color: $primary;
701
701
 
702
702
  // $nav-pills-border-radius: $border-radius !default;
703
703
  // $nav-pills-link-active-color: $component-active-color !default;
@@ -823,7 +823,7 @@ $card-spacer-x: $spacer;
823
823
  $card-border-width: 0;
824
824
  // $card-border-radius: $border-radius !default;
825
825
  $card-border-color: transparent;
826
- // $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
826
+ $card-inner-border-radius: $border-radius;
827
827
  $card-cap-bg: theme-color("light");
828
828
  // $card-cap-color: null !default;
829
829
  // $card-color: null !default;
data/app/assets/stylesheets/nfg_ui/network_for_good/public/entity_branding/application.scss CHANGED
@@ -6,12 +6,13 @@
6
6
  // NFG Theme
7
7
  @import 'nfg_theme/functions';
8
8
  @import 'nfg_theme/reboot';
9
- @import 'nfg_theme/type';
10
- @import 'nfg_theme/forms';
9
+ @import 'nfg_theme/badge';
11
10
  @import 'nfg_theme/buttons';
12
11
  @import 'nfg_theme/custom-forms';
12
+ @import 'nfg_theme/forms';
13
+ @import 'nfg_theme/nav';
13
14
  @import 'nfg_theme/navbar';
14
- @import 'nfg_theme/badge';
15
+ @import 'nfg_theme/type';
15
16
  @import 'nfg_theme/utilities';
16
17
  @import 'nfg_theme/custom';
17
18
 
data/app/assets/stylesheets/nfg_ui/network_for_good/public/entity_branding/nfg_theme/_nav.scss ADDED
@@ -0,0 +1,16 @@
1
+ // Specific styles for entity branding
2
+
3
+ .nav {
4
+ &.flex-column {
5
+ .nav-link {
6
+ &.active::after { background: $primary; }
7
+ }
8
+ }
9
+ }
10
+ .nav-tabs {
11
+ .nav-link {
12
+ &:hover, &.active {
13
+ &::after { background: $primary; }
14
+ }
15
+ }
16
+ }
data/app/assets/stylesheets/nfg_ui/network_for_good/public/entity_branding/nfg_theme/_reboot.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  // Specific styles for entity branding
2
2
 
3
3
  a {
4
- color: color-yiq($primary, darken($primary, 15%), $primary);
4
+ color: color-yiq($primary, $yiq-text-dark, $primary);
5
5
  &:not(.btn):hover, &:not(.btn):focus { color: darken($primary, 15%) !important; }
6
6
  }
data/app/assets/stylesheets/nfg_ui/network_for_good/public/legacy_browser_support/nfg_theme/_custom.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  // Our custom styles
2
+ @import 'custom/avatar';
2
3
  @import 'custom/everyday_giving';
3
4
  @import 'custom/nav_step';
4
5
  @import 'custom/slat';
data/app/assets/stylesheets/nfg_ui/network_for_good/public/legacy_browser_support/nfg_theme/custom/_avatar.scss ADDED
@@ -0,0 +1,5 @@
1
+ .avatar {
2
+ display: -ms-inline-flexbox;
3
+ -ms-flex-align: center;
4
+ -ms-flex-pack: center;
5
+ }
data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_custom.scss CHANGED
@@ -2,6 +2,7 @@
2
2
  @import 'custom/admin_bar';
3
3
  @import 'custom/avatar';
4
4
  @import 'custom/background_variations';
5
+ @import 'custom/donor_account';
5
6
  @import 'custom/everyday_default';
6
7
  @import 'custom/everyday_story';
7
8
  @import 'custom/footer_links';
data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_nav.scss ADDED
@@ -0,0 +1,50 @@
1
+ // Vertical navigations with left indicator
2
+ .nav {
3
+ &.flex-column {
4
+ .nav-link {
5
+ position: relative;
6
+ color: $text-muted;
7
+ &::after {
8
+ position: absolute;
9
+ top: 0;
10
+ left: 0;
11
+ width: ($spacer * .25);
12
+ height: 100%;
13
+ border-radius: (($spacer * .25) / 2);
14
+ transition: $transition-base;
15
+ content: '';
16
+ }
17
+ &.active {
18
+ color: $nav-tabs-link-active-color !important;
19
+ &::after { background: $nav-tabs-link-hover-border-color; }
20
+ }
21
+ @include hover-focus { color: $nav-tabs-link-active-color !important; }
22
+ }
23
+ }
24
+ }
25
+
26
+ //
27
+ // Tabs
28
+ //
29
+ .nav-tabs {
30
+ .nav-item { margin-right: ($spacer * .5); }
31
+ .nav-link {
32
+ position: relative;
33
+ color: $text-muted;
34
+ border: none;
35
+ &::after {
36
+ position: absolute;
37
+ bottom: 0;
38
+ left: 0;
39
+ width: 100%;
40
+ height: ($spacer * .25);
41
+ border-radius: (($spacer * .25) / 2);
42
+ transition: $transition-base;
43
+ content: '';
44
+ }
45
+ @include hover-focus {
46
+ color: $nav-tabs-link-active-color !important;
47
+ &::after { background: $nav-tabs-link-hover-border-color; }
48
+ }
49
+ }
50
+ }
data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_donor_account.scss ADDED
@@ -0,0 +1,5 @@
1
+ // Sets height for fundraiser banner image
2
+ .fundraiser-card-img {
3
+ height: ($spacer * 8);
4
+ overflow: hidden;
5
+ }
data/lib/nfg_ui/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module NfgUi
4
- VERSION = '0.9.19'
4
+ VERSION = '0.9.19.1'
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: nfg_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.9.19
4
+ version: 0.9.19.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jonathan Roehm
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2019-10-02 00:00:00.000000000 Z
12
+ date: 2019-10-11 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: bootstrap
@@ -401,6 +401,7 @@ files:
401
401
  - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_tables.scss
402
402
  - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_tooltip.scss
403
403
  - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_type.scss
404
+ - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_avatar.scss
404
405
  - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_campaign_card.scss
405
406
  - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_campaign_preview.scss
406
407
  - app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_content_section_buttons.scss
@@ -439,6 +440,7 @@ files:
439
440
  - app/assets/stylesheets/nfg_ui/network_for_good/public/entity_branding/nfg_theme/_custom.scss
440
441
  - app/assets/stylesheets/nfg_ui/network_for_good/public/entity_branding/nfg_theme/_forms.scss
441
442
  - app/assets/stylesheets/nfg_ui/network_for_good/public/entity_branding/nfg_theme/_functions.scss
443
+ - app/assets/stylesheets/nfg_ui/network_for_good/public/entity_branding/nfg_theme/_nav.scss
442
444
  - app/assets/stylesheets/nfg_ui/network_for_good/public/entity_branding/nfg_theme/_navbar.scss
443
445
  - app/assets/stylesheets/nfg_ui/network_for_good/public/entity_branding/nfg_theme/_reboot.scss
444
446
  - app/assets/stylesheets/nfg_ui/network_for_good/public/entity_branding/nfg_theme/_type.scss
@@ -467,6 +469,7 @@ files:
467
469
  - app/assets/stylesheets/nfg_ui/network_for_good/public/legacy_browser_support/nfg_theme/_pagination.scss
468
470
  - app/assets/stylesheets/nfg_ui/network_for_good/public/legacy_browser_support/nfg_theme/_progress.scss
469
471
  - app/assets/stylesheets/nfg_ui/network_for_good/public/legacy_browser_support/nfg_theme/_utilities.scss
472
+ - app/assets/stylesheets/nfg_ui/network_for_good/public/legacy_browser_support/nfg_theme/custom/_avatar.scss
470
473
  - app/assets/stylesheets/nfg_ui/network_for_good/public/legacy_browser_support/nfg_theme/custom/_everyday_giving.scss
471
474
  - app/assets/stylesheets/nfg_ui/network_for_good/public/legacy_browser_support/nfg_theme/custom/_nav_step.scss
472
475
  - app/assets/stylesheets/nfg_ui/network_for_good/public/legacy_browser_support/nfg_theme/custom/_slat.scss
@@ -487,6 +490,7 @@ files:
487
490
  - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_event.scss
488
491
  - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_forms.scss
489
492
  - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_list-group.scss
493
+ - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_nav.scss
490
494
  - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_progress.scss
491
495
  - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_reboot.scss
492
496
  - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_tooltip.scss
@@ -494,6 +498,7 @@ files:
494
498
  - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_admin_bar.scss
495
499
  - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_avatar.scss
496
500
  - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_background_variations.scss
501
+ - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_donor_account.scss
497
502
  - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_everyday_default.scss
498
503
  - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_everyday_story.scss
499
504
  - app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_footer_links.scss