nfg_ui 0.11.14 → 0.11.15
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 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/{_overlay_blocker.scss → _redacted_text.scss} +0 -17
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/_custom.scss +2 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/custom/_chat.scss +10 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/custom/_event_livestream.scss +24 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_custom.scss +2 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_avatar.scss +2 -2
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_chat.scss +39 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_overlay_blocker.scss +17 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_event_livestream.scss +40 -3
- data/lib/nfg_ui/version.rb +1 -1
- metadata +7 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 4840edaa5669a926a82c404e2490aa09b9f3c6d02079d0e730cd1af565c1165e
|
|
4
|
+
data.tar.gz: 8125cf47449dfd233312fd02aba2e6b45b3ba7d05133ce17a20f8c48959df060
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a30ea91175532e9c3cf27ceaa7ba22a777df3340db57f2c300d56671887a515525e4ed7411d4314da703f5c23617f29e05419b8abb9470d7229e52fe5cdf3826
|
|
7
|
+
data.tar.gz: 5c43ba17caa40d78fd26e31369ffbd1a247181bee25220538e57add90fff2e03f3a0d7dbe33a8f768429e97f36eb09b55170c2df5871b7acaf43b6278afcdddc
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
@import 'custom/gallery';
|
|
13
13
|
@import 'custom/icomoon';
|
|
14
14
|
@import 'custom/interaction';
|
|
15
|
-
@import 'custom/overlay_blocker';
|
|
16
15
|
@import 'custom/page_header';
|
|
17
16
|
@import 'custom/readmore';
|
|
17
|
+
@import 'custom/redacted_text';
|
|
18
18
|
@import 'custom/share_dropdown';
|
|
19
19
|
@import 'custom/sortable';
|
|
20
20
|
@import 'custom/status_indicator';
|
|
@@ -30,20 +30,3 @@ $redacted-font-family: "BLOKK";
|
|
|
30
30
|
word-spacing: -3px;
|
|
31
31
|
.card-img-overlay { background: none; }
|
|
32
32
|
}
|
|
33
|
-
.overlay-white {
|
|
34
|
-
position: absolute;
|
|
35
|
-
top: 0;
|
|
36
|
-
right: 0;
|
|
37
|
-
bottom: 0;
|
|
38
|
-
left: 0;
|
|
39
|
-
z-index: 30;
|
|
40
|
-
font-family: $font-family-base;
|
|
41
|
-
letter-spacing: 0;
|
|
42
|
-
word-spacing: 0;
|
|
43
|
-
background-color: transparentize($white, 0.2);
|
|
44
|
-
}
|
|
45
|
-
.overlay-blur {
|
|
46
|
-
transition: $transition-base;
|
|
47
|
-
filter: blur(0);
|
|
48
|
-
&.in { filter: blur(4px); }
|
|
49
|
-
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
// Styles specific to the event livestream
|
|
2
|
+
.event-sidebar {
|
|
3
|
+
@include media-breakpoint-up(lg) {
|
|
4
|
+
display: -ms-flexbox;
|
|
5
|
+
-ms-flex-direction: column;
|
|
6
|
+
}
|
|
7
|
+
.event-sidebar-section {
|
|
8
|
+
&.event-sidebar-section-scroll {
|
|
9
|
+
-ms-flex-positive: 1;
|
|
10
|
+
}
|
|
11
|
+
&.event-sidebar-section-container {
|
|
12
|
+
display: -ms-flexbox;
|
|
13
|
+
-ms-flex-direction: column;
|
|
14
|
+
-ms-flex-positive: 1;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
// chat container and message specific styles
|
|
20
|
+
.event-sidebar-section-chat {
|
|
21
|
+
display: -ms-flexbox;
|
|
22
|
+
-ms-flex-align: end;
|
|
23
|
+
-ms-flex-positive: 1;
|
|
24
|
+
}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
// Our custom styles
|
|
2
2
|
@import 'custom/avatar';
|
|
3
|
+
@import 'custom/chat';
|
|
3
4
|
@import 'custom/device_preview';
|
|
4
5
|
@import 'custom/drawer';
|
|
5
6
|
@import 'custom/icon';
|
|
6
7
|
@import 'custom/illustration';
|
|
7
8
|
@import 'custom/mobile';
|
|
8
9
|
@import 'custom/nav_step';
|
|
10
|
+
@import 'custom/overlay_blocker';
|
|
9
11
|
@import 'custom/redactor';
|
|
10
12
|
@import 'custom/social_share';
|
|
11
13
|
@import 'custom/skeleton';
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
vertical-align: middle;
|
|
7
7
|
width: ($spacer * 2);
|
|
8
8
|
height: ($spacer * 2);
|
|
9
|
-
color:
|
|
9
|
+
color: $body-color;
|
|
10
10
|
background-color: $border-color;
|
|
11
11
|
border-radius: 50%;
|
|
12
12
|
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
font-weight: $font-weight-bold;
|
|
23
23
|
font-size: $font-size-base;
|
|
24
24
|
line-height: 1.2;
|
|
25
|
-
color:
|
|
25
|
+
color: inherit;
|
|
26
26
|
text-align: center;
|
|
27
27
|
white-space: nowrap;
|
|
28
28
|
overflow: hidden;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
// Chat functionality within FP admin and public (livestream event template)
|
|
2
|
+
|
|
3
|
+
.chat-container {
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: flex-end;
|
|
6
|
+
width: 100%;
|
|
7
|
+
max-height: 100%;
|
|
8
|
+
height: 100%;
|
|
9
|
+
z-index: 0;
|
|
10
|
+
&:after {
|
|
11
|
+
position: absolute;
|
|
12
|
+
top: 0;
|
|
13
|
+
left: 0;
|
|
14
|
+
width: 100%;
|
|
15
|
+
height: $spacer;
|
|
16
|
+
@include gradient-y(transparentize($white, 0), transparentize($white, 1));
|
|
17
|
+
content: '';
|
|
18
|
+
z-index: 10;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
.chat-messages {
|
|
22
|
+
display: flex;
|
|
23
|
+
flex-direction: column;
|
|
24
|
+
align-items: flex-end;
|
|
25
|
+
padding-top: $spacer;
|
|
26
|
+
width: 100%;
|
|
27
|
+
max-height: 100%;
|
|
28
|
+
overflow-y: auto;
|
|
29
|
+
z-index: 0;
|
|
30
|
+
}
|
|
31
|
+
.chat-message {
|
|
32
|
+
// donation icon in chat message renders top left of avatar
|
|
33
|
+
.icon-circle {
|
|
34
|
+
position: absolute;
|
|
35
|
+
top: -($spacer * .5);
|
|
36
|
+
left: -($spacer * .5);
|
|
37
|
+
z-index: 20;
|
|
38
|
+
}
|
|
39
|
+
}
|
data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_overlay_blocker.scss
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
.overlay-white {
|
|
2
|
+
position: absolute;
|
|
3
|
+
top: 0;
|
|
4
|
+
right: 0;
|
|
5
|
+
bottom: 0;
|
|
6
|
+
left: 0;
|
|
7
|
+
z-index: 30;
|
|
8
|
+
font-family: $font-family-base;
|
|
9
|
+
letter-spacing: 0;
|
|
10
|
+
word-spacing: 0;
|
|
11
|
+
background-color: transparentize($white, 0.1);
|
|
12
|
+
}
|
|
13
|
+
.overlay-blur {
|
|
14
|
+
transition: $transition-base;
|
|
15
|
+
filter: blur(0);
|
|
16
|
+
&.in { filter: blur(4px); }
|
|
17
|
+
}
|
data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_event_livestream.scss
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Styles specific to the event livestream
|
|
1
|
+
// Styles specific to the event livestream
|
|
2
2
|
.event {
|
|
3
3
|
@include media-breakpoint-up(lg) { height: 100%; }
|
|
4
4
|
.page-content {
|
|
@@ -36,14 +36,22 @@
|
|
|
36
36
|
> :last-child { margin-bottom: $spacer; }
|
|
37
37
|
}
|
|
38
38
|
&.event-sidebar-scroll {
|
|
39
|
-
@include media-breakpoint-up(lg) { overflow-y:
|
|
39
|
+
@include media-breakpoint-up(lg) { overflow-y: auto; }
|
|
40
40
|
}
|
|
41
41
|
.event-sidebar-section {
|
|
42
42
|
padding: $spacer;
|
|
43
43
|
+ .event-sidebar-section { border-top: $border-width solid $border-color; }
|
|
44
44
|
&.event-sidebar-section-scroll {
|
|
45
|
+
flex-grow: 1;
|
|
46
|
+
height: 100%;
|
|
45
47
|
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:
|
|
48
|
+
overflow-y: auto;
|
|
49
|
+
}
|
|
50
|
+
&.event-sidebar-section-container { // container for chat and donor scroll
|
|
51
|
+
display: flex;
|
|
52
|
+
flex-direction: column;
|
|
53
|
+
flex-grow: 1;
|
|
54
|
+
height: 100%;
|
|
47
55
|
}
|
|
48
56
|
}
|
|
49
57
|
}
|
|
@@ -55,3 +63,32 @@
|
|
|
55
63
|
.card-body { padding: 0; }
|
|
56
64
|
}
|
|
57
65
|
}
|
|
66
|
+
|
|
67
|
+
// chat container and message specific styles
|
|
68
|
+
.event-sidebar-section-chat {
|
|
69
|
+
display: flex;
|
|
70
|
+
align-items: flex-end;
|
|
71
|
+
flex-grow: 1;
|
|
72
|
+
@include media-breakpoint-down(md) { // puts a border and height on mobile
|
|
73
|
+
height: ($spacer * 10);
|
|
74
|
+
border: $border-width solid $border-color;
|
|
75
|
+
border-radius: $border-radius;
|
|
76
|
+
}
|
|
77
|
+
@include media-breakpoint-up(lg) {
|
|
78
|
+
height: 100%;
|
|
79
|
+
min-height: ($spacer * 10);
|
|
80
|
+
}
|
|
81
|
+
// hides elements in public page chat only meant for admin view
|
|
82
|
+
// need this because .chat-message delete button doesn't know user type in partial
|
|
83
|
+
.hide-admin { display: none; }
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
// Allows for the login form to show in desktop and mobile.
|
|
87
|
+
.event-sidebar-section-no-access {
|
|
88
|
+
overflow: hidden;
|
|
89
|
+
@include media-breakpoint-down(md) { height: 720px; }
|
|
90
|
+
.log-in-form { overflow-y: auto; }
|
|
91
|
+
.event-sidebar-section-chat {
|
|
92
|
+
@include media-breakpoint-down(md) { height: 100%; }
|
|
93
|
+
}
|
|
94
|
+
}
|
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.15
|
|
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-04-01 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: bootstrap
|
|
@@ -433,9 +433,9 @@ files:
|
|
|
433
433
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_gallery.scss
|
|
434
434
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_icomoon.scss
|
|
435
435
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_interaction.scss
|
|
436
|
-
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_overlay_blocker.scss
|
|
437
436
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_page_header.scss
|
|
438
437
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_readmore.scss
|
|
438
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_redacted_text.scss
|
|
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
|
|
@@ -481,6 +481,8 @@ files:
|
|
|
481
481
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/_progress.scss
|
|
482
482
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/_utilities.scss
|
|
483
483
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/custom/_avatar.scss
|
|
484
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/custom/_chat.scss
|
|
485
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/custom/_event_livestream.scss
|
|
484
486
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/custom/_everyday_giving.scss
|
|
485
487
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/custom/_icon.scss
|
|
486
488
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/custom/_nav_step.scss
|
|
@@ -509,12 +511,14 @@ files:
|
|
|
509
511
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_tooltip.scss
|
|
510
512
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_type.scss
|
|
511
513
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_avatar.scss
|
|
514
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_chat.scss
|
|
512
515
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_device_preview.scss
|
|
513
516
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_drawer.scss
|
|
514
517
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_icon.scss
|
|
515
518
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_illustration.scss
|
|
516
519
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_mobile.scss
|
|
517
520
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_nav_step.scss
|
|
521
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_overlay_blocker.scss
|
|
518
522
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_redactor.scss
|
|
519
523
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_skeleton.scss
|
|
520
524
|
- app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_slat.scss
|