nfg_ui 0.11.8 → 0.11.12
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.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_custom.scss +1 -0
- 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/admin/nfg_theme/custom/_sys_only_functionality.scss +51 -0
- 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/core/plugins/_select2.scss +1 -1
- 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/components/elements/slat_item.rb +32 -8
- data/lib/nfg_ui/version.rb +1 -1
- metadata +9 -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,51 @@
|
|
|
1
|
+
// Heartbeat "beacon" styles for sysuser functionality
|
|
2
|
+
.notify {
|
|
3
|
+
position: absolute;
|
|
4
|
+
top: 0;
|
|
5
|
+
right: 0;
|
|
6
|
+
z-index: 50;
|
|
7
|
+
.heartbit {
|
|
8
|
+
position: absolute;
|
|
9
|
+
top: -($spacer * .75);
|
|
10
|
+
right: -($spacer * .75);
|
|
11
|
+
height: ($spacer * 1.5);
|
|
12
|
+
width: ($spacer * 1.5);
|
|
13
|
+
z-index: 10;
|
|
14
|
+
border: 6px solid $warning;
|
|
15
|
+
border-radius: ($spacer * .75);
|
|
16
|
+
animation: heartbit 1s ease-out infinite;
|
|
17
|
+
}
|
|
18
|
+
.point {
|
|
19
|
+
position: absolute;
|
|
20
|
+
right: -($spacer * .25);
|
|
21
|
+
top: -($spacer * .25);
|
|
22
|
+
width: ($spacer * .5);
|
|
23
|
+
height: ($spacer * .5);
|
|
24
|
+
border-radius: $spacer;
|
|
25
|
+
background-color: $warning;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
// Heartbeat animation used on beacon for sysusers
|
|
30
|
+
@keyframes heartbit {
|
|
31
|
+
0% {
|
|
32
|
+
transform: scale(0);
|
|
33
|
+
opacity: 0;
|
|
34
|
+
}
|
|
35
|
+
25% {
|
|
36
|
+
transform: scale(0.1);
|
|
37
|
+
opacity: .1;
|
|
38
|
+
}
|
|
39
|
+
50% {
|
|
40
|
+
transform: scale(0.5);
|
|
41
|
+
opacity: .3;
|
|
42
|
+
}
|
|
43
|
+
75% {
|
|
44
|
+
transform: scale(0.8);
|
|
45
|
+
opacity: .5;
|
|
46
|
+
}
|
|
47
|
+
100% {
|
|
48
|
+
transform: scale(1);
|
|
49
|
+
opacity: 0;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
@@ -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
|
+
}
|
|
@@ -13,7 +13,7 @@ body:not(.modal-open) {
|
|
|
13
13
|
.select2-container--default { z-index: $zindex-dropdown; }
|
|
14
14
|
}
|
|
15
15
|
body.modal-open {
|
|
16
|
-
.select2-container { z-index: $zindex-modal + 2 !important; } // makes select2 dropdown higher than redactor toolbar in modals
|
|
16
|
+
.modal .select2-container { z-index: $zindex-modal + 2 !important; } // makes select2 dropdown higher than redactor toolbar in modals
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
|
|
@@ -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
|
+
}
|
|
@@ -11,6 +11,10 @@ module NfgUi
|
|
|
11
11
|
include NfgUi::Components::Traits::Size
|
|
12
12
|
include NfgUi::Components::Traits::SlatItem
|
|
13
13
|
|
|
14
|
+
def caption
|
|
15
|
+
options.fetch(:caption, nil)
|
|
16
|
+
end
|
|
17
|
+
|
|
14
18
|
def component_family
|
|
15
19
|
:slats
|
|
16
20
|
end
|
|
@@ -19,36 +23,56 @@ module NfgUi
|
|
|
19
23
|
options.fetch(:slat_header, nil)
|
|
20
24
|
end
|
|
21
25
|
|
|
22
|
-
|
|
23
|
-
|
|
26
|
+
# Leverage custom tooltip implementation
|
|
27
|
+
# so that tooltips are connected to slat item text
|
|
28
|
+
# and not the slat item containing div (resulting in better UI)
|
|
29
|
+
def tooltip
|
|
30
|
+
options.fetch(:tooltip, nil)
|
|
24
31
|
end
|
|
25
32
|
|
|
26
33
|
def render
|
|
27
34
|
content_tag(base_element, slat_item_html_options) do
|
|
28
35
|
if slat_header
|
|
29
|
-
concat(content_tag(:h6, slat_header, class: 'display-4 slat-column-header'))
|
|
36
|
+
concat(content_tag(:h6, slat_header, class: 'display-4 slat-column-header', **tooltip_html_options))
|
|
30
37
|
end
|
|
31
38
|
if heading
|
|
32
39
|
if href
|
|
33
40
|
concat(content_tag(:a, href: view_context.url_for(href)) {
|
|
34
|
-
NfgUi::Components::Foundations::Typeface.new({ subheading: heading }, view_context).render
|
|
41
|
+
NfgUi::Components::Foundations::Typeface.new({ subheading: heading, tooltip: tooltip }, view_context).render
|
|
35
42
|
})
|
|
36
43
|
else
|
|
37
|
-
concat(NfgUi::Components::Foundations::Typeface.new({ subheading: heading }, view_context).render)
|
|
44
|
+
concat(NfgUi::Components::Foundations::Typeface.new({ subheading: heading, tooltip: tooltip }, view_context).render)
|
|
38
45
|
end
|
|
39
46
|
end
|
|
40
47
|
concat(block_given? ? yield : body)
|
|
41
48
|
if caption
|
|
42
|
-
concat(NfgUi::Components::Foundations::Typeface.new({ caption: caption, class: 'mb-0' }, view_context).render)
|
|
49
|
+
concat(NfgUi::Components::Foundations::Typeface.new({ caption: caption, class: 'mb-0', tooltip: (tooltip unless heading) }, view_context).render)
|
|
43
50
|
end
|
|
44
51
|
end
|
|
45
52
|
end
|
|
46
53
|
|
|
47
54
|
private
|
|
48
55
|
|
|
56
|
+
def tooltip_html_options
|
|
57
|
+
return {} unless tooltip
|
|
58
|
+
{ title: tooltip, data: options[:data].merge(tooltip_data_attributes) }
|
|
59
|
+
end
|
|
60
|
+
|
|
61
|
+
def tooltip_data_attributes
|
|
62
|
+
{ toggle: 'tooltip',
|
|
63
|
+
placement: :top,
|
|
64
|
+
html: 'true' }
|
|
65
|
+
end
|
|
66
|
+
|
|
49
67
|
# Strip the href from html_options and pass it to the header
|
|
50
68
|
def slat_item_html_options
|
|
51
|
-
html_options.except(:href)
|
|
69
|
+
options = html_options.except(:href)
|
|
70
|
+
|
|
71
|
+
# merge in tooltip only if leveraging block body content
|
|
72
|
+
# tooltip_html_options will return {} if no tooltip so this is a safe merge
|
|
73
|
+
options.merge!(tooltip_html_options) unless (heading || caption || slat_header)
|
|
74
|
+
|
|
75
|
+
options
|
|
52
76
|
end
|
|
53
77
|
|
|
54
78
|
# :sm is the default size, and is not given
|
|
@@ -59,7 +83,7 @@ module NfgUi
|
|
|
59
83
|
end
|
|
60
84
|
|
|
61
85
|
def non_html_attribute_options
|
|
62
|
-
super.push(:slat_header, :caption)
|
|
86
|
+
super.push(:slat_header, :caption, :tooltip)
|
|
63
87
|
end
|
|
64
88
|
end
|
|
65
89
|
end
|
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:
|
|
12
|
+
date: 2021-02-23 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: bootstrap
|
|
@@ -439,6 +439,7 @@ files:
|
|
|
439
439
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_share_dropdown.scss
|
|
440
440
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_sortable.scss
|
|
441
441
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_status_indicator.scss
|
|
442
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_sys_only_functionality.scss
|
|
442
443
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_tile.scss
|
|
443
444
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_video_countdown.scss
|
|
444
445
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/_variables.scss
|
|
@@ -500,6 +501,7 @@ files:
|
|
|
500
501
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_custom.scss
|
|
501
502
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_dropdown.scss
|
|
502
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
|
|
503
505
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_nav.scss
|
|
504
506
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_progress.scss
|
|
505
507
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_reboot.scss
|
|
@@ -508,6 +510,7 @@ files:
|
|
|
508
510
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_type.scss
|
|
509
511
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_avatar.scss
|
|
510
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
|
|
511
514
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_icon.scss
|
|
512
515
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_illustration.scss
|
|
513
516
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_mobile.scss
|
|
@@ -540,13 +543,16 @@ files:
|
|
|
540
543
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_list-group.scss
|
|
541
544
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_nav.scss
|
|
542
545
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_navbar.scss
|
|
543
|
-
- 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
|
|
544
547
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_background_variations.scss
|
|
545
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
|
|
546
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
|
|
547
552
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_everyday_default.scss
|
|
548
553
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_everyday_story.scss
|
|
549
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
|
|
550
556
|
- app/controllers/nfg_ui/application_controller.rb
|
|
551
557
|
- app/helpers/nfg_ui/application_helper.rb
|
|
552
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
|
-
}
|