nfg_ui 0.10.9 → 0.10.10
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 +3 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_buttons.scss +3 -3
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_custom-forms.scss +1 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_forms.scss +1 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_reboot.scss +4 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_badge.scss +5 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_buttons.scss +6 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_custom-forms.scss +25 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_custom.scss +3 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_forms.scss +7 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_nav.scss +9 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_pagination.scss +10 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_plugins.scss +3 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_reboot.scss +8 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_type.scss +5 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_utilities.scss +6 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/custom/_icons.scss +5 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/custom/_nav_step.scss +23 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/plugins/_datetimepicker.scss +34 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/plugins/_select2.scss +50 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_builder_layout.scss +79 -27
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_nav_step.scss +3 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_reboot.scss +4 -1
- data/lib/nfg_ui/version.rb +1 -1
- metadata +17 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3da134a3d77f90fcfd72fad8d3471a81dfdf7040f4164c74e4d8df3a314b5355
|
|
4
|
+
data.tar.gz: 54d1d43697884a286375e0f1347ee5874da07fa3f8dbb3ecb16ece90ddd16a59
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 2f1595e913c6ebb28d05ab32dba9851fd7ef151b14fc1a67d6f708fe9163e569aca1881a26583faaecf2683a9cd5a8850d8ba335af4e64407a3fa7b053ff7b46
|
|
7
|
+
data.tar.gz: 52c86b165fdb08dc89a8cfcae740e6537cab0c8e15fa57b588276290401914bc1c94ea6c8c5edfde31af10314361e7125533cb1e24ca22d126525ca26614f491
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
color: theme-color("primary");
|
|
4
4
|
background-color: $white;
|
|
5
5
|
border-color: $border-color;
|
|
6
|
-
|
|
7
|
-
color: $body-color;
|
|
6
|
+
@include hover {
|
|
7
|
+
color: $body-color !important;
|
|
8
8
|
background-color: $body-bg;
|
|
9
9
|
}
|
|
10
10
|
&:not(:disabled):not(.disabled):active,
|
|
11
11
|
&:not(:disabled):not(.disabled).active,
|
|
12
12
|
.show > &.dropdown-toggle {
|
|
13
|
-
color: $body-color;
|
|
13
|
+
color: $body-color !important;
|
|
14
14
|
background-color: $body-bg;
|
|
15
15
|
}
|
|
16
16
|
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@each $color, $value in $colors {
|
|
2
|
+
.#{$color} {
|
|
3
|
+
.custom-control {
|
|
4
|
+
.custom-control-input {
|
|
5
|
+
&:checked {
|
|
6
|
+
~ .custom-control-label { border-color: $value; }
|
|
7
|
+
~ .custom-control-label::before {
|
|
8
|
+
border-color: $value;
|
|
9
|
+
background-color: $value;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
.custom-switch {
|
|
15
|
+
.custom-control-input:checked ~ .custom-control-label {
|
|
16
|
+
&::after { border-color: $value; }
|
|
17
|
+
&::before {
|
|
18
|
+
background-color: $value;
|
|
19
|
+
border-color: $value;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
.custom-select { color: $value; }
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
@each $color, $value in $colors {
|
|
2
|
+
.#{$color} {
|
|
3
|
+
.nav-steps {
|
|
4
|
+
.nav-item {
|
|
5
|
+
&.visited, &.active {
|
|
6
|
+
&::before { background-color: $value; }
|
|
7
|
+
.step-indicator {
|
|
8
|
+
background-color: $value;
|
|
9
|
+
border-color: $value;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
&.active ~ .visited {
|
|
13
|
+
.step-indicator {
|
|
14
|
+
&::after { box-shadow: 0 0 0 ($spacer * .25) transparentize($value, 0.5); };
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
.step-indicator {
|
|
18
|
+
&::after { box-shadow: 0 0 0 ($spacer * .25) transparentize($value, 0.5); }
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
@each $color, $value in $colors {
|
|
2
|
+
.#{$color} {
|
|
3
|
+
.datepicker, .timepicker {
|
|
4
|
+
[data-action^='select'],
|
|
5
|
+
[data-action^='picker'],
|
|
6
|
+
.prev,
|
|
7
|
+
.next,
|
|
8
|
+
.timepicker-picker a.btn {
|
|
9
|
+
&:hover, &:active, &.active {
|
|
10
|
+
background-color: $value;
|
|
11
|
+
color: $white !important;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
.today.active {
|
|
15
|
+
&:hover, &:active { background-color: $value; }
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
.datepicker {
|
|
19
|
+
.prev, .next {
|
|
20
|
+
color: $value;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
.timepicker-picker td a { color: $value; }
|
|
24
|
+
.picker-switch.accordion-toggle {
|
|
25
|
+
a {
|
|
26
|
+
color: $value;
|
|
27
|
+
&:hover, &:active {
|
|
28
|
+
color: $white !important;
|
|
29
|
+
background-color: $value;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
@each $color, $value in $colors {
|
|
2
|
+
.#{$color} {
|
|
3
|
+
.select2-container--default {
|
|
4
|
+
.select2-search--dropdown {
|
|
5
|
+
.select2-search__field:focus {
|
|
6
|
+
border-color: $value;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
&.select2-container--focus .select2-selection--multiple { border-color: $value; }
|
|
10
|
+
&.select2-container--open {
|
|
11
|
+
.select2-selection--single {
|
|
12
|
+
border-color: $value !important;
|
|
13
|
+
.select2-selection__rendered { color: $body-color; }
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
.select2-selection--single {
|
|
17
|
+
&:hover .select2-selection__rendered { color: $body-color; }
|
|
18
|
+
.select2-selection__rendered, .select2-selection__placeholder { color: $value !important; }
|
|
19
|
+
}
|
|
20
|
+
.select2-selection--multiple {
|
|
21
|
+
.select2-selection__rendered {
|
|
22
|
+
.select2-selection__choice {
|
|
23
|
+
color: $value;
|
|
24
|
+
&:hover, &:active { color: $body-color; }
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
.select2-selection__choice__remove { color: $value; }
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
.has-danger {
|
|
31
|
+
.select2-container--default {
|
|
32
|
+
.select2-selection--single .select2-selection__rendered,
|
|
33
|
+
.select2-selection--multiple .select2-selection__rendered {
|
|
34
|
+
color: $danger;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
.select2-selection__rendered .select2-selection__clear:before { color: $value; }
|
|
39
|
+
}
|
|
40
|
+
.#{$color} ~ .select2-container--default { // ~ is needed to style containers and elements outside of .container-main and still adhere to the page's specifc resource_color
|
|
41
|
+
.select2-search--dropdown {
|
|
42
|
+
.select2-search__field:focus { border-color: $value; }
|
|
43
|
+
}
|
|
44
|
+
.select2-results__option {
|
|
45
|
+
&[aria-selected='true'] {
|
|
46
|
+
&:after { color: $value; }
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_builder_layout.scss
CHANGED
|
@@ -1,52 +1,104 @@
|
|
|
1
|
-
// Setting a common height for the builder header
|
|
1
|
+
// Setting a common height for the builder header and nav
|
|
2
2
|
$builder-header-height: ($spacer * 3);
|
|
3
|
+
$builder-header-padding: ($spacer * .5);
|
|
4
|
+
$builder-nav-height: ($spacer * 4.5);
|
|
5
|
+
$builder-nav-padding: $spacer;
|
|
6
|
+
$builder-options-padding: $spacer;
|
|
7
|
+
$builder-preview-padding: ($spacer * 2);
|
|
3
8
|
|
|
4
9
|
// Put on the <body> to help with correct scrolling within builder-wrap and builder-options
|
|
5
10
|
.builder-layout {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
11
|
+
@include media-breakpoint-up(lg) {
|
|
12
|
+
height: 100%;
|
|
13
|
+
> form { height: 100%; } // targets form directly inside <body> and needed for correct scrolling
|
|
14
|
+
}
|
|
9
15
|
}
|
|
10
16
|
|
|
11
|
-
//
|
|
12
|
-
.builder-header {
|
|
13
|
-
|
|
14
|
-
z-index: $zindex-fixed;
|
|
15
|
-
left: 0;
|
|
16
|
-
right: 0;
|
|
17
|
-
padding: ($spacer * .5);
|
|
17
|
+
// Header and nav styles for builder layout
|
|
18
|
+
.builder-header, .builder-header-fixed-bottom {
|
|
19
|
+
padding: $builder-header-padding;
|
|
18
20
|
width: 100%;
|
|
19
21
|
min-height: $builder-header-height;
|
|
20
22
|
background-color: $dark;
|
|
23
|
+
z-index: $zindex-fixed;
|
|
24
|
+
@include media-breakpoint-up(lg) {
|
|
25
|
+
position: fixed;
|
|
26
|
+
top: 0;
|
|
27
|
+
left: 0;
|
|
28
|
+
right: 0;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
.builder-header-fixed-bottom {
|
|
32
|
+
position: fixed;
|
|
21
33
|
@include media-breakpoint-down(md) { bottom: 0; }
|
|
22
|
-
|
|
34
|
+
}
|
|
35
|
+
.builder-nav, .builder-nav-sm {
|
|
36
|
+
width: 100%;
|
|
37
|
+
z-index: $zindex-fixed;
|
|
38
|
+
}
|
|
39
|
+
.builder-nav {
|
|
40
|
+
padding: $builder-nav-padding;
|
|
41
|
+
background-color: $white;
|
|
42
|
+
border-bottom: $border-width solid $border-color;
|
|
43
|
+
@include media-breakpoint-up(lg) {
|
|
44
|
+
position: fixed;
|
|
45
|
+
top: $builder-header-height;
|
|
46
|
+
left: 0;
|
|
47
|
+
right: 0;
|
|
48
|
+
min-height: $builder-nav-height;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
.builder-nav-sm {
|
|
52
|
+
position: fixed;
|
|
53
|
+
bottom: 0;
|
|
54
|
+
padding: ($builder-nav-padding * .5);
|
|
55
|
+
min-height: $builder-header-height;
|
|
56
|
+
background-color: $dark;
|
|
57
|
+
@include media-breakpoint-up(lg) { display: none; }
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
// Container that provides padding to the top of the page to move content below header and nav
|
|
61
|
+
.builder-container {
|
|
62
|
+
@include media-breakpoint-down(md) { padding-bottom: $builder-header-height; }
|
|
63
|
+
@include media-breakpoint-up(lg) { height: 100%; }
|
|
23
64
|
}
|
|
24
65
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
@include media-breakpoint-
|
|
66
|
+
// Adjusts padding on the top of builder-container depending on how many elements come before it
|
|
67
|
+
.builder-header ~ .builder-container {
|
|
68
|
+
@include media-breakpoint-up(lg) { padding-top: $builder-header-height; }
|
|
69
|
+
}
|
|
70
|
+
.builder-header ~ .builder-nav ~ .builder-container {
|
|
71
|
+
@include media-breakpoint-up(lg) { padding-top: $builder-header-height + $builder-nav-height; }
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
// Block containers for side by side view
|
|
75
|
+
.builder-body {
|
|
28
76
|
@include media-breakpoint-up(lg) {
|
|
29
|
-
|
|
77
|
+
width: 100%;
|
|
78
|
+
height: 100%;
|
|
79
|
+
overflow: hidden;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
.builder-preview {
|
|
83
|
+
padding: $builder-preview-padding ($builder-preview-padding / 2);
|
|
84
|
+
@include media-breakpoint-up(lg) {
|
|
85
|
+
float: left;
|
|
30
86
|
width: 67vw;
|
|
31
|
-
height:
|
|
87
|
+
height: 100%;
|
|
32
88
|
overflow-y: auto;
|
|
33
|
-
> :last-child { margin-bottom:
|
|
89
|
+
> :last-child { margin-bottom: $builder-preview-padding; }
|
|
34
90
|
}
|
|
35
91
|
}
|
|
36
|
-
|
|
37
92
|
.builder-options {
|
|
38
|
-
padding: $
|
|
93
|
+
padding: $builder-options-padding;
|
|
39
94
|
background-color: $white;
|
|
40
95
|
@include media-breakpoint-down(md) { border-bottom: $border-width solid $border-color; }
|
|
41
96
|
@include media-breakpoint-up(lg) {
|
|
42
|
-
|
|
43
|
-
top: 0;
|
|
44
|
-
right: 0;
|
|
45
|
-
padding-top: $builder-header-height + $spacer;
|
|
97
|
+
float: right;
|
|
46
98
|
width: 33vw;
|
|
47
|
-
height:
|
|
99
|
+
height: 100%;
|
|
48
100
|
border-left: $border-width solid $border-color;
|
|
49
101
|
overflow-y: auto;
|
|
50
|
-
> :last-child { margin-bottom: $
|
|
102
|
+
> :last-child { margin-bottom: $builder-options-padding; }
|
|
51
103
|
}
|
|
52
|
-
}
|
|
104
|
+
}
|
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.10
|
|
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: 2020-05-
|
|
12
|
+
date: 2020-05-21 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: bootstrap
|
|
@@ -411,6 +411,21 @@ files:
|
|
|
411
411
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_tables.scss
|
|
412
412
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_tooltip.scss
|
|
413
413
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_type.scss
|
|
414
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_badge.scss
|
|
415
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_buttons.scss
|
|
416
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_custom-forms.scss
|
|
417
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_custom.scss
|
|
418
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_forms.scss
|
|
419
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_nav.scss
|
|
420
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_pagination.scss
|
|
421
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_plugins.scss
|
|
422
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_reboot.scss
|
|
423
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_type.scss
|
|
424
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_utilities.scss
|
|
425
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/custom/_icons.scss
|
|
426
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/custom/_nav_step.scss
|
|
427
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/plugins/_datetimepicker.scss
|
|
428
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/plugins/_select2.scss
|
|
414
429
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_avatar.scss
|
|
415
430
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_builder_layout.scss
|
|
416
431
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_campaign_card.scss
|