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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 883076245a58dff9b76ebe58aedcaa4c3de5035ec0ec57484723773649033f5d
4
- data.tar.gz: da56e50011b28390daae4cb00453f8118d9e80700905ffbf097f4bb21a54c3d9
3
+ metadata.gz: 25be62c4490a2e758f4a9163d6955c7a7a42afe7023cba02cfbb2288a5b11a30
4
+ data.tar.gz: 0b5da4a8e9d44c8fa8b1c0df33d26aac74d77d204919140ad541fba75e8e8b52
5
5
  SHA512:
6
- metadata.gz: 98ce00403b14b90fb9a8b3da96c67138e0180b8a2148efed18129f412c4623947375eed7253ab37ebbfdd69971d4fc610b9f7041719bd56fd210caaa4dbc1439
7
- data.tar.gz: 9ac88321ffc44113b786c79a0d7a176f1bb669b23dfcb1a66cd6a428f9b21b73105302e4ad1804e9a95c9214715b97e516a449d7af8f92800633a221c2377f65
6
+ metadata.gz: ba0eb2b78b235995105c2d54601fb3dd51f2ef8f1d5d15b6af0d245dc209597ef25fa3a088b8ca44d9439a6083faf3e7371f7e7ebfffad1c612706b08a7afccb
7
+ data.tar.gz: 3614b0132a97c5f9989898a85aa12ec5a98f185dfa3ae1d65738be2a961093d0b406d9aac4cfbfc83cf447f7ba2b973c2869e4eb6ce2d188d260d317bc812de9
@@ -20,6 +20,9 @@
20
20
  }
21
21
  }
22
22
  }
23
- .custom-select { color: $value; }
23
+ .custom-select {
24
+ color: $value;
25
+ &:focus { border-color: $value; }
26
+ }
24
27
  }
25
28
  }
@@ -14,6 +14,7 @@
14
14
  @import 'custom/overlay_blocker';
15
15
  @import 'custom/page_header';
16
16
  @import 'custom/share_dropdown';
17
+ @import 'custom/sortable';
17
18
  @import 'custom/status_indicator';
18
19
  @import 'custom/tile';
19
20
  @import 'custom/video_countdown';
@@ -1,2 +1,2 @@
1
1
  // Sort
2
- [class*='sort']:not(.sort_link) { cursor: move; }
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 { top: .3rem; }
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 * 12); }
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
 
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module NfgUi
4
- VERSION = '0.11.6'
4
+ VERSION = '0.11.7'
5
5
  end
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.6
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-17 00:00:00.000000000 Z
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