nfg_ui 0.11.11.1 → 0.11.12
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_modal.scss +0 -16
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_campaign_card.scss +6 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_custom.scss +1 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_forms.scss +0 -4
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_modal.scss +14 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_progress.scss +1 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_type.scss +9 -2
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_drawer.scss +87 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_custom.scss +3 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_navbar.scss +0 -11
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_reboot.scss +2 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_background_variations.scss +1 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_donor_scroll.scss +6 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_event.scss +1 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_event_livestream.scss +57 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_everyday_default.scss +2 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_everyday_story.scss +4 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_page_header.scss +34 -0
- data/lib/nfg_ui/version.rb +1 -1
- metadata +8 -3
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_admin_bar.scss +0 -20
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ce77d565f9d42c469b6680016f82a906cb1e9895b2307fde804841d49216141a
|
|
4
|
+
data.tar.gz: c036ed9f4acfb0f010d3ba44bea3918868f13ecfeb7175064a08504152964a14
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 594d50bab24531c671735f8854df3d120605f5235e86a2c1c56a3609f54faad83c2562592a36b0a73cbace08f8f4f4e21b39e66ef2dba815ea4ea4e22e272426
|
|
7
|
+
data.tar.gz: f1f2d425923d33b5d71eb1a3f9631c0bf26f2482400ddefb37b7406a9567a306927a8b53cf0585268b8f2bec2bff2d2c55fa79a5de6dfd211996b646d47e7fec
|
|
@@ -4,19 +4,3 @@
|
|
|
4
4
|
+ #quick-add-modal { display: none !important; }
|
|
5
5
|
~ .modal-backdrop.show ~ .modal-backdrop.show { display: none !important; }
|
|
6
6
|
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
// Full page cover modal option
|
|
10
|
-
.modal-cover {
|
|
11
|
-
margin: 0;
|
|
12
|
-
width: 100%;
|
|
13
|
-
max-width: 100%;
|
|
14
|
-
height: 100%;
|
|
15
|
-
transform: none !important; // removes default 50px transform that occurs on modal showing (.fade and .show)
|
|
16
|
-
.modal-content {
|
|
17
|
-
display: block;
|
|
18
|
-
height: 100%;
|
|
19
|
-
border: none;
|
|
20
|
-
border-radius: 0;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
// Full page cover modal option
|
|
2
|
+
.modal-cover {
|
|
3
|
+
margin: 0;
|
|
4
|
+
width: 100%;
|
|
5
|
+
max-width: 100%;
|
|
6
|
+
height: 100%;
|
|
7
|
+
transform: none !important; // removes default 50px transform that occurs on modal showing (.fade and .show)
|
|
8
|
+
.modal-content {
|
|
9
|
+
display: block;
|
|
10
|
+
height: 100%;
|
|
11
|
+
border: none;
|
|
12
|
+
border-radius: 0;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -15,6 +15,13 @@ h6, .h6 { line-height: 1.5; }
|
|
|
15
15
|
text-transform: uppercase;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
+
// Adjust heading sizes on smaller devices
|
|
19
|
+
@include media-breakpoint-down(md) {
|
|
20
|
+
h1, .h1, h2, .h2, h3, .h3 {
|
|
21
|
+
font-size: $h4-font-size;
|
|
22
|
+
line-height: 1;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
18
25
|
|
|
19
26
|
//
|
|
20
27
|
// Misc
|
|
@@ -59,8 +66,8 @@ a.no-link-color {
|
|
|
59
66
|
content: '';
|
|
60
67
|
z-index: 0;
|
|
61
68
|
}
|
|
62
|
-
|
|
63
|
-
|
|
69
|
+
[class*='text-'], .btn-center { z-index: 10; }
|
|
70
|
+
[class*='text-'] {
|
|
64
71
|
position: relative;
|
|
65
72
|
text-align: center;
|
|
66
73
|
line-height: 1;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
.drawer {
|
|
2
|
+
position: fixed;
|
|
3
|
+
width: 100%;
|
|
4
|
+
z-index: $zindex-modal;
|
|
5
|
+
background-color: $white;
|
|
6
|
+
box-shadow: $box-shadow;
|
|
7
|
+
transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
8
|
+
opacity: 1 !important;
|
|
9
|
+
|
|
10
|
+
// Positions for drawer to slide in from
|
|
11
|
+
&.drawer-top {
|
|
12
|
+
top: 0;
|
|
13
|
+
right: auto;
|
|
14
|
+
bottom: auto;
|
|
15
|
+
left: 0;
|
|
16
|
+
transform: translate(0, -100%);
|
|
17
|
+
}
|
|
18
|
+
&.drawer-right {
|
|
19
|
+
top: 0;
|
|
20
|
+
right: 0;
|
|
21
|
+
bottom: auto;
|
|
22
|
+
left: auto;
|
|
23
|
+
transform: translate(100%, 0);
|
|
24
|
+
}
|
|
25
|
+
&.drawer-bottom {
|
|
26
|
+
top: auto;
|
|
27
|
+
right: auto;
|
|
28
|
+
bottom: 0;
|
|
29
|
+
left: 0;
|
|
30
|
+
transform: translate(0, 100%);
|
|
31
|
+
}
|
|
32
|
+
&.drawer-left {
|
|
33
|
+
top: 0;
|
|
34
|
+
right: auto;
|
|
35
|
+
bottom: auto;
|
|
36
|
+
left: 0;
|
|
37
|
+
transform: translate(-100%, 0);
|
|
38
|
+
}
|
|
39
|
+
&.drawer-top, &.drawer-bottom {
|
|
40
|
+
height: 100%;
|
|
41
|
+
@include media-breakpoint-up(lg) { height: auto; }
|
|
42
|
+
}
|
|
43
|
+
&.drawer-right, &.drawer-left {
|
|
44
|
+
height: 100%;
|
|
45
|
+
@include media-breakpoint-up(lg) { width: 32%; }
|
|
46
|
+
}
|
|
47
|
+
&.drawer-top, &.drawer-right, &.drawer-bottom, &.drawer-left {
|
|
48
|
+
&.show { transform: translate(0, 0); } // uses modal's show for slide animation
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
// Modal overrides for drawer to use modal component
|
|
53
|
+
.drawer {
|
|
54
|
+
.modal-dialog {
|
|
55
|
+
margin: 0;
|
|
56
|
+
padding: 0;
|
|
57
|
+
width: 100%;
|
|
58
|
+
max-width: 100%;
|
|
59
|
+
height: 100%;
|
|
60
|
+
transition: none !important; // removes default fade in modal transition
|
|
61
|
+
transform: none !important; // removes default 50px transform that occurs on modal showing (.fade and .show)
|
|
62
|
+
.modal-content {
|
|
63
|
+
display: block;
|
|
64
|
+
width: 100%;
|
|
65
|
+
height: 100%;
|
|
66
|
+
border: none;
|
|
67
|
+
box-shadow: none;
|
|
68
|
+
border-radius: 0;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
// Hides modal backdrop default and need to be siblings
|
|
74
|
+
.drawer ~ .modal-backdrop { display: none; }
|
|
75
|
+
|
|
76
|
+
// Main drawer container
|
|
77
|
+
.drawer-content {
|
|
78
|
+
height: 100%;
|
|
79
|
+
overflow-y: auto;
|
|
80
|
+
}
|
|
81
|
+
.drawer-section {
|
|
82
|
+
+ .drawer-section { border-top: $border-width solid $border-color; }
|
|
83
|
+
&.drawer-section-scroll { overflow-y: scroll; }
|
|
84
|
+
}
|
|
85
|
+
.drawer-header, .drawer-body, .drawer-footer {
|
|
86
|
+
padding: $spacer;
|
|
87
|
+
}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
// Our custom styles
|
|
2
|
-
@import 'custom/admin_bar';
|
|
3
2
|
@import 'custom/background_variations';
|
|
4
3
|
@import 'custom/donor_account';
|
|
4
|
+
@import 'custom/donor_scroll';
|
|
5
5
|
@import 'custom/event';
|
|
6
|
+
@import 'custom/event_livestream';
|
|
6
7
|
@import 'custom/everyday_default';
|
|
7
8
|
@import 'custom/everyday_story';
|
|
8
9
|
@import 'custom/footer_links';
|
|
10
|
+
@import 'custom/page_header';
|
|
@@ -20,14 +20,3 @@ $navbar-logo-height: (($spacer * 4.5) - $spacer);
|
|
|
20
20
|
padding-left: $navbar-padding-x;
|
|
21
21
|
border-left: $border-width solid $border-color;
|
|
22
22
|
}
|
|
23
|
-
.sticky-div {
|
|
24
|
-
box-shadow: $box-shadow-sm;
|
|
25
|
-
.btn-header-donate {
|
|
26
|
-
opacity: 0;
|
|
27
|
-
transition: $transition-base;
|
|
28
|
-
}
|
|
29
|
-
&.stuck {
|
|
30
|
-
box-shadow: $box-shadow;
|
|
31
|
-
.btn-header-donate { opacity: 1; }
|
|
32
|
-
}
|
|
33
|
-
}
|
data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_event_livestream.scss
ADDED
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
// Styles specific to the event livestream styles
|
|
2
|
+
.event {
|
|
3
|
+
@include media-breakpoint-up(lg) { height: 100%; }
|
|
4
|
+
.page-content {
|
|
5
|
+
@include media-breakpoint-up(lg) { height: 100%; }
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
// Block containers for side by side view
|
|
10
|
+
.event-body {
|
|
11
|
+
@include media-breakpoint-up(lg) {
|
|
12
|
+
width: 100%;
|
|
13
|
+
height: 100%;
|
|
14
|
+
overflow: hidden;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
.event-content {
|
|
18
|
+
padding: $spacer;
|
|
19
|
+
@include media-breakpoint-up(lg) {
|
|
20
|
+
float: left;
|
|
21
|
+
width: 67%;
|
|
22
|
+
height: 100%;
|
|
23
|
+
overflow-y: auto;
|
|
24
|
+
> :last-child { margin-bottom: ($spacer * 2); }
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
.event-sidebar {
|
|
28
|
+
@include media-breakpoint-down(md) { border-bottom: $border-width solid $border-color; }
|
|
29
|
+
@include media-breakpoint-up(lg) {
|
|
30
|
+
float: right;
|
|
31
|
+
display: flex;
|
|
32
|
+
flex-direction: column;
|
|
33
|
+
width: 33%;
|
|
34
|
+
height: 100%;
|
|
35
|
+
border-left: $border-width solid $border-color;
|
|
36
|
+
> :last-child { margin-bottom: $spacer; }
|
|
37
|
+
}
|
|
38
|
+
&.event-sidebar-scroll {
|
|
39
|
+
@include media-breakpoint-up(lg) { overflow-y: scroll; }
|
|
40
|
+
}
|
|
41
|
+
.event-sidebar-section {
|
|
42
|
+
padding: $spacer;
|
|
43
|
+
+ .event-sidebar-section { border-top: $border-width solid $border-color; }
|
|
44
|
+
&.event-sidebar-section-scroll {
|
|
45
|
+
min-height: ($spacer * 10); // sets min-height to ensure the scrollable area has room to be seen on restricted height devices (not mobile)
|
|
46
|
+
overflow-y: scroll;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
// styles specific to donor-scroll to remove default card styles when donor scroll is inside the event sidebar
|
|
52
|
+
.event-sidebar-section {
|
|
53
|
+
.card[data-describe='donor-scroll'] {
|
|
54
|
+
border: 0;
|
|
55
|
+
.card-body { padding: 0; }
|
|
56
|
+
}
|
|
57
|
+
}
|
data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_everyday_story.scss
CHANGED
|
@@ -6,7 +6,10 @@
|
|
|
6
6
|
background-size: cover;
|
|
7
7
|
@include media-breakpoint-down(md) {
|
|
8
8
|
background-image: none !important;
|
|
9
|
-
.card {
|
|
9
|
+
.card {
|
|
10
|
+
border: none;
|
|
11
|
+
box-shadow: none !important;
|
|
12
|
+
}
|
|
10
13
|
.card-body { padding: 0; }
|
|
11
14
|
}
|
|
12
15
|
@include media-breakpoint-up(lg) { min-height: 500px; }
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
$page-header-height: ($spacer * 4.5);
|
|
2
|
+
$page-header-height-admin: ($spacer * 6.5);
|
|
3
|
+
|
|
4
|
+
// Page header specific styles
|
|
5
|
+
.page-header {
|
|
6
|
+
width: 100%;
|
|
7
|
+
background-color: $white;
|
|
8
|
+
border-bottom: $border-width solid $border-color;
|
|
9
|
+
z-index: $zindex-fixed;
|
|
10
|
+
@include media-breakpoint-up(lg) {
|
|
11
|
+
position: fixed;
|
|
12
|
+
top: 0;
|
|
13
|
+
left: 0;
|
|
14
|
+
right: 0;
|
|
15
|
+
min-height: $page-header-height;
|
|
16
|
+
}
|
|
17
|
+
body.admin & { // this renders as body.admin .page-header specifying when the view is in admin status
|
|
18
|
+
@include media-breakpoint-up(lg) { min-height: $page-header-height-admin; }
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
// Moving .page-content container down with padding when page-header exists but ONLY on larger screens
|
|
23
|
+
.page-header {
|
|
24
|
+
+ .page-content {
|
|
25
|
+
@include media-breakpoint-up(lg) {
|
|
26
|
+
padding-top: $page-header-height;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
body.admin & + .page-content { // this renders as body.admin .page-header + .page-content specifying when the view is in admin status
|
|
30
|
+
@include media-breakpoint-up(lg) {
|
|
31
|
+
padding-top: $page-header-height-admin;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
data/lib/nfg_ui/version.rb
CHANGED
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.11.
|
|
4
|
+
version: 0.11.12
|
|
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: 2021-
|
|
12
|
+
date: 2021-02-23 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: bootstrap
|
|
@@ -501,6 +501,7 @@ files:
|
|
|
501
501
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_custom.scss
|
|
502
502
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_dropdown.scss
|
|
503
503
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_forms.scss
|
|
504
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_modal.scss
|
|
504
505
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_nav.scss
|
|
505
506
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_progress.scss
|
|
506
507
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_reboot.scss
|
|
@@ -509,6 +510,7 @@ files:
|
|
|
509
510
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_type.scss
|
|
510
511
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_avatar.scss
|
|
511
512
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_device_preview.scss
|
|
513
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_drawer.scss
|
|
512
514
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_icon.scss
|
|
513
515
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_illustration.scss
|
|
514
516
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_mobile.scss
|
|
@@ -541,13 +543,16 @@ files:
|
|
|
541
543
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_list-group.scss
|
|
542
544
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_nav.scss
|
|
543
545
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_navbar.scss
|
|
544
|
-
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/
|
|
546
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_reboot.scss
|
|
545
547
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_background_variations.scss
|
|
546
548
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_donor_account.scss
|
|
549
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_donor_scroll.scss
|
|
547
550
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_event.scss
|
|
551
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_event_livestream.scss
|
|
548
552
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_everyday_default.scss
|
|
549
553
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_everyday_story.scss
|
|
550
554
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_footer_links.scss
|
|
555
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_page_header.scss
|
|
551
556
|
- app/controllers/nfg_ui/application_controller.rb
|
|
552
557
|
- app/helpers/nfg_ui/application_helper.rb
|
|
553
558
|
- app/helpers/nfg_ui/components/browser_helper.rb
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
// Remove styles and use bs4 structure and styles once update is final
|
|
2
|
-
|
|
3
|
-
.admin-bar {
|
|
4
|
-
position: relative;
|
|
5
|
-
z-index: 100;
|
|
6
|
-
font-weight: $font-weight-bold;
|
|
7
|
-
color: $text-muted;
|
|
8
|
-
text-transform: uppercase;
|
|
9
|
-
background-color: $black;
|
|
10
|
-
}
|
|
11
|
-
.admin-bar-descriptor {
|
|
12
|
-
display: inline-block;
|
|
13
|
-
padding: ($spacer * .5) 0;
|
|
14
|
-
}
|
|
15
|
-
.admin-bar-main-links a {
|
|
16
|
-
display: inline-block;
|
|
17
|
-
padding: ($spacer * .5);
|
|
18
|
-
color: $white;
|
|
19
|
-
&:hover, &:active { color: $text-muted; }
|
|
20
|
-
}
|