satis 2.1.35 → 2.1.37
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 +41 -26
- data/app/assets/stylesheets/satis/components/trix.css +9 -0
- data/app/components/satis/card/component.css +1 -5
- data/app/components/satis/editor/component.css +11 -0
- data/app/components/satis/page/component.css +10 -2
- data/app/components/satis/page/component.html.slim +2 -2
- data/app/components/satis/sidebar_menu_item/component.css +75 -8
- data/app/components/satis/sidebar_menu_item/component.html.slim +3 -0
- data/app/components/satis/switch/component.html.slim +1 -1
- data/app/components/satis/tabs/component.html.slim +1 -1
- data/lib/satis/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: 53e748f7e96d20abc73d0ac777f40625f4ff266c236ec52fd2377fa793d4ce1d
|
|
4
|
+
data.tar.gz: 85ac4be2f253ff7955b967e33051c7d59c6293612df7429b17cda532ab4b1188
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e94132bdf12ef516417912d3ee05c8e35f739ffcf80c7ec3e8eca80c04bb8d3c68b62a9d466985c20bc43e247465e1ee82f2a8b160a72d6063d09774b6d1c2e9
|
|
7
|
+
data.tar.gz: 6598d09411017d90e2e8c9894fdca1babef6cf45a7ac1f1862d2a58d5cc28fc3c716ad8aefccf1dcff2f78e0eb1b8a008712c48cb3bbdb8f298615794f15d1a9
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
/* Allow buttons outside forms */
|
|
2
2
|
.button {
|
|
3
|
-
@apply mt-2 inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-500 shadow-sm text-sm font-medium rounded-md text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500;
|
|
3
|
+
@apply mt-2 inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-500 shadow-sm text-sm font-medium rounded-md text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500;
|
|
4
4
|
|
|
5
5
|
&.primary {
|
|
6
|
-
@apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500;
|
|
6
|
+
@apply inline-flex items-center px-4 py-2 border border-transparent dark:border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
&.secondary {
|
|
10
|
-
@apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-primary-700 bg-primary-200 hover:bg-primary-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500;
|
|
10
|
+
@apply inline-flex items-center px-4 py-2 border border-transparent dark:border-transparent text-sm font-medium rounded-md text-primary-700 bg-primary-200 hover:bg-primary-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
&.destructive {
|
|
14
|
-
@apply inline-flex items-center px-4 py-2 border border-red-300 dark:border-red-500 text-sm font-medium rounded-md text-red-700 dark:text-red-500 bg-white dark:bg-gray-800 hover:bg-red-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500;
|
|
14
|
+
@apply inline-flex items-center px-4 py-2 border border-red-300 dark:border-red-500 text-sm font-medium rounded-md text-red-700 dark:text-red-500 bg-white dark:bg-gray-800 hover:bg-red-200 dark:hover:bg-red-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
&.warning {
|
|
18
|
-
@apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-yellow-300 bg-yellow-100 hover:bg-yellow-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500;
|
|
18
|
+
@apply inline-flex items-center px-4 py-2 border border-transparent dark:border-transparent text-sm font-medium rounded-md text-yellow-300 bg-yellow-100 hover:bg-yellow-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
&.harmful {
|
|
22
|
-
@apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-semibold rounded-md bg-red-600 text-white shadow-sm hover:bg-red-500;
|
|
22
|
+
@apply inline-flex items-center px-4 py-2 border border-transparent dark:border-transparent text-sm font-semibold rounded-md bg-red-600 text-white shadow-sm hover:bg-red-500;
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
|
|
@@ -36,19 +36,19 @@ form {
|
|
|
36
36
|
|
|
37
37
|
input.form-control,
|
|
38
38
|
select.form-control {
|
|
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;
|
|
39
|
+
@apply rounded w-full py-2 px-3 h-12 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:drop-shadow dark:border-none;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
textarea.form-control {
|
|
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;
|
|
43
|
+
@apply rounded w-full py-2 px-3 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:drop-shadow dark:border-none;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.form-select {
|
|
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;
|
|
47
|
+
@apply rounded w-full py-2 px-3 h-12 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:drop-shadow dark:border-none;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.form-multiselect {
|
|
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;
|
|
51
|
+
@apply rounded w-full py-2 px-3 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:drop-shadow dark:border-none;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
.custom-select {
|
|
@@ -61,15 +61,15 @@ form {
|
|
|
61
61
|
|
|
62
62
|
input.is-invalid,
|
|
63
63
|
select.is-invalid {
|
|
64
|
-
@apply border-red-300 text-red-900 placeholder-red-300 focus:outline-none focus:ring-red-500 focus:border-red-500;
|
|
64
|
+
@apply border-red-300 dark:border-red-500 text-red-900 placeholder-red-300 focus:outline-none focus:ring-red-500 focus:border-red-500;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
input[type="checkbox"].custom-control-input {
|
|
68
|
-
@apply border-gray-300 dark:bg-gray-800 rounded;
|
|
68
|
+
@apply border-gray-300 dark:border-gray-700 dark:bg-gray-800 rounded;
|
|
69
69
|
margin-right: 0.5rem;
|
|
70
70
|
|
|
71
71
|
&:checked {
|
|
72
|
-
@apply border border-primary-600
|
|
72
|
+
@apply border border-primary-600 dark:border-primary-600 bg-primary-600;
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
|
|
@@ -80,16 +80,16 @@ form {
|
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
input[type="radio"].custom-control-input {
|
|
83
|
-
@apply border-gray-300 dark:bg-gray-800;
|
|
83
|
+
@apply border-gray-300 dark:border-gray-700 dark:bg-gray-800;
|
|
84
84
|
margin-right: 0.5rem;
|
|
85
85
|
|
|
86
86
|
&:checked {
|
|
87
|
-
@apply border border-primary-900
|
|
87
|
+
@apply border border-primary-900 dark:border-primary-900 bg-primary-900;
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
.editor {
|
|
92
|
-
@apply h-32 border border-gray-300 dark:bg-gray-800 rounded overflow-hidden;
|
|
92
|
+
@apply h-32 border border-gray-300 dark:border-gray-700 dark:bg-gray-800 rounded overflow-hidden;
|
|
93
93
|
|
|
94
94
|
.CodeMirror-wrap {
|
|
95
95
|
border-top-right-radius: 3px;
|
|
@@ -107,30 +107,30 @@ form {
|
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
&.is-invalid {
|
|
110
|
-
@apply border-red-300 text-red-900 placeholder-red-300 focus:outline-none focus:ring-red-500 focus:border-red-500;
|
|
110
|
+
@apply border-red-300 dark:border-red-500 text-red-900 placeholder-red-300 focus:outline-none focus:ring-red-500 focus:border-red-500;
|
|
111
111
|
}
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
trix-editor {
|
|
115
|
-
@apply border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500;
|
|
115
|
+
@apply border border-gray-300 dark:border-gray-700 rounded focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
.fields_for {
|
|
119
119
|
@apply dark:bg-gray-800;
|
|
120
120
|
.field-for-bg{
|
|
121
121
|
@apply dark:bg-gray-800;
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
.fields {
|
|
125
|
-
@apply opacity-50 dark:bg-gray-800;
|
|
126
|
-
}
|
|
127
|
-
&:hover {
|
|
122
|
+
.template {
|
|
123
|
+
@apply dark:bg-gray-800;
|
|
128
124
|
.fields {
|
|
129
|
-
@apply opacity-
|
|
125
|
+
@apply opacity-50 dark:bg-gray-800;
|
|
126
|
+
}
|
|
127
|
+
&:hover {
|
|
128
|
+
.fields {
|
|
129
|
+
@apply opacity-100;
|
|
130
|
+
}
|
|
130
131
|
}
|
|
131
132
|
}
|
|
132
133
|
}
|
|
133
|
-
}
|
|
134
134
|
}
|
|
135
135
|
|
|
136
136
|
.form-text {
|
|
@@ -156,6 +156,21 @@ form {
|
|
|
156
156
|
border-bottom: 1px dashed #e5e7eb;
|
|
157
157
|
}
|
|
158
158
|
|
|
159
|
+
.background{
|
|
160
|
+
@apply dark:bg-gray-800 dark:text-gray-50;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.flow-step-item{
|
|
164
|
+
@apply dark:bg-gray-800 dark:text-gray-50 rounded-lg;
|
|
165
|
+
}
|
|
166
|
+
ul.flow-steps{
|
|
167
|
+
border: none;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.flow-step-short{
|
|
171
|
+
@apply dark:border-gray-50;
|
|
172
|
+
}
|
|
173
|
+
|
|
159
174
|
.nested-fields_action {
|
|
160
175
|
@apply bg-white dark:bg-gray-800;
|
|
161
176
|
margin-left: -1rem;
|
|
@@ -232,6 +232,15 @@ trix-toolbar .trix-button--dialog {
|
|
|
232
232
|
trix-toolbar .trix-dialog--link {
|
|
233
233
|
max-width: 600px; }
|
|
234
234
|
|
|
235
|
+
div.trix-dialog.trix-dialog--link{
|
|
236
|
+
display: none;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
div.trix-dialog.trix-dialog--link.trix-active{
|
|
240
|
+
display: block;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
|
|
235
244
|
trix-toolbar .trix-dialog__link-fields {
|
|
236
245
|
display: flex;
|
|
237
246
|
align-items: baseline; }
|
|
@@ -6,17 +6,13 @@
|
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
&__tabs {
|
|
9
|
-
@apply bg-white px-4 border-b border-gray-200 sm:px-5 dark:bg-gray-
|
|
9
|
+
@apply bg-white px-4 border-b border-gray-200 sm:px-5 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-300;
|
|
10
10
|
|
|
11
11
|
a:first {
|
|
12
12
|
@apply ml-4;
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.sts-card__header{
|
|
17
|
-
@apply dark:bg-gray-900 dark:bg-opacity-50;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
16
|
a.tab:not(.selected) {
|
|
21
17
|
@apply dark:text-gray-300;
|
|
22
18
|
}
|
|
@@ -1,3 +1,14 @@
|
|
|
1
1
|
.sts-editor {
|
|
2
2
|
@apply bg-white h-full sm:rounded-lg sm:shadow dark:bg-gray-800 overflow-hidden;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.cm-editor{
|
|
6
|
+
@apply dark:bg-gray-900 dark:border dark:border-opacity-25 dark:border-gray-50 ;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.cm-editor .cm-gutter{
|
|
10
|
+
@apply dark:bg-gray-700 dark:text-white dark:border-none;
|
|
11
|
+
}
|
|
12
|
+
.cm-activeLineGutter{
|
|
13
|
+
@apply dark:text-black;
|
|
3
14
|
}
|
|
@@ -11,8 +11,10 @@
|
|
|
11
11
|
opacity: 0.99;
|
|
12
12
|
overflow: auto;
|
|
13
13
|
z-index: 2;
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
}
|
|
15
|
+
.ui-flash-container{
|
|
16
|
+
@apply dark:bg-emerald-500 dark:bg-opacity-25 dark:text-gray-300 dark:shadow-md dark:border-t-0;
|
|
17
|
+
margin-top: -7px;
|
|
16
18
|
}
|
|
17
19
|
|
|
18
20
|
.h-screen.flex .page_bg .topbar .account-name {
|
|
@@ -44,4 +46,10 @@
|
|
|
44
46
|
|
|
45
47
|
}
|
|
46
48
|
|
|
49
|
+
.dark .page_body {
|
|
50
|
+
background: rgb(17, 24, 39);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
47
55
|
|
|
@@ -39,6 +39,7 @@
|
|
|
39
39
|
display: none;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
+
|
|
42
43
|
.sidebar.close .sts-sidebar-menu-item [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item{
|
|
43
44
|
display: none;
|
|
44
45
|
visibility: hidden;
|
|
@@ -58,23 +59,35 @@
|
|
|
58
59
|
opacity: 0;
|
|
59
60
|
}
|
|
60
61
|
|
|
61
|
-
.sidebar.close .icon-link > .sts-sidebar-menu-item:has([data-satis-sidebar-menu-item-target="submenu"])
|
|
62
|
-
@apply rounded-md bg-gray-50 dark:bg-gray-
|
|
62
|
+
.sidebar.close .icon-link > .sts-sidebar-menu-item:hover:not(:has([data-satis-sidebar-menu-item-target="submenu"])) .sts-sidebar-menu-item__label {
|
|
63
|
+
@apply rounded-md bg-gray-50 dark:bg-gray-900 shadow-md py-2;
|
|
63
64
|
text-decoration-thickness: 2px;
|
|
64
65
|
display: block;
|
|
65
66
|
position: absolute;
|
|
66
67
|
padding-right: 20px;
|
|
67
68
|
padding-left: 20px;
|
|
68
69
|
margin-left: 40px;
|
|
69
|
-
margin-top: -75px;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
.sidebar.close .icon-link > .sts-sidebar-menu-item:has([data-satis-sidebar-menu-item-target="submenu"]):
|
|
73
|
-
|
|
74
|
-
|
|
72
|
+
.sidebar.close .icon-link > .sts-sidebar-menu-item:has([data-satis-sidebar-menu-item-target="submenu"]):hover > .sts-sidebar-menu-item__link > .sts-sidebar-menu-item__label {
|
|
73
|
+
@apply text-white dark:bg-gray-600;
|
|
74
|
+
display: block;
|
|
75
|
+
position: absolute;
|
|
76
|
+
background-color: rgba(0, 0, 0, 0.3);
|
|
77
|
+
padding: 5px 10px;
|
|
78
|
+
border-radius: 4px;
|
|
79
|
+
z-index: 10;
|
|
80
|
+
width: 200px;
|
|
81
|
+
margin-left: 22px;
|
|
82
|
+
margin-bottom: 80px;
|
|
75
83
|
}
|
|
76
84
|
|
|
77
85
|
|
|
86
|
+
.sidebar.close .icon-link > .sts-sidebar-menu-item:has([data-satis-sidebar-menu-item-target="submenu"]):last-child:hover > .sts-sidebar-menu-item__link > .sts-sidebar-menu-item__label {
|
|
87
|
+
margin-top: -760px;
|
|
88
|
+
margin-left: 20px;
|
|
89
|
+
}
|
|
90
|
+
|
|
78
91
|
.fontawesome-i2svg-active .h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] {
|
|
79
92
|
@apply rounded-md bg-white dark:bg-gray-900 py-0 px-0 shadow-lg;
|
|
80
93
|
display: block;
|
|
@@ -84,7 +97,9 @@
|
|
|
84
97
|
padding-right: 20px;
|
|
85
98
|
margin-left: 30px;
|
|
86
99
|
margin-top: -45px;
|
|
100
|
+
|
|
87
101
|
width: 200px;
|
|
102
|
+
|
|
88
103
|
}
|
|
89
104
|
|
|
90
105
|
.fontawesome-i2svg-active .h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:only-child {
|
|
@@ -94,9 +109,13 @@
|
|
|
94
109
|
opacity: 1;
|
|
95
110
|
position: fixed;
|
|
96
111
|
padding-right: 20px;
|
|
97
|
-
|
|
112
|
+
width: 200px;
|
|
113
|
+
margin-left: 0;
|
|
98
114
|
|
|
115
|
+
}
|
|
99
116
|
|
|
117
|
+
.h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item a.focus{
|
|
118
|
+
@apply bg-white dark:bg-gray-900;
|
|
100
119
|
}
|
|
101
120
|
|
|
102
121
|
.h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item.pl-4 {
|
|
@@ -106,7 +125,17 @@
|
|
|
106
125
|
opacity: 100;
|
|
107
126
|
}
|
|
108
127
|
|
|
128
|
+
.sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item .sts-sidebar-menu-item__label {
|
|
129
|
+
background: none;
|
|
130
|
+
display:block;
|
|
131
|
+
overflow: visible;
|
|
132
|
+
padding: 0;
|
|
133
|
+
}
|
|
109
134
|
|
|
135
|
+
.sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item .sts-sidebar-menu-item__label {
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
}
|
|
110
139
|
|
|
111
140
|
.h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:last-child:hover > [data-satis-sidebar-menu-item-target="submenu"] {
|
|
112
141
|
margin-top: -425px;
|
|
@@ -128,4 +157,42 @@
|
|
|
128
157
|
|
|
129
158
|
.sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"]::-webkit-scrollbar {
|
|
130
159
|
display: none;
|
|
131
|
-
}
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.h-screen.flex .sidebar .icon-link .sts-sidebar-menu-item .submenu-label {
|
|
163
|
+
display: none;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item .submenu-label {
|
|
167
|
+
display: none;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:hover .submenu-label {
|
|
171
|
+
@apply text-white dark:bg-gray-600;
|
|
172
|
+
display: block;
|
|
173
|
+
position: absolute;
|
|
174
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
175
|
+
padding: 5px 10px;
|
|
176
|
+
border-radius: 4px;
|
|
177
|
+
z-index: 10;
|
|
178
|
+
width: 200px;
|
|
179
|
+
margin-left: 118px;
|
|
180
|
+
margin-bottom: 150px;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item .submenu-label {
|
|
184
|
+
display: none;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:hover .submenu-label {
|
|
188
|
+
@apply text-white dark:bg-gray-600;
|
|
189
|
+
display: block;
|
|
190
|
+
position: absolute;
|
|
191
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
192
|
+
padding: 5px 10px;
|
|
193
|
+
border-radius: 4px;
|
|
194
|
+
z-index: 10;
|
|
195
|
+
width: 200px;
|
|
196
|
+
margin-left: 75px;
|
|
197
|
+
margin-bottom: 150px;
|
|
198
|
+
}
|
|
@@ -13,6 +13,9 @@
|
|
|
13
13
|
- if item.menu
|
|
14
14
|
i.sts-sidebar-menu-item__menu-icon.fa-solid.fa-angle-right style="width: 20px;" data-satis-sidebar-menu-item-target="indicator"
|
|
15
15
|
|
|
16
|
+
- if item.menu
|
|
17
|
+
span.sts-sidebar-menu-item__label.submenu-label= item.label
|
|
18
|
+
|
|
16
19
|
- if item.menu
|
|
17
20
|
div.hidden data-satis-sidebar-menu-item-target="submenu"
|
|
18
21
|
= render(Satis::SidebarMenuItem::Component.with_collection(item.menu.items))
|
|
@@ -2,7 +2,7 @@ div.satis-switch data-controller='satis-switch'
|
|
|
2
2
|
- if options[:label] != false
|
|
3
3
|
= form.custom_label(attribute, options[:label], data: { action: "click->satis-switch#toggle" })
|
|
4
4
|
= form.hidden_field(attribute, options[:input_html].reverse_merge(value: @value ? "1" : "0", 'data-action' => 'change->satis-switch#update'))
|
|
5
|
-
button.mt-3.mb-3.relative.inline-flex.flex-shrink-0.h-6.w-11.border-2.border-transparent.rounded-full.cursor-pointer.transition-colors.ease-in-out.duration-200.focus:outline-none.focus:ring-2.focus:ring-offset-2.focus:ring-primary-500 aria-checked="false" role="switch" type="button" data-action="click->satis-switch#toggle" data-satis-switch-target="button" class="#{@value ? 'bg-primary-600' : 'bg-gray-200'}"
|
|
5
|
+
button.mt-3.mb-3.relative.inline-flex.flex-shrink-0.h-6.w-11.border-2.border-transparent.rounded-full.cursor-pointer.transition-colors.ease-in-out.duration-200.focus:outline-none.focus:ring-2.focus:ring-offset-2.focus:ring-primary-500.dark:focus:ring-primary-800.dark:bg-gray-700 aria-checked="false" role="switch" type="button" data-action="click->satis-switch#toggle" data-satis-switch-target="button" class="#{@value ? 'bg-primary-600' : 'bg-gray-200'}"
|
|
6
6
|
span.pointer-events-none.inline-block.h-5.w-5.rounded-full.bg-white.shadow.transform.ring-0.transition.ease-in-out.duration-200 aria-hidden="true" data-satis-switch-target="switch" class="#{@value ? 'translate-x-5' : 'translate-x-0' }"
|
|
7
7
|
- if icon
|
|
8
8
|
span.absolute.inset-0.h-full.w-full.flex.items-center.justify-center.transition-opacity aria-hidden="true" data-satis-switch-target="cross" class="#{@value ? 'opacity-0 ease-out duration-100' : 'opacity-100 ease-in duration-200' }"
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
- tabs.each do |tab|
|
|
6
6
|
option selected=tab.selected? = ct(".#{tab.name}", scope: :tab)
|
|
7
7
|
.hidden.sm:block
|
|
8
|
-
.border-b.border-gray-200.dark:border-opacity-25
|
|
8
|
+
.border-b.border-gray-200.dark:border-opacity-25.dark:bg-gray-900.dark:bg-opacity-50
|
|
9
9
|
nav.sts-tabs__nav aria-label="Tabs"
|
|
10
10
|
- tabs.each.with_index do |tab, index|
|
|
11
11
|
- id = tab.id.present? ? tab.id : tab.name
|
data/lib/satis/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: satis
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 2.1.
|
|
4
|
+
version: 2.1.37
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Tom de Grunt
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2024-
|
|
11
|
+
date: 2024-09-10 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: browser
|