satis 2.1.15 → 2.1.16
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/satis/components/form.css +11 -7
- data/app/assets/stylesheets/satis/components/trix.css +57 -1
- data/app/components/satis/card/component.css +5 -1
- data/app/components/satis/card/component.html.slim +1 -1
- data/app/components/satis/dropdown/component.css +1 -0
- data/app/views/shared/_fields_for.html.slim +2 -2
- data/lib/satis/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 74806feddf7a4ab0f6913c1b8b8c8f8b670d61fb390300de95ef561bef627e90
|
|
4
|
+
data.tar.gz: 72282c0016920420b9c079affe8dc2781d74bb562479967cd262ad8ce9d08ec2
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 25c4a4054d1ebe78789dc45e984cbd08861224f1464fd4471775003b8c509ed5947649440d5047279119d301d72c024a96a65369421ff98e943c5702898cb218
|
|
7
|
+
data.tar.gz: 12ca01cc1264a62be9e8da9accb630dce60aee2ffc9ab4527f86170434f8dc5014e51892d8c057e49b38df698657893f688a5c99da060630486d67b90e83488b
|
|
@@ -27,7 +27,7 @@ form {
|
|
|
27
27
|
@apply mb-0;
|
|
28
28
|
|
|
29
29
|
.form-label {
|
|
30
|
-
@apply block text-xs text-gray-400 uppercase;
|
|
30
|
+
@apply block text-xs text-gray-400 dark:text-gray-300 uppercase;
|
|
31
31
|
|
|
32
32
|
&.required:after {
|
|
33
33
|
content: "*";
|
|
@@ -36,19 +36,19 @@ form {
|
|
|
36
36
|
|
|
37
37
|
input.form-control,
|
|
38
38
|
select.form-control {
|
|
39
|
-
@apply
|
|
39
|
+
@apply rounded w-full py-2 px-3 h-12 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-900 dark:drop-shadow dark:border-none;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
textarea.form-control {
|
|
43
|
-
@apply
|
|
43
|
+
@apply rounded w-full py-2 px-3 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-900 dark:drop-shadow dark:border-none;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.form-select {
|
|
47
|
-
@apply
|
|
47
|
+
@apply rounded w-full py-2 px-3 h-12 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-900 dark:drop-shadow dark:border-none;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.form-multiselect {
|
|
51
|
-
@apply
|
|
51
|
+
@apply rounded w-full py-2 px-3 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-900 dark:drop-shadow dark:border-none;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
.custom-select {
|
|
@@ -116,9 +116,13 @@ form {
|
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
.fields_for {
|
|
119
|
+
@apply dark:bg-gray-800;
|
|
120
|
+
.field-for-bg{
|
|
121
|
+
@apply dark:bg-gray-800;
|
|
119
122
|
.template {
|
|
123
|
+
@apply dark:bg-gray-800;
|
|
120
124
|
.fields {
|
|
121
|
-
@apply opacity-50;
|
|
125
|
+
@apply opacity-50 dark:bg-gray-800;
|
|
122
126
|
}
|
|
123
127
|
&:hover {
|
|
124
128
|
.fields {
|
|
@@ -126,6 +130,7 @@ form {
|
|
|
126
130
|
}
|
|
127
131
|
}
|
|
128
132
|
}
|
|
133
|
+
}
|
|
129
134
|
}
|
|
130
135
|
|
|
131
136
|
.form-text {
|
|
@@ -149,7 +154,6 @@ form {
|
|
|
149
154
|
height: 1rem;
|
|
150
155
|
width: 30%;
|
|
151
156
|
border-bottom: 1px dashed #e5e7eb;
|
|
152
|
-
@apply dark:border-gray-700;
|
|
153
157
|
}
|
|
154
158
|
|
|
155
159
|
.nested-fields_action {
|
|
@@ -92,7 +92,63 @@ trix-toolbar .trix-button--icon {
|
|
|
92
92
|
opacity: 1; }
|
|
93
93
|
trix-toolbar .trix-button--icon:disabled::before {
|
|
94
94
|
opacity: 0.125; }
|
|
95
|
-
|
|
95
|
+
|
|
96
|
+
.dark trix-editor {
|
|
97
|
+
border: 1px solid #555;
|
|
98
|
+
background-color: #333;
|
|
99
|
+
color: #ddd;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.dark trix-toolbar .trix-button-group {
|
|
103
|
+
@apply border-none;
|
|
104
|
+
border: 1px solid #555;
|
|
105
|
+
border-top-color: #666;
|
|
106
|
+
border-bottom-color: #444;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.dark trix-toolbar .trix-button {
|
|
110
|
+
@apply border-none;
|
|
111
|
+
color: white;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.dark trix-toolbar .trix-button:not(:first-child) {
|
|
115
|
+
@apply border-none;
|
|
116
|
+
border-left: 1px solid #444;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.dark trix-toolbar .trix-button.trix-active {
|
|
120
|
+
@apply border-none;
|
|
121
|
+
background: #007acc;
|
|
122
|
+
color: white;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.dark trix-toolbar .trix-button:disabled {
|
|
126
|
+
@apply border-none;
|
|
127
|
+
color: rgba(255, 255, 255, 0.125);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.dark trix-toolbar .trix-button--icon::before {
|
|
131
|
+
@apply border-none;
|
|
132
|
+
filter: invert(1); /* Inverts the color to white */
|
|
133
|
+
opacity: 0.6;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.dark trix-toolbar .trix-button--icon.trix-active::before {
|
|
137
|
+
@apply border-none;
|
|
138
|
+
filter: invert(1); /* Inverts the color to white */
|
|
139
|
+
opacity: 1;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.dark trix-toolbar .trix-button--icon:disabled::before {
|
|
143
|
+
@apply border-none;
|
|
144
|
+
opacity: 0.125;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.dark trix-editor .pre {
|
|
148
|
+
@apply bg-gray-800 text-white;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
|
|
96
152
|
trix-toolbar .trix-button--icon-attach::before {
|
|
97
153
|
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
|
|
98
154
|
top: 8%;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
@apply bg-white h-full sm:rounded-lg sm:shadow dark:bg-gray-800 overflow-hidden;
|
|
3
3
|
|
|
4
4
|
&__header {
|
|
5
|
-
@apply px-4 py-5 sm:px-6 dark:bg-gray-
|
|
5
|
+
@apply px-4 py-5 sm:px-6 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-300;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
&__tabs {
|
|
@@ -13,6 +13,10 @@
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
.sts-card__header{
|
|
17
|
+
@apply dark:bg-gray-900 dark:bg-opacity-50;
|
|
18
|
+
}
|
|
19
|
+
|
|
16
20
|
a.tab:not(.selected) {
|
|
17
21
|
@apply dark:text-gray-300;
|
|
18
22
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
.ml-4.mt-4.flex-shrink-0.text-primary-600.dark:text-gray-300
|
|
7
7
|
i class=icon
|
|
8
8
|
.ml-4.mt-4.flex-1
|
|
9
|
-
h3.text-lg.leading-6.font-medium.text-gray-900.dark:text-
|
|
9
|
+
h3.text-lg.leading-6.font-medium.text-gray-900.dark:text-white
|
|
10
10
|
== title
|
|
11
11
|
- if description.present?
|
|
12
12
|
p.mt-1.text-sm.text-gray-500.dark:text-gray-500
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
- if template_object
|
|
6
6
|
template data-satis-fields-for-target='template'
|
|
7
7
|
= form.rails_fields_for collection, template_object, child_index: 'TEMPLATE' do |nested_form|
|
|
8
|
-
.nested-fields.template.py-2
|
|
8
|
+
.nested-fields.template.py-2.field-for-bg
|
|
9
9
|
= nested_form.input :id, as: :hidden
|
|
10
10
|
= nested_form.input :_destroy, as: :hidden
|
|
11
11
|
.grid.grid-cols-12.gap-4
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
i.fal.fa-trash
|
|
22
22
|
|
|
23
23
|
= form.rails_fields_for collection do |nested_form|
|
|
24
|
-
.nested-fields.py-2
|
|
24
|
+
.nested-fields.field-for-bg.py-2
|
|
25
25
|
= nested_form.input :id, as: :hidden
|
|
26
26
|
= nested_form.input :_destroy, as: :hidden
|
|
27
27
|
.grid.grid-cols-12.gap-4
|
data/lib/satis/version.rb
CHANGED