nfg_ui 6.16.1 → 6.16.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_sortable.scss +68 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_dropzone.scss +3 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_trix.scss +6 -4
- data/lib/nfg_ui/bootstrap/utilities/tooltipable.rb +2 -2
- data/lib/nfg_ui/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 52500ba68ff871e45d98c608144dd88357dc9a9654873654ec36a4f046cf7bfb
|
|
4
|
+
data.tar.gz: 94368c34db7913b91e2dcd4a9f9933ce2e20fc2f641564985cd169703c98c71d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 1cdf2963fc82f7e0af5085135678aa07622f98a66ceeec917ffffee32348412f97cf935ea6eb28fdc9ee18ab23bce8937400e3084fd49909d2aa4d9208aa4bde
|
|
7
|
+
data.tar.gz: 1be799f8076c9ff23dd3e65a7eb69509f4c1c09ec0f4502f1efa2aaba61289015ba454b9392d2a54dd2aa2bc98d90adebfb134543b28e45dd9d63ac7d0a6b532
|
|
@@ -27,3 +27,71 @@
|
|
|
27
27
|
.option {
|
|
28
28
|
&.ui-sortable-placeholder { margin-bottom: ($spacer * .25); }
|
|
29
29
|
}
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
// Used for sorting images for auction items
|
|
33
|
+
.sortable-image {
|
|
34
|
+
padding: ($grid-gutter-width * .5);
|
|
35
|
+
border: $border-width dashed transparent;
|
|
36
|
+
&.sortable-ghost {
|
|
37
|
+
background-color: $body-bg;
|
|
38
|
+
border-color: $border-color;
|
|
39
|
+
border-radius: $border-radius;
|
|
40
|
+
}
|
|
41
|
+
@for $i from 0 through 20 {
|
|
42
|
+
&:nth-child(#{$i}) {
|
|
43
|
+
.sortable-item::after { content: '#{$i - 1}'; }
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
.sortable-item {
|
|
48
|
+
width: ($spacer * 5);
|
|
49
|
+
height: ($spacer * 5);
|
|
50
|
+
text-align: center;
|
|
51
|
+
background-color: $white;
|
|
52
|
+
border-radius: $border-radius;
|
|
53
|
+
overflow: hidden;
|
|
54
|
+
cursor: pointer;
|
|
55
|
+
transition: $transition-base;
|
|
56
|
+
&:hover {
|
|
57
|
+
box-shadow: $box-shadow-sm;
|
|
58
|
+
.delete-image-btn { bottom: 0; }
|
|
59
|
+
}
|
|
60
|
+
&::after {
|
|
61
|
+
position: absolute;
|
|
62
|
+
top: 0;
|
|
63
|
+
left: 0;
|
|
64
|
+
padding: ($spacer * .25) ($spacer * .5);
|
|
65
|
+
color: $body-color;
|
|
66
|
+
background-color: $white;
|
|
67
|
+
border-right: $border-width solid $border-color;
|
|
68
|
+
border-bottom: $border-width solid $border-color;
|
|
69
|
+
border-radius: $border-radius 0 $border-radius 0;
|
|
70
|
+
z-index: 10;
|
|
71
|
+
opacity: 0.9;
|
|
72
|
+
}
|
|
73
|
+
img { // keeps image scaled proportionally
|
|
74
|
+
position: absolute;
|
|
75
|
+
top: 0;
|
|
76
|
+
right: 0;
|
|
77
|
+
bottom: 0;
|
|
78
|
+
left: 0;
|
|
79
|
+
width: auto !important;
|
|
80
|
+
min-width: 0px !important;
|
|
81
|
+
max-width: 100%;
|
|
82
|
+
height: 100% !important;
|
|
83
|
+
max-height: 100%;
|
|
84
|
+
margin: auto;
|
|
85
|
+
z-index: 0;
|
|
86
|
+
}
|
|
87
|
+
.delete-image-btn {
|
|
88
|
+
position: absolute;
|
|
89
|
+
bottom: -(($spacer * 1.25) + 1rem);
|
|
90
|
+
right: 0;
|
|
91
|
+
left: 0;
|
|
92
|
+
z-index: 10;
|
|
93
|
+
background-color: $white;
|
|
94
|
+
transition: $transition-base;
|
|
95
|
+
border-top: $border-width solid $border-color;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
//** Override styles for dropzone
|
|
1
2
|
.dropzone-target {
|
|
2
|
-
padding: $spacer !important;
|
|
3
|
+
padding: ($spacer * 1.25) !important;
|
|
3
4
|
min-height: ($spacer * 6) !important;
|
|
4
5
|
border: $border-width solid $border-color !important;
|
|
5
6
|
background-color: $white;
|
|
@@ -13,3 +14,4 @@
|
|
|
13
14
|
}
|
|
14
15
|
[data-dz-remove] { cursor: pointer; }
|
|
15
16
|
.dz-preview + .dz-preview { margin-top: $spacer; }
|
|
17
|
+
.dropzone .dz-message { margin: 0 !important; }
|
|
@@ -88,10 +88,12 @@
|
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
+
.trix-button-row { overflow-y: hidden !important; }
|
|
92
|
+
|
|
91
93
|
// Editor similar to textarea
|
|
92
94
|
trix-editor {
|
|
93
|
-
padding:
|
|
94
|
-
min-height: ($spacer * 5);
|
|
95
|
-
border: $input-border-width solid $input-border-color;
|
|
96
|
-
border-radius: $input-border-radius;
|
|
95
|
+
padding: $input-padding-y $input-padding-x !important;
|
|
96
|
+
min-height: ($spacer * 5) !important;
|
|
97
|
+
border: $input-border-width solid $input-border-color !important;
|
|
98
|
+
border-radius: $input-border-radius !important;
|
|
97
99
|
}
|
|
@@ -40,7 +40,7 @@ module NfgUi
|
|
|
40
40
|
# It is undesirable that every Tooltipable component also received
|
|
41
41
|
# the disableable functionality as well.
|
|
42
42
|
include Bootstrap::Utilities::Disableable
|
|
43
|
-
|
|
43
|
+
|
|
44
44
|
def tooltip
|
|
45
45
|
options.fetch(:tooltip, nil)
|
|
46
46
|
end
|
|
@@ -70,7 +70,7 @@ module NfgUi
|
|
|
70
70
|
def disabled_component_tooltip_wrapper_html_options
|
|
71
71
|
{ data: tooltip_data_attributes,
|
|
72
72
|
title: tooltip,
|
|
73
|
-
class: 'd-inline-block',
|
|
73
|
+
class: options[:block] ? 'd-block' : 'd-inline-block',
|
|
74
74
|
tabindex: '0' }
|
|
75
75
|
end
|
|
76
76
|
|
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: 6.16.
|
|
4
|
+
version: 6.16.3
|
|
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: 2023-
|
|
12
|
+
date: 2023-09-07 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: bootstrap
|