nfg_ui 0.11.6 → 0.11.7
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/color_variations/nfg_theme/_custom-forms.scss +4 -1
- 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/_interaction.scss +1 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_sortable.scss +29 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_custom-forms.scss +11 -2
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_dropdown.scss +8 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_slat.scss +0 -18
- data/lib/nfg_ui/version.rb +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 25be62c4490a2e758f4a9163d6955c7a7a42afe7023cba02cfbb2288a5b11a30
|
|
4
|
+
data.tar.gz: 0b5da4a8e9d44c8fa8b1c0df33d26aac74d77d204919140ad541fba75e8e8b52
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ba0eb2b78b235995105c2d54601fb3dd51f2ef8f1d5d15b6af0d245dc209597ef25fa3a088b8ca44d9439a6083faf3e7371f7e7ebfffad1c612706b08a7afccb
|
|
7
|
+
data.tar.gz: 3614b0132a97c5f9989898a85aa12ec5a98f185dfa3ae1d65738be2a961093d0b406d9aac4cfbfc83cf447f7ba2b973c2869e4eb6ce2d188d260d317bc812de9
|
data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_interaction.scss
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
// Sort
|
|
2
|
-
[
|
|
2
|
+
.ui-sortable-handle, [data-sortable="handle"] { cursor: move; }
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
// Shared sorting styles
|
|
2
|
+
.slat, .option {
|
|
3
|
+
&.ui-sortable-placeholder {
|
|
4
|
+
visibility: visible !important;
|
|
5
|
+
background: theme-color("light");
|
|
6
|
+
border: $border-width dashed $border-color;
|
|
7
|
+
}
|
|
8
|
+
&.ui-sortable-helper { opacity: .5; }
|
|
9
|
+
}
|
|
10
|
+
// Slat
|
|
11
|
+
.slat {
|
|
12
|
+
&.ui-sortable-placeholder {
|
|
13
|
+
+ .slat { border-top: none; }
|
|
14
|
+
+ &.ui-sortable-helper {
|
|
15
|
+
border-top-style: dashed;
|
|
16
|
+
+ &.slat { border-top: none; }
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
&.ui-sortable-helper {
|
|
20
|
+
border-top: none;
|
|
21
|
+
border-top: none;
|
|
22
|
+
+ &.ui-sortable-placeholder { border-top: $border-width dashed $border-color; }
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
// Sortable options (used on form fields for checkboxes/radios/select options)
|
|
27
|
+
.option {
|
|
28
|
+
&.ui-sortable-placeholder { margin-bottom: ($spacer * .25); }
|
|
29
|
+
}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
// Base class takes care of all the key behavioral aspects.
|
|
4
4
|
|
|
5
5
|
.custom-control {
|
|
6
|
+
padding-left: 0;
|
|
6
7
|
.custom-control-input {
|
|
7
8
|
&:checked {
|
|
8
9
|
~ .custom-control-label,
|
|
@@ -18,11 +19,17 @@
|
|
|
18
19
|
// Build the custom controls out of pseudo-elements.
|
|
19
20
|
|
|
20
21
|
.custom-control-label {
|
|
22
|
+
padding-left: $custom-control-gutter + $custom-control-indicator-size;
|
|
23
|
+
min-width: $custom-control-gutter + $custom-control-indicator-size;
|
|
24
|
+
min-height: $custom-control-indicator-size;
|
|
21
25
|
font-weight: $font-weight-normal;
|
|
22
26
|
cursor: pointer;
|
|
23
27
|
|
|
24
28
|
// Background-color and icon
|
|
25
|
-
&::before, &::after {
|
|
29
|
+
&::before, &::after {
|
|
30
|
+
top: .3rem;
|
|
31
|
+
left: 0;
|
|
32
|
+
}
|
|
26
33
|
&::before { border: $border-width solid $border-color; }
|
|
27
34
|
&::after { cursor: pointer; }
|
|
28
35
|
}
|
|
@@ -101,7 +108,10 @@
|
|
|
101
108
|
// Tweak a few things for switches
|
|
102
109
|
|
|
103
110
|
.custom-switch {
|
|
111
|
+
padding-left: 0;
|
|
104
112
|
.custom-control-label {
|
|
113
|
+
padding-left: $custom-switch-width + $custom-control-gutter;
|
|
114
|
+
&::before, &::after { left: 0; }
|
|
105
115
|
&::before {
|
|
106
116
|
padding-left: 28px;
|
|
107
117
|
font-size: 12px;
|
|
@@ -113,7 +123,6 @@
|
|
|
113
123
|
}
|
|
114
124
|
&::after {
|
|
115
125
|
top: 0;
|
|
116
|
-
left: -($custom-switch-width + $custom-control-gutter);
|
|
117
126
|
background-color: $white;
|
|
118
127
|
border: $border-width solid $border-color;
|
|
119
128
|
border-radius: 50%;
|
|
@@ -22,7 +22,14 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
// Sizing
|
|
25
|
-
.dropdown-menu-md { min-width: ($spacer *
|
|
25
|
+
.dropdown-menu-md, .dropdown-menu-lg { min-width: ($spacer * 10); }
|
|
26
|
+
.dropdown-menu-md {
|
|
27
|
+
@include media-breakpoint-up(sm) { min-width: ($spacer * 12); }
|
|
28
|
+
}
|
|
29
|
+
.dropdown-menu-lg {
|
|
30
|
+
@include media-breakpoint-up(sm) { min-width: ($spacer * 24); }
|
|
31
|
+
}
|
|
32
|
+
|
|
26
33
|
|
|
27
34
|
|
|
28
35
|
// Styles for wider "My Tools" dropdown in top nav
|
|
@@ -36,24 +36,6 @@ $slat-actions-lg-width: 108px;
|
|
|
36
36
|
padding-top: ($spacer * 1.5);
|
|
37
37
|
padding-bottom: ($spacer * 1.5);
|
|
38
38
|
}
|
|
39
|
-
|
|
40
|
-
// Various states
|
|
41
|
-
&.ui-sortable-placeholder {
|
|
42
|
-
visibility: visible !important;
|
|
43
|
-
background: theme-color("light");
|
|
44
|
-
border: $border-width dashed $border-color;
|
|
45
|
-
+ .slat { border-top: none; }
|
|
46
|
-
+ &.ui-sortable-helper {
|
|
47
|
-
border-top-style: dashed;
|
|
48
|
-
+ &.slat { border-top: none; }
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
&.ui-sortable-helper {
|
|
52
|
-
border-top: none;
|
|
53
|
-
opacity: .5;
|
|
54
|
-
border-top: none;
|
|
55
|
-
+ &.ui-sortable-placeholder { border-top: $border-width dashed $border-color; }
|
|
56
|
-
}
|
|
57
39
|
}
|
|
58
40
|
|
|
59
41
|
|
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.7
|
|
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-11-
|
|
12
|
+
date: 2020-11-23 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: bootstrap
|
|
@@ -435,6 +435,7 @@ files:
|
|
|
435
435
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_overlay_blocker.scss
|
|
436
436
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_page_header.scss
|
|
437
437
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_share_dropdown.scss
|
|
438
|
+
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_sortable.scss
|
|
438
439
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_status_indicator.scss
|
|
439
440
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_tile.scss
|
|
440
441
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_video_countdown.scss
|