nfg_ui 0.9.19 → 0.9.19.1

Sign up to get free protection for your applications and to get access to all the features.
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