@query-kit/themes 0.1.0 → 0.2.0
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.
- package/default/main.css +65 -3
- package/package.json +1 -1
package/default/main.css
CHANGED
|
@@ -16,6 +16,12 @@
|
|
|
16
16
|
box-shadow: 0px 0px 10px grey;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
+
.qkit-search {
|
|
20
|
+
display: flex;
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
height: 100%;
|
|
23
|
+
}
|
|
24
|
+
|
|
19
25
|
.qkit-search > .qkit-builder > .qkit-group {
|
|
20
26
|
border-bottom-left-radius: 0;
|
|
21
27
|
border-bottom-right-radius: 0;
|
|
@@ -84,6 +90,15 @@
|
|
|
84
90
|
margin: 0;
|
|
85
91
|
}
|
|
86
92
|
|
|
93
|
+
.qkit-collapse-wrapper .qkit-group-list {
|
|
94
|
+
margin-top: 0.5rem;
|
|
95
|
+
transition: margin-top 0.3s ease;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.qkit-collapse-wrapper[collapsed] .qkit-group-list {
|
|
99
|
+
margin-top: 0rem;
|
|
100
|
+
}
|
|
101
|
+
|
|
87
102
|
ul.qkit-group-list > li > .qkit-condition-container {
|
|
88
103
|
height: 100%;
|
|
89
104
|
}
|
|
@@ -96,7 +111,6 @@ ul.qkit-group-list > li:has(.qkit-group) {
|
|
|
96
111
|
display: flex;
|
|
97
112
|
flex-wrap: wrap;
|
|
98
113
|
gap: 0.5rem;
|
|
99
|
-
margin-bottom: 0.5rem;
|
|
100
114
|
}
|
|
101
115
|
|
|
102
116
|
.qkit-group-actions {
|
|
@@ -106,6 +120,16 @@ ul.qkit-group-list > li:has(.qkit-group) {
|
|
|
106
120
|
gap: 0.5rem;
|
|
107
121
|
}
|
|
108
122
|
|
|
123
|
+
.qkit-group-resume {
|
|
124
|
+
align-self: center;
|
|
125
|
+
font-size: small;
|
|
126
|
+
opacity: 0%;
|
|
127
|
+
transition: opacity 0.3s ease;
|
|
128
|
+
}
|
|
129
|
+
.qkit-group-resume[collapsed] {
|
|
130
|
+
opacity: 30%;
|
|
131
|
+
}
|
|
132
|
+
|
|
109
133
|
.qkit-icon {
|
|
110
134
|
position: relative;
|
|
111
135
|
display: block;
|
|
@@ -155,6 +179,27 @@ ul.qkit-group-list > li:has(.qkit-group) {
|
|
|
155
179
|
transform: translateY(-50%) rotate(45deg);
|
|
156
180
|
}
|
|
157
181
|
|
|
182
|
+
.qkit-icon-arrow-down:before {
|
|
183
|
+
content: '';
|
|
184
|
+
display: block;
|
|
185
|
+
position: absolute;
|
|
186
|
+
left: 25%;
|
|
187
|
+
width: var(--qkit-icon-cross-width);
|
|
188
|
+
height: 100%;
|
|
189
|
+
background-color: var(--qkit-icon-color);
|
|
190
|
+
transform: translateX(-50%) rotate(45deg);
|
|
191
|
+
}
|
|
192
|
+
.qkit-icon-arrow-down:after {
|
|
193
|
+
content: '';
|
|
194
|
+
display: block;
|
|
195
|
+
position: absolute;
|
|
196
|
+
left: 75%;
|
|
197
|
+
width: var(--qkit-icon-cross-width);
|
|
198
|
+
height: 100%;
|
|
199
|
+
background-color: var(--qkit-icon-color);
|
|
200
|
+
transform: translateX(-50%) rotate(-45deg);
|
|
201
|
+
}
|
|
202
|
+
|
|
158
203
|
.qkit-condition-container {
|
|
159
204
|
position: relative;
|
|
160
205
|
display: flex;
|
|
@@ -197,6 +242,7 @@ ul.qkit-group-list > li:has(.qkit-group) {
|
|
|
197
242
|
.qkit-relationship-queue-and-action {
|
|
198
243
|
display: flex;
|
|
199
244
|
flex-direction: row !important;
|
|
245
|
+
flex-wrap: wrap;
|
|
200
246
|
align-items: center;
|
|
201
247
|
gap: 0.5rem;
|
|
202
248
|
}
|
|
@@ -265,6 +311,10 @@ ul.qkit-group-list > li:has(.qkit-group) {
|
|
|
265
311
|
.qkit-collection {
|
|
266
312
|
position: relative;
|
|
267
313
|
border: 1px solid lightgrey;
|
|
314
|
+
flex-grow: 1;
|
|
315
|
+
display: flex;
|
|
316
|
+
flex-direction: column;
|
|
317
|
+
min-height: 400px;
|
|
268
318
|
}
|
|
269
319
|
|
|
270
320
|
.qkit-collection-header {
|
|
@@ -294,10 +344,16 @@ ul.qkit-group-list > li:has(.qkit-group) {
|
|
|
294
344
|
gap: 0.5rem;
|
|
295
345
|
}
|
|
296
346
|
|
|
347
|
+
.qkit-collection-content-wrapper {
|
|
348
|
+
position: relative;
|
|
349
|
+
flex-grow: 1;
|
|
350
|
+
overflow: hidden;
|
|
351
|
+
}
|
|
352
|
+
|
|
297
353
|
.qkit-collection-content {
|
|
298
354
|
position: relative;
|
|
299
|
-
|
|
300
|
-
overflow:
|
|
355
|
+
height: 100%;
|
|
356
|
+
overflow: auto;
|
|
301
357
|
background: var(--qkit-collection-background-color);
|
|
302
358
|
}
|
|
303
359
|
|
|
@@ -527,3 +583,9 @@ ul.qkit-group-list > li:has(.qkit-group) {
|
|
|
527
583
|
border-top-right-radius: 0.25rem;
|
|
528
584
|
border-bottom-right-radius: 0.25rem;
|
|
529
585
|
}
|
|
586
|
+
|
|
587
|
+
@media (max-width: 576px) {
|
|
588
|
+
.qkit-group-resume span {
|
|
589
|
+
display: none;
|
|
590
|
+
}
|
|
591
|
+
}
|