nfg_ui 0.10.3 → 0.10.4
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/application.scss +1 -0
- 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/custom/_builder_layout.scss +52 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_device_preview.scss +38 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/plugins/_intercom.scss +7 -0
- data/lib/nfg_ui/version.rb +1 -1
- metadata +3 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 65fe7b8483a3606e7d584aaccb37623e4f6c85772a5251437093f2d203b1339e
|
|
4
|
+
data.tar.gz: 88c1942ddac00ea1d8f2f9b33567151c2767ce430b9f14a84982ef10183a9d79
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 559e5643cc773d874a7cb5ab9b2f9c798c3c9a8a7b8bc2a3de07f9de702c22bf9edb0a8b3fff2f2bd7fb25f2b09c1a293434c7bf1b8dddb7852fb0bf3a364dfb
|
|
7
|
+
data.tar.gz: 30cadc1d77e89d1b5452a250e8b7b56ed25cde08764a11a86299e01aa20c142fa2ea47836fd8136e263c8c34f52cd326de0f0ddcbb6bdbe1dbac5b40d9923b81
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
// Plugins
|
|
18
18
|
@import 'nfg_ui/network_for_good/public/plugins/datepicker';
|
|
19
19
|
@import 'nfg_ui/network_for_good/public/plugins/datetimepicker';
|
|
20
|
+
@import 'nfg_ui/network_for_good/public/plugins/intercom'; // only in admin layouts
|
|
20
21
|
@import 'nfg_ui/network_for_good/public/plugins/sticky_div';
|
|
21
22
|
@import 'nfg_ui/network_for_good/public/plugins/select2';
|
|
22
23
|
|
data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_builder_layout.scss
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
// Setting a common height for the builder header
|
|
2
|
+
$builder-header-height: ($spacer * 3);
|
|
3
|
+
|
|
4
|
+
// Put on the <body> to help with correct scrolling within builder-wrap and builder-options
|
|
5
|
+
.builder-layout {
|
|
6
|
+
width: 100%;
|
|
7
|
+
height: 100%;
|
|
8
|
+
@include media-breakpoint-up(lg) { overflow: hidden; }
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
// Macro styles for builder layout
|
|
12
|
+
.builder-header {
|
|
13
|
+
position: fixed;
|
|
14
|
+
z-index: $zindex-fixed;
|
|
15
|
+
left: 0;
|
|
16
|
+
right: 0;
|
|
17
|
+
padding: ($spacer * .5);
|
|
18
|
+
width: 100%;
|
|
19
|
+
min-height: $builder-header-height;
|
|
20
|
+
background-color: $dark;
|
|
21
|
+
@include media-breakpoint-down(md) { bottom: 0; }
|
|
22
|
+
@include media-breakpoint-up(lg) { top: 0; }
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.builder-wrap {
|
|
26
|
+
padding: ($spacer * 2) $spacer;
|
|
27
|
+
@include media-breakpoint-down(md) { padding-bottom: $builder-header-height + ($spacer * 2); }
|
|
28
|
+
@include media-breakpoint-up(lg) {
|
|
29
|
+
padding-top: $builder-header-height + ($spacer * 2);
|
|
30
|
+
width: 67vw;
|
|
31
|
+
height: 100vh;
|
|
32
|
+
overflow-y: auto;
|
|
33
|
+
> :last-child { margin-bottom: ($spacer * 2); }
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.builder-options {
|
|
38
|
+
padding: $spacer;
|
|
39
|
+
background-color: $white;
|
|
40
|
+
@include media-breakpoint-down(md) { border-bottom: $border-width solid $border-color; }
|
|
41
|
+
@include media-breakpoint-up(lg) {
|
|
42
|
+
position: fixed;
|
|
43
|
+
top: 0;
|
|
44
|
+
right: 0;
|
|
45
|
+
padding-top: $builder-header-height + $spacer;
|
|
46
|
+
width: 33vw;
|
|
47
|
+
height: 100vh;
|
|
48
|
+
border-left: $border-width solid $border-color;
|
|
49
|
+
overflow-y: auto;
|
|
50
|
+
> :last-child { margin-bottom: $spacer; }
|
|
51
|
+
}
|
|
52
|
+
}
|
data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_device_preview.scss
CHANGED
|
@@ -37,7 +37,8 @@
|
|
|
37
37
|
// Wrapping scrollable screen (used with embed-responsive ratio classes to get proper height -- set width on .device-preview container)
|
|
38
38
|
.device-screen {
|
|
39
39
|
width: 100%;
|
|
40
|
-
background-color: $
|
|
40
|
+
background-color: $white;
|
|
41
|
+
border: $border-width solid $border-color;
|
|
41
42
|
overflow-x: hidden;
|
|
42
43
|
overflow-y: scroll;
|
|
43
44
|
}
|
|
@@ -51,4 +52,40 @@
|
|
|
51
52
|
width: 100%;
|
|
52
53
|
height: 100%;
|
|
53
54
|
}
|
|
55
|
+
|
|
56
|
+
.chat-bubble {
|
|
57
|
+
float: right;
|
|
58
|
+
width: 80%;
|
|
59
|
+
padding: ($spacer * .5);
|
|
60
|
+
color: $white;
|
|
61
|
+
background-color: $primary;
|
|
62
|
+
border-radius: 20px;
|
|
63
|
+
word-break: break-word;
|
|
64
|
+
+ .chat-bubble { margin-top: ($spacer * .25); }
|
|
65
|
+
&:before, &:after {
|
|
66
|
+
position: absolute;
|
|
67
|
+
content: '';
|
|
68
|
+
bottom: 0;
|
|
69
|
+
height: 20px;
|
|
70
|
+
}
|
|
71
|
+
&:before {
|
|
72
|
+
z-index: 0;
|
|
73
|
+
right: -8px;
|
|
74
|
+
width: 20px;
|
|
75
|
+
background-color: $primary;
|
|
76
|
+
background-attachment: fixed;
|
|
77
|
+
border-bottom-left-radius: 15px;
|
|
78
|
+
}
|
|
79
|
+
&:after {
|
|
80
|
+
right: -10px;
|
|
81
|
+
width: 10px;
|
|
82
|
+
background: $white;
|
|
83
|
+
border-bottom-left-radius: 10px;
|
|
84
|
+
}
|
|
85
|
+
a {
|
|
86
|
+
color: inherit;
|
|
87
|
+
text-decoration: underline;
|
|
88
|
+
@include hover-focus { color: inherit; }
|
|
89
|
+
}
|
|
90
|
+
}
|
|
54
91
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
// INTERCOM -- custom styles for https://www.intercom.io/ integration
|
|
2
|
+
#intercom-container {
|
|
3
|
+
@include media-breakpoint-down(sm) { display: none !important; } // hides on small devices
|
|
4
|
+
.intercom-launcher-frame {
|
|
5
|
+
@include media-breakpoint-down(md) { bottom: ($spacer * 3.5) !important; } // adjusts location on medium devices
|
|
6
|
+
}
|
|
7
|
+
}
|
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.10.
|
|
4
|
+
version: 0.10.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Jonathan Roehm
|
|
@@ -403,6 +403,7 @@ files:
|
|
|
403
403
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_tooltip.scss
|
|
404
404
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_type.scss
|
|
405
405
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_avatar.scss
|
|
406
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_builder_layout.scss
|
|
406
407
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_campaign_card.scss
|
|
407
408
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_campaign_preview.scss
|
|
408
409
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_content_section_buttons.scss
|
|
@@ -513,6 +514,7 @@ files:
|
|
|
513
514
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_user_navbar.scss
|
|
514
515
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/plugins/_datepicker.scss
|
|
515
516
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/plugins/_datetimepicker.scss
|
|
517
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/public/plugins/_intercom.scss
|
|
516
518
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/plugins/_select2.scss
|
|
517
519
|
- app/assets/stylesheets/nfg_ui/network_for_good/public/plugins/_sticky_div.scss
|
|
518
520
|
- app/controllers/nfg_ui/application_controller.rb
|