nfg_ui 6.16.1 → 6.16.3
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/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
|