@quandis/qbo4.ui 4.0.1-CI-20241113-174125 → 4.0.1-CI-20241113-205011
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/package.json +1 -1
- package/scss/qbo.scss +55 -154
- package/src/qbo/qbo-menu.d.ts +3 -2
- package/src/qbo/qbo-menu.js +82 -44
- package/src/qbo/qbo-menu.ts +87 -50
- package/src/qbo/styles.js +2 -2
- package/src/qbo/styles.ts +2 -2
- package/wwwroot/css/qbo.css +55 -157
- package/wwwroot/css/qbo.css.map +1 -1
- package/wwwroot/css/qbo.min.css +1 -1
- package/wwwroot/css/qboui.css +56 -159
- package/wwwroot/css/qboui.css.map +1 -1
- package/wwwroot/css/qboui.min.css +1 -1
- package/wwwroot/images/qbo-icons.svg +57 -6
- package/wwwroot/js/esm/qbo4.ui.js +84 -46
- package/wwwroot/js/esm/qbo4.ui.min.js +26 -26
- package/wwwroot/js/esm/qbo4.ui.min.js.map +1 -1
- package/wwwroot/js/qbo4.ui.js +84 -46
- package/wwwroot/js/qbo4.ui.min.js +26 -26
- package/wwwroot/js/qbo4.ui.min.js.map +1 -1
- package/wwwroot/menu.html +279 -206
package/wwwroot/css/qbo.css
CHANGED
|
@@ -4,14 +4,15 @@
|
|
|
4
4
|
--qbo-border-color: #999;
|
|
5
5
|
--qbo-border-radius: 4px;
|
|
6
6
|
--qbo-background-color: #ffffff;
|
|
7
|
-
--qbo-padding-horizontal:
|
|
8
|
-
--qbo-padding-vertical:
|
|
7
|
+
--qbo-padding-horizontal: 0.75rem;
|
|
8
|
+
--qbo-padding-vertical: 0.375rem;
|
|
9
9
|
--qbo-padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
|
|
10
10
|
--qbo-margin: 0.5rem;
|
|
11
11
|
--qbo-margin-horizontal: 0.5rem;
|
|
12
12
|
--qbo-margin-vertical: 0.5rem;
|
|
13
13
|
--qbo-focus-border-color: #80bdff;
|
|
14
14
|
--qbo-focus-box-shadow: rgba(0, 123, 255, 0.25);
|
|
15
|
+
--qbo-line-height: var(--qbo-line-height);
|
|
15
16
|
--qbo-button-bg: #007bff;
|
|
16
17
|
--qbo-button-border: #007bff;
|
|
17
18
|
--qbo-button-bg-hover: #0056b3;
|
|
@@ -90,42 +91,6 @@
|
|
|
90
91
|
gap: var(--qbo-margin);
|
|
91
92
|
}
|
|
92
93
|
|
|
93
|
-
/* Default column styling */
|
|
94
|
-
.qbo-card {
|
|
95
|
-
border: 1px solid var(--qbo-border-color);
|
|
96
|
-
border-radius: var(--qbo-border-radius);
|
|
97
|
-
box-shadow: 2px 2px 3px var(--qbo-border-color);
|
|
98
|
-
padding: 0.5em;
|
|
99
|
-
overflow: auto;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.qbo-card-bottom {
|
|
103
|
-
margin-bottom: 0.5em;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.qbo-card-left {
|
|
107
|
-
margin-left: 0.5em;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.qbo-card-right {
|
|
111
|
-
margin-right: 0.5em;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.qbo-card-top {
|
|
115
|
-
margin-top: 0.5em;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
svg {
|
|
119
|
-
height: 1rem;
|
|
120
|
-
width: 1rem;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.qbo-row {
|
|
124
|
-
display: flex;
|
|
125
|
-
flex-wrap: wrap;
|
|
126
|
-
gap: var(--qbo-margin);
|
|
127
|
-
}
|
|
128
|
-
|
|
129
94
|
/* Default column styling */
|
|
130
95
|
.qbo-col, .qbo-card {
|
|
131
96
|
flex: 1 0 0;
|
|
@@ -133,12 +98,6 @@ svg {
|
|
|
133
98
|
box-sizing: border-box;
|
|
134
99
|
}
|
|
135
100
|
|
|
136
|
-
.qbo-row {
|
|
137
|
-
display: flex;
|
|
138
|
-
flex-wrap: wrap;
|
|
139
|
-
gap: var(--qbo-margin); /* Use --qbo-margin as the gap */
|
|
140
|
-
}
|
|
141
|
-
|
|
142
101
|
.qbo-col-1 {
|
|
143
102
|
flex: 0 0 calc(8.33% - var(--qbo-margin) / 2);
|
|
144
103
|
max-width: calc(8.33% - var(--qbo-margin) / 2);
|
|
@@ -199,10 +158,32 @@ svg {
|
|
|
199
158
|
max-width: calc(100% - var(--qbo-margin) / 2);
|
|
200
159
|
}
|
|
201
160
|
|
|
161
|
+
/* Default column styling */
|
|
162
|
+
.qbo-card {
|
|
163
|
+
border: 1px solid var(--qbo-border-color);
|
|
164
|
+
border-radius: var(--qbo-border-radius);
|
|
165
|
+
box-shadow: 2px 2px 3px var(--qbo-border-color);
|
|
166
|
+
padding: 0.5em;
|
|
167
|
+
overflow: auto;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.qbo-card-left {
|
|
171
|
+
margin-left: 0.5em;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.qbo-card-right {
|
|
175
|
+
margin-right: 0.5em;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
svg {
|
|
179
|
+
height: 1rem;
|
|
180
|
+
width: 1rem;
|
|
181
|
+
}
|
|
182
|
+
|
|
202
183
|
/* Form */
|
|
203
184
|
.qbo-form {
|
|
204
185
|
margin: 0 auto;
|
|
205
|
-
padding: var(--qbo-padding);
|
|
186
|
+
padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
|
|
206
187
|
}
|
|
207
188
|
|
|
208
189
|
.qbo-form label {
|
|
@@ -227,7 +208,7 @@ svg {
|
|
|
227
208
|
.qbo-form textarea {
|
|
228
209
|
width: 100%;
|
|
229
210
|
box-sizing: border-box;
|
|
230
|
-
padding: var(--qbo-padding);
|
|
211
|
+
padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
|
|
231
212
|
font-size: 1rem;
|
|
232
213
|
line-height: 1;
|
|
233
214
|
color: var(--qbo-color);
|
|
@@ -323,9 +304,9 @@ button,
|
|
|
323
304
|
background-color: var(--qbo-background-color);
|
|
324
305
|
border: 1px solid var(--qbo-border-color);
|
|
325
306
|
border-radius: var(--qbo-border-radius);
|
|
326
|
-
padding: var(--qbo-padding);
|
|
307
|
+
padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
|
|
327
308
|
font-size: 1rem;
|
|
328
|
-
line-height:
|
|
309
|
+
line-height: var(--qbo-line-height);
|
|
329
310
|
text-align: center;
|
|
330
311
|
vertical-align: middle;
|
|
331
312
|
cursor: pointer;
|
|
@@ -341,7 +322,7 @@ button:focus,
|
|
|
341
322
|
.qbo-button:focus {
|
|
342
323
|
background-color: var(--qbo-border-color);
|
|
343
324
|
text-decoration: none;
|
|
344
|
-
line-height:
|
|
325
|
+
line-height: var(--qbo-line-height);
|
|
345
326
|
border-radius: var(--qbo-border-radius);
|
|
346
327
|
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
|
|
347
328
|
}
|
|
@@ -397,87 +378,6 @@ button:disabled,
|
|
|
397
378
|
background-position: left center;
|
|
398
379
|
}
|
|
399
380
|
|
|
400
|
-
/* Grid */
|
|
401
|
-
.qbo-row {
|
|
402
|
-
display: flex;
|
|
403
|
-
flex-wrap: wrap;
|
|
404
|
-
gap: var(--qbo-margin);
|
|
405
|
-
}
|
|
406
|
-
|
|
407
|
-
/* Default column styling */
|
|
408
|
-
.qbo-col, .qbo-card {
|
|
409
|
-
flex: 1 0 0;
|
|
410
|
-
min-width: calc(8.33% - var(--qbo-margin) / 2);
|
|
411
|
-
max-width: 100%;
|
|
412
|
-
box-sizing: border-box;
|
|
413
|
-
}
|
|
414
|
-
|
|
415
|
-
.qbo-row {
|
|
416
|
-
display: flex;
|
|
417
|
-
flex-wrap: wrap;
|
|
418
|
-
gap: var(--qbo-margin); /* Use --qbo-margin as the gap */
|
|
419
|
-
}
|
|
420
|
-
|
|
421
|
-
.qbo-col-1 {
|
|
422
|
-
flex: 0 0 calc(8.33% - var(--qbo-margin) / 2);
|
|
423
|
-
max-width: calc(8.33% - var(--qbo-margin) / 2);
|
|
424
|
-
}
|
|
425
|
-
|
|
426
|
-
.qbo-col-2 {
|
|
427
|
-
flex: 0 0 calc(16.66% - var(--qbo-margin) / 2);
|
|
428
|
-
max-width: calc(16.66% - var(--qbo-margin) / 2);
|
|
429
|
-
}
|
|
430
|
-
|
|
431
|
-
.qbo-col-3 {
|
|
432
|
-
flex: 0 0 calc(25% - var(--qbo-margin) / 2);
|
|
433
|
-
max-width: calc(25% - var(--qbo-margin) / 2);
|
|
434
|
-
}
|
|
435
|
-
|
|
436
|
-
.qbo-col-4 {
|
|
437
|
-
flex: 0 0 calc(33.33% - var(--qbo-margin) / 2);
|
|
438
|
-
max-width: calc(33.33% - var(--qbo-margin) / 2);
|
|
439
|
-
}
|
|
440
|
-
|
|
441
|
-
.qbo-col-5 {
|
|
442
|
-
flex: 0 0 calc(41.66% - var(--qbo-margin) / 2);
|
|
443
|
-
max-width: calc(41.66% - var(--qbo-margin) / 2);
|
|
444
|
-
}
|
|
445
|
-
|
|
446
|
-
.qbo-col-6 {
|
|
447
|
-
flex: 0 0 calc(50% - var(--qbo-margin) / 2);
|
|
448
|
-
max-width: calc(50% - var(--qbo-margin) / 2);
|
|
449
|
-
}
|
|
450
|
-
|
|
451
|
-
.qbo-col-7 {
|
|
452
|
-
flex: 0 0 calc(58.33% - var(--qbo-margin) / 2);
|
|
453
|
-
max-width: calc(58.33% - var(--qbo-margin) / 2);
|
|
454
|
-
}
|
|
455
|
-
|
|
456
|
-
.qbo-col-8 {
|
|
457
|
-
flex: 0 0 calc(66.66% - var(--qbo-margin) / 2);
|
|
458
|
-
max-width: calc(66.66% - var(--qbo-margin) / 2);
|
|
459
|
-
}
|
|
460
|
-
|
|
461
|
-
.qbo-col-9 {
|
|
462
|
-
flex: 0 0 calc(75% - var(--qbo-margin) / 2);
|
|
463
|
-
max-width: calc(75% - var(--qbo-margin) / 2);
|
|
464
|
-
}
|
|
465
|
-
|
|
466
|
-
.qbo-col-10 {
|
|
467
|
-
flex: 0 0 calc(83.33% - var(--qbo-margin) / 2);
|
|
468
|
-
max-width: calc(83.33% - var(--qbo-margin) / 2);
|
|
469
|
-
}
|
|
470
|
-
|
|
471
|
-
.qbo-col-11 {
|
|
472
|
-
flex: 0 0 calc(91.66% - var(--qbo-margin) / 2);
|
|
473
|
-
max-width: calc(91.66% - var(--qbo-margin) / 2);
|
|
474
|
-
}
|
|
475
|
-
|
|
476
|
-
.qbo-col-12 {
|
|
477
|
-
flex: 0 0 calc(100% - var(--qbo-margin) / 2);
|
|
478
|
-
max-width: calc(100% - var(--qbo-margin) / 2);
|
|
479
|
-
}
|
|
480
|
-
|
|
481
381
|
/* Menu */
|
|
482
382
|
nav {
|
|
483
383
|
--qbo-background-color: var(--qbo-nav-background-color, black);
|
|
@@ -498,7 +398,7 @@ nav menu li {
|
|
|
498
398
|
border: 1px solid var(--qbo-nav-background-color, black);
|
|
499
399
|
cursor: pointer;
|
|
500
400
|
display: inline-block;
|
|
501
|
-
line-height:
|
|
401
|
+
line-height: var(--qbo-line-height);
|
|
502
402
|
padding: 5px;
|
|
503
403
|
}
|
|
504
404
|
nav menu li svg {
|
|
@@ -541,32 +441,32 @@ menu.qbo-toolbar {
|
|
|
541
441
|
flex-direction: row;
|
|
542
442
|
margin-right: var(--qbo-margin);
|
|
543
443
|
}
|
|
544
|
-
menu.qbo-toolbar li {
|
|
444
|
+
menu.qbo-toolbar > li {
|
|
545
445
|
display: inline-block;
|
|
546
446
|
margin-right: 0;
|
|
547
447
|
color: var(--qbo-color);
|
|
548
448
|
background-color: var(--qbo-background-color);
|
|
549
449
|
border: 1px solid var(--qbo-border-color);
|
|
550
|
-
padding: var(--qbo-padding);
|
|
551
|
-
line-height:
|
|
450
|
+
padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
|
|
451
|
+
line-height: var(--qbo-line-height);
|
|
552
452
|
cursor: pointer;
|
|
553
453
|
border-radius: 0;
|
|
554
454
|
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
555
455
|
text-decoration: none;
|
|
556
456
|
}
|
|
557
|
-
menu.qbo-toolbar li:first-child {
|
|
457
|
+
menu.qbo-toolbar > li:first-child {
|
|
558
458
|
border-top-left-radius: var(--qbo-border-radius);
|
|
559
459
|
border-bottom-left-radius: var(--qbo-border-radius);
|
|
560
460
|
}
|
|
561
|
-
menu.qbo-toolbar li:last-child {
|
|
461
|
+
menu.qbo-toolbar > li:last-child {
|
|
562
462
|
border-top-right-radius: var(--qbo-border-radius);
|
|
563
463
|
border-bottom-right-radius: var(--qbo-border-radius);
|
|
564
464
|
}
|
|
565
|
-
menu.qbo-toolbar li:hover,
|
|
566
|
-
menu.qbo-toolbar li:focus {
|
|
465
|
+
menu.qbo-toolbar > li:hover,
|
|
466
|
+
menu.qbo-toolbar > li:focus {
|
|
567
467
|
background-color: var(--qbo-border-color);
|
|
568
468
|
text-decoration: none;
|
|
569
|
-
line-height:
|
|
469
|
+
line-height: var(--qbo-line-height);
|
|
570
470
|
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
|
|
571
471
|
}
|
|
572
472
|
|
|
@@ -601,7 +501,7 @@ qbo-menu menu {
|
|
|
601
501
|
border: 1px solid var(--qbo-border-color);
|
|
602
502
|
border-radius: var(--qbo-border-radius);
|
|
603
503
|
box-sizing: border-box;
|
|
604
|
-
height:
|
|
504
|
+
height: auto;
|
|
605
505
|
list-style-type: none;
|
|
606
506
|
margin: 0;
|
|
607
507
|
padding-left: 0;
|
|
@@ -611,6 +511,17 @@ qbo-menu menu {
|
|
|
611
511
|
|
|
612
512
|
qbo-menu aside.open,
|
|
613
513
|
qbo-menu menu.open {
|
|
514
|
+
visibility: visible;
|
|
515
|
+
}
|
|
516
|
+
|
|
517
|
+
qbo-menu aside {
|
|
518
|
+
width: 0;
|
|
519
|
+
margin: var(--qbo-margin);
|
|
520
|
+
padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
|
|
521
|
+
padding-bottom: 0.6em;
|
|
522
|
+
overflow-y: scroll;
|
|
523
|
+
top: 53px !important;
|
|
524
|
+
width: 100%;
|
|
614
525
|
background-color: #f0f0f0;
|
|
615
526
|
border: 0;
|
|
616
527
|
border-radius: 0;
|
|
@@ -621,36 +532,23 @@ qbo-menu menu.open {
|
|
|
621
532
|
left: 0px;
|
|
622
533
|
margin: 0;
|
|
623
534
|
overflow-y: auto;
|
|
624
|
-
top: 53px !important;
|
|
625
|
-
visibility: visible;
|
|
626
|
-
width: 100%;
|
|
627
535
|
}
|
|
628
536
|
|
|
629
|
-
qbo-menu aside
|
|
630
|
-
qbo-menu menu.open > h1 {
|
|
537
|
+
qbo-menu aside > h1 {
|
|
631
538
|
color: var(--qbo-color);
|
|
632
539
|
margin-block-end: 0;
|
|
633
540
|
margin-left: 1em;
|
|
634
541
|
}
|
|
635
542
|
|
|
636
|
-
qbo-menu aside
|
|
637
|
-
qbo-menu menu.open > p {
|
|
543
|
+
qbo-menu aside > p {
|
|
638
544
|
color: var(--qbo-color);
|
|
639
545
|
margin-block-start: 0;
|
|
640
546
|
margin-left: 1.2em;
|
|
641
547
|
}
|
|
642
|
-
|
|
643
|
-
qbo-menu aside {
|
|
644
|
-
width: 0;
|
|
645
|
-
margin: var(--qbo-margin);
|
|
646
|
-
padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
|
|
647
|
-
padding-bottom: 0.6em;
|
|
648
|
-
overflow-y: scroll;
|
|
649
|
-
}
|
|
650
548
|
qbo-menu li {
|
|
651
549
|
display: list-item !important;
|
|
652
|
-
padding: var(--qbo-padding
|
|
653
|
-
line-height:
|
|
550
|
+
padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
|
|
551
|
+
line-height: var(--qbo-line-height);
|
|
654
552
|
text-align: left;
|
|
655
553
|
white-space: nowrap;
|
|
656
554
|
cursor: pointer;
|
package/wwwroot/css/qbo.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../scss/qbo.scss","qbo.css"],"names":[],"mappings":"AAAC;EACG,6BAAA;EACA,iBAAA;EACA,wBAAA;EACA,wBAAA;EACA,+BAAA;EACA,
|
|
1
|
+
{"version":3,"sources":["../../scss/qbo.scss","qbo.css"],"names":[],"mappings":"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","file":"qbo.css"}
|
package/wwwroot/css/qbo.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--qbo-font:Arial,sans-serif;--qbo-color:#333;--qbo-border-color:#999;--qbo-border-radius:4px;--qbo-background-color:#ffffff;--qbo-padding-horizontal:0rem;--qbo-padding-vertical:0rem;--qbo-padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);--qbo-margin:0.5rem;--qbo-margin-horizontal:0.5rem;--qbo-margin-vertical:0.5rem;--qbo-focus-border-color:#80bdff;--qbo-focus-box-shadow:rgba(0, 123, 255, 0.25);--qbo-button-bg:#007bff;--qbo-button-border:#007bff;--qbo-button-bg-hover:#0056b3;--qbo-button-border-hover:#004085;--qbo-button-color:#ffffff;--qbo-button-padding:var(--qbo-padding);--qbo-button-border-radius:var(--qbo-border-radius);--qbo-nav-color:#333;--qbo-nav-background-color:#999;--qbo-nav-background-hover:#81181d;--qbo-nav-background-hover-color:#999;--qbo-primary-bg:#007bff;--qbo-primary-color:#ffffff;--qbo-primary-border:#007bff;--qbo-primary-hover-bg:#0056b3;--qbo-primary-hover-border:#004085;--qbo-secondary-bg:#6c757d;--qbo-secondary-color:#ffffff;--qbo-secondary-border:#6c757d;--qbo-secondary-hover-bg:#5a6268;--qbo-secondary-hover-border:#545b62;--qbo-success-bg:#28a745;--qbo-success-color:#ffffff;--qbo-success-border:#28a745;--qbo-success-hover-bg:#218838;--qbo-success-hover-border:#1e7e34;--qbo-danger-bg:#dc3545;--qbo-danger-color:#ffffff;--qbo-danger-border:#dc3545;--qbo-danger-hover-bg:#c82333;--qbo-danger-hover-border:#bd2130;--qbo-info-bg:#17a2b8;--qbo-info-color:#ffffff;--qbo-info-border:#17a2b8;--qbo-info-hover-bg:#138496;--qbo-info-hover-border:#117a8b;--qbo-light-bg:#f8f9fa;--qbo-light-color:#212529;--qbo-light-border:#f8f9fa;--qbo-light-hover-bg:#e2e6ea;--qbo-light-hover-border:#dae0e5;--qbo-dark-bg:#343a40;--qbo-dark-color:#ffffff;--qbo-dark-border:#343a40;--qbo-dark-hover-bg:#23272b;--qbo-dark-hover-border:#1d2124}.qbo-theme-dark{--qbo-color:#e0e0e0;--qbo-border-color:grey;--qbo-background-color:#121212;--qbo-nav-color:#000;--qbo-nav-background-color:#fff;--qbo-svg-filter:brightness(0) invert(1)}.qbo-theme-light{font-family:var(--qbo-font);color:var(--qbo-color);margin:0;background-color:var(--qbo-background-color)}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-card{border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-shadow:2px 2px 3px var(--qbo-border-color);padding:.5em;overflow:auto}.qbo-card-bottom{margin-bottom:.5em}.qbo-card-left{margin-left:.5em}.qbo-card-right{margin-right:.5em}.qbo-card-top{margin-top:.5em}svg{height:1rem;width:1rem}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-card,.qbo-col{flex:1 0 0;max-width:100%;box-sizing:border-box}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-col-1{flex:0 0 calc(8.33% - var(--qbo-margin)/ 2);max-width:calc(8.33% - var(--qbo-margin)/ 2)}.qbo-col-2{flex:0 0 calc(16.66% - var(--qbo-margin)/ 2);max-width:calc(16.66% - var(--qbo-margin)/ 2)}.qbo-col-3{flex:0 0 calc(25% - var(--qbo-margin)/ 2);max-width:calc(25% - var(--qbo-margin)/ 2)}.qbo-col-4{flex:0 0 calc(33.33% - var(--qbo-margin)/ 2);max-width:calc(33.33% - var(--qbo-margin)/ 2)}.qbo-col-5{flex:0 0 calc(41.66% - var(--qbo-margin)/ 2);max-width:calc(41.66% - var(--qbo-margin)/ 2)}.qbo-col-6{flex:0 0 calc(50% - var(--qbo-margin)/ 2);max-width:calc(50% - var(--qbo-margin)/ 2)}.qbo-col-7{flex:0 0 calc(58.33% - var(--qbo-margin)/ 2);max-width:calc(58.33% - var(--qbo-margin)/ 2)}.qbo-col-8{flex:0 0 calc(66.66% - var(--qbo-margin)/ 2);max-width:calc(66.66% - var(--qbo-margin)/ 2)}.qbo-col-9{flex:0 0 calc(75% - var(--qbo-margin)/ 2);max-width:calc(75% - var(--qbo-margin)/ 2)}.qbo-col-10{flex:0 0 calc(83.33% - var(--qbo-margin)/ 2);max-width:calc(83.33% - var(--qbo-margin)/ 2)}.qbo-col-11{flex:0 0 calc(91.66% - var(--qbo-margin)/ 2);max-width:calc(91.66% - var(--qbo-margin)/ 2)}.qbo-col-12{flex:0 0 calc(100% - var(--qbo-margin)/ 2);max-width:calc(100% - var(--qbo-margin)/ 2)}.qbo-form{margin:0 auto;padding:var(--qbo-padding)}.qbo-form label{display:flex;flex-direction:column;font-size:.9rem;font-weight:100;color:var(--qbo-color);font-family:var(--qbo-font);margin-top:calc(var(--qbo-margin) * 1.5);margin-bottom:calc(var(--qbo-margin) * .25)}.qbo-form small{display:block;font-size:.8rem;color:color-mix(in srgb,var(--qbo-color) 60%,transparent)}.qbo-form input,.qbo-form select,.qbo-form textarea{width:100%;box-sizing:border-box;padding:var(--qbo-padding);font-size:1rem;line-height:1;color:var(--qbo-color);background-color:var(--qbo-background-color);background-clip:padding-box;border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-family:var(--qbo-font);margin-top:.1rem;margin-right:1rem}.qbo-form input[type=color]{width:3rem;height:calc(1.5em + .75rem + 0px);padding:.375rem;background-color:transparent;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none}.qbo-form input:focus,.qbo-form select:focus,.qbo-form textarea:focus{color:var(--qbo-color);border-color:var(--qbo-focus-border-color);outline:0;box-shadow:0 0 0 .2rem var(--qbo-focus-box-shadow)}.qbo-form input[disabled],.qbo-form select[disabled],.qbo-form textarea[disabled]{color:color-mix(in oklab,var(--qbo-color) 50%,var(--qbo-background-color));cursor:not-allowed;opacity:1}.qbo-form div{display:flex;align-items:center}.qbo-form div span{display:inline-flex;font-weight:100;align-items:center;padding:.375rem .75rem;font-size:1rem;text-align:center;white-space:nowrap;border-right:none;border-radius:.25rem 0 0 .25rem}.qbo-form div input,.qbo-form div select,.qbo-form div textarea{flex:1 1 auto;padding:.375rem .75rem;font-size:1rem;background-clip:padding-box;margin:0}.qbo-form .form-check{display:flex;align-items:center;margin-bottom:1rem}.qbo-form .form-check input[type=checkbox],.qbo-form .form-check input[type=radio]{width:auto;margin-right:.5rem}.qbo-form .form-check label{margin-bottom:0;font-weight:400;color:var(--qbo-color)}.qbo-button,button{display:inline-block;font-weight:400;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);padding:var(--qbo-padding);font-size:1rem;line-height:1.5;text-align:center;vertical-align:middle;cursor:pointer;margin-right:var(--qbo-margin);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.qbo-button:focus,.qbo-button:hover,button:focus,button:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:1.5;border-radius:var(--qbo-border-radius);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.qbo-button:disabled,button:disabled{opacity:.65;cursor:not-allowed;background-color:var(--qbo-button-bg);border-color:var(--qbo-button-border);color:var(--qbo-button-color)}.primary{background-color:var(--qbo-primary-bg);border:1px solid var(--qbo-primary-border);color:var(--qbo-primary-color)}.primary:focus,.primary:hover{background-color:var(--qbo-primary-hover-bg);border:1px solid var(--qbo-primary-hover-border)}.secondary{background-color:var(--qbo-secondary-bg);border:1px solid var(--qbo-secondary-border);color:var(--qbo-secondary-color)}.secondary:focus,.secondary:hover{background-color:var(--qbo-secondary-hover-bg);border:1px solid var(--qbo-secondary-hover-border)}.icon{height:1rem;width:1rem;filter:var(--qbo-svg-filter)}.icon use{display:block}.icon.right{position:relative;padding-left:1.25rem;background-image:url("https://devqmp.quandis.io/core/ui/images/qbo-icons.svg#i-arrow-down-circle");background-repeat:no-repeat;background-position:left center}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-card,.qbo-col{flex:1 0 0;min-width:calc(8.33% - var(--qbo-margin)/ 2);max-width:100%;box-sizing:border-box}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-col-1{flex:0 0 calc(8.33% - var(--qbo-margin)/ 2);max-width:calc(8.33% - var(--qbo-margin)/ 2)}.qbo-col-2{flex:0 0 calc(16.66% - var(--qbo-margin)/ 2);max-width:calc(16.66% - var(--qbo-margin)/ 2)}.qbo-col-3{flex:0 0 calc(25% - var(--qbo-margin)/ 2);max-width:calc(25% - var(--qbo-margin)/ 2)}.qbo-col-4{flex:0 0 calc(33.33% - var(--qbo-margin)/ 2);max-width:calc(33.33% - var(--qbo-margin)/ 2)}.qbo-col-5{flex:0 0 calc(41.66% - var(--qbo-margin)/ 2);max-width:calc(41.66% - var(--qbo-margin)/ 2)}.qbo-col-6{flex:0 0 calc(50% - var(--qbo-margin)/ 2);max-width:calc(50% - var(--qbo-margin)/ 2)}.qbo-col-7{flex:0 0 calc(58.33% - var(--qbo-margin)/ 2);max-width:calc(58.33% - var(--qbo-margin)/ 2)}.qbo-col-8{flex:0 0 calc(66.66% - var(--qbo-margin)/ 2);max-width:calc(66.66% - var(--qbo-margin)/ 2)}.qbo-col-9{flex:0 0 calc(75% - var(--qbo-margin)/ 2);max-width:calc(75% - var(--qbo-margin)/ 2)}.qbo-col-10{flex:0 0 calc(83.33% - var(--qbo-margin)/ 2);max-width:calc(83.33% - var(--qbo-margin)/ 2)}.qbo-col-11{flex:0 0 calc(91.66% - var(--qbo-margin)/ 2);max-width:calc(91.66% - var(--qbo-margin)/ 2)}.qbo-col-12{flex:0 0 calc(100% - var(--qbo-margin)/ 2);max-width:calc(100% - var(--qbo-margin)/ 2)}nav{--qbo-background-color:var(--qbo-nav-background-color, black);--qbo-color:var(--qbo-nav-color, white);--qbo-svg-filter:brightness(0) invert(1);display:flex;flex-direction:row;color:var(--qbo-nav-color,#fff);background-color:var(--qbo-nav-background-color,#000)}nav menu{list-style-type:none;padding-inline-start:20px;margin-block-start:0.5em;margin-block-end:0.5em}nav menu li{border:1px solid var(--qbo-nav-background-color,#000);cursor:pointer;display:inline-block;line-height:1.5;padding:5px}nav menu li svg{filter:invert(0)!important}nav menu li:focus,nav menu li:hover{background-color:var(--qbo-nav-background-hover,grey);border:1px solid var(--qbo-nav-background-hover);border-radius:.5em;color:#fff;text-decoration:none}nav menu li:focus span>svg,nav menu li:focus>svg,nav menu li:hover span>svg,nav menu li:hover>svg{filter:var(--qbo-svg-filter)!important}nav>img{padding-inline-start:8px}nav>span{font-weight:700;margin-top:17px;padding-inline-start:10px}nav a{color:var(--qbo-color)}nav svg.label{vertical-align:text-top}nav svg.toggle{vertical-align:text-bottom}menu.qbo-toolbar{list-style-type:none;padding-left:0;display:flex;flex-direction:row;margin-right:var(--qbo-margin)}menu.qbo-toolbar li{display:inline-block;margin-right:0;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);padding:var(--qbo-padding);line-height:1.5;cursor:pointer;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-decoration:none}menu.qbo-toolbar li:first-child{border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius)}menu.qbo-toolbar li:last-child{border-top-right-radius:var(--qbo-border-radius);border-bottom-right-radius:var(--qbo-border-radius)}menu.qbo-toolbar li:focus,menu.qbo-toolbar li:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:1.5;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}menu.qbo-toolbar.vertical{flex-direction:column;align-items:flex-start}menu.qbo-toolbar.vertical li:first-child{border-top-right-radius:var(--qbo-border-radius);border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:0}menu.qbo-toolbar.vertical li:last-child{border-bottom-right-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius);border-top-right-radius:0}qbo-menu aside,qbo-menu menu{background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-sizing:border-box;height:0;list-style-type:none;margin:0;padding-left:0;position:absolute;visibility:hidden}qbo-menu aside.open,qbo-menu menu.open{background-color:#f0f0f0;border:0;border-radius:0;border-bottom-left-radius:.7em;border-bottom-right-radius:.7em;color:var(--qbo-nav-color,#fff);height:auto;left:0;margin:0;overflow-y:auto;top:53px!important;visibility:visible;width:100%}qbo-menu aside.open>h1,qbo-menu menu.open>h1{color:var(--qbo-color);margin-block-end:0;margin-left:1em}qbo-menu aside.open>p,qbo-menu menu.open>p{color:var(--qbo-color);margin-block-start:0;margin-left:1.2em}qbo-menu aside{width:0;margin:var(--qbo-margin);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);padding-bottom:.6em;overflow-y:scroll}qbo-menu li{display:list-item!important;padding:var(--qbo-padding,.5rem 1rem);line-height:1.5;text-align:left;white-space:nowrap;cursor:pointer;text-decoration:none}qbo-menu li:hover{background-color:var(--qbo-border-color)}qbo-menu menu li.disabled{color:#6c757d;pointer-events:none;background-color:transparent}qbo-menu menu .dropdown-divider{height:1px;margin:.5rem 0;overflow:hidden;background-color:#e9ecef}qbo-menu menu .dropdown-header{padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}qbo-popover{background-color:#f0f0f0;border:1px solid #81181d;border-radius:var(--qbo-border-radius);color:var(--qbo-color);margin:.6em 0 0 0;padding:0 1em 0 1em;position:absolute;visibility:hidden}qbo-popover h3{margin-block-end:0.5em;margin-block-start:0.5em}qbo-popover p{margin-block-start:0}qbo-popover.open{visibility:visible}details>a{margin-left:1.5em}div.qbo-row-subsequent{margin-top:.5em}h3.title{margin-block-end:0;margin-block-start:0.5em;margin-left:.5em}p.detail{margin-block-end:0.5em;margin-block-start:0;margin-left:.5em}div.qbo-col-noborder{border:0!important;box-shadow:initial}
|
|
1
|
+
:root{--qbo-font:Arial,sans-serif;--qbo-color:#333;--qbo-border-color:#999;--qbo-border-radius:4px;--qbo-background-color:#ffffff;--qbo-padding-horizontal:0.75rem;--qbo-padding-vertical:0.375rem;--qbo-padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);--qbo-margin:0.5rem;--qbo-margin-horizontal:0.5rem;--qbo-margin-vertical:0.5rem;--qbo-focus-border-color:#80bdff;--qbo-focus-box-shadow:rgba(0, 123, 255, 0.25);--qbo-line-height:var(--qbo-line-height);--qbo-button-bg:#007bff;--qbo-button-border:#007bff;--qbo-button-bg-hover:#0056b3;--qbo-button-border-hover:#004085;--qbo-button-color:#ffffff;--qbo-button-padding:var(--qbo-padding);--qbo-button-border-radius:var(--qbo-border-radius);--qbo-nav-color:#333;--qbo-nav-background-color:#999;--qbo-nav-background-hover:#81181d;--qbo-nav-background-hover-color:#999;--qbo-primary-bg:#007bff;--qbo-primary-color:#ffffff;--qbo-primary-border:#007bff;--qbo-primary-hover-bg:#0056b3;--qbo-primary-hover-border:#004085;--qbo-secondary-bg:#6c757d;--qbo-secondary-color:#ffffff;--qbo-secondary-border:#6c757d;--qbo-secondary-hover-bg:#5a6268;--qbo-secondary-hover-border:#545b62;--qbo-success-bg:#28a745;--qbo-success-color:#ffffff;--qbo-success-border:#28a745;--qbo-success-hover-bg:#218838;--qbo-success-hover-border:#1e7e34;--qbo-danger-bg:#dc3545;--qbo-danger-color:#ffffff;--qbo-danger-border:#dc3545;--qbo-danger-hover-bg:#c82333;--qbo-danger-hover-border:#bd2130;--qbo-info-bg:#17a2b8;--qbo-info-color:#ffffff;--qbo-info-border:#17a2b8;--qbo-info-hover-bg:#138496;--qbo-info-hover-border:#117a8b;--qbo-light-bg:#f8f9fa;--qbo-light-color:#212529;--qbo-light-border:#f8f9fa;--qbo-light-hover-bg:#e2e6ea;--qbo-light-hover-border:#dae0e5;--qbo-dark-bg:#343a40;--qbo-dark-color:#ffffff;--qbo-dark-border:#343a40;--qbo-dark-hover-bg:#23272b;--qbo-dark-hover-border:#1d2124}.qbo-theme-dark{--qbo-color:#e0e0e0;--qbo-border-color:grey;--qbo-background-color:#121212;--qbo-nav-color:#000;--qbo-nav-background-color:#fff;--qbo-svg-filter:brightness(0) invert(1)}.qbo-theme-light{font-family:var(--qbo-font);color:var(--qbo-color);margin:0;background-color:var(--qbo-background-color)}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-card,.qbo-col{flex:1 0 0;max-width:100%;box-sizing:border-box}.qbo-col-1{flex:0 0 calc(8.33% - var(--qbo-margin)/ 2);max-width:calc(8.33% - var(--qbo-margin)/ 2)}.qbo-col-2{flex:0 0 calc(16.66% - var(--qbo-margin)/ 2);max-width:calc(16.66% - var(--qbo-margin)/ 2)}.qbo-col-3{flex:0 0 calc(25% - var(--qbo-margin)/ 2);max-width:calc(25% - var(--qbo-margin)/ 2)}.qbo-col-4{flex:0 0 calc(33.33% - var(--qbo-margin)/ 2);max-width:calc(33.33% - var(--qbo-margin)/ 2)}.qbo-col-5{flex:0 0 calc(41.66% - var(--qbo-margin)/ 2);max-width:calc(41.66% - var(--qbo-margin)/ 2)}.qbo-col-6{flex:0 0 calc(50% - var(--qbo-margin)/ 2);max-width:calc(50% - var(--qbo-margin)/ 2)}.qbo-col-7{flex:0 0 calc(58.33% - var(--qbo-margin)/ 2);max-width:calc(58.33% - var(--qbo-margin)/ 2)}.qbo-col-8{flex:0 0 calc(66.66% - var(--qbo-margin)/ 2);max-width:calc(66.66% - var(--qbo-margin)/ 2)}.qbo-col-9{flex:0 0 calc(75% - var(--qbo-margin)/ 2);max-width:calc(75% - var(--qbo-margin)/ 2)}.qbo-col-10{flex:0 0 calc(83.33% - var(--qbo-margin)/ 2);max-width:calc(83.33% - var(--qbo-margin)/ 2)}.qbo-col-11{flex:0 0 calc(91.66% - var(--qbo-margin)/ 2);max-width:calc(91.66% - var(--qbo-margin)/ 2)}.qbo-col-12{flex:0 0 calc(100% - var(--qbo-margin)/ 2);max-width:calc(100% - var(--qbo-margin)/ 2)}.qbo-card{border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-shadow:2px 2px 3px var(--qbo-border-color);padding:.5em;overflow:auto}.qbo-card-left{margin-left:.5em}.qbo-card-right{margin-right:.5em}svg{height:1rem;width:1rem}.qbo-form{margin:0 auto;padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal)}.qbo-form label{display:flex;flex-direction:column;font-size:.9rem;font-weight:100;color:var(--qbo-color);font-family:var(--qbo-font);margin-top:calc(var(--qbo-margin) * 1.5);margin-bottom:calc(var(--qbo-margin) * .25)}.qbo-form small{display:block;font-size:.8rem;color:color-mix(in srgb,var(--qbo-color) 60%,transparent)}.qbo-form input,.qbo-form select,.qbo-form textarea{width:100%;box-sizing:border-box;padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);font-size:1rem;line-height:1;color:var(--qbo-color);background-color:var(--qbo-background-color);background-clip:padding-box;border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-family:var(--qbo-font);margin-top:.1rem;margin-right:1rem}.qbo-form input[type=color]{width:3rem;height:calc(1.5em + .75rem + 0px);padding:.375rem;background-color:transparent;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none}.qbo-form input:focus,.qbo-form select:focus,.qbo-form textarea:focus{color:var(--qbo-color);border-color:var(--qbo-focus-border-color);outline:0;box-shadow:0 0 0 .2rem var(--qbo-focus-box-shadow)}.qbo-form input[disabled],.qbo-form select[disabled],.qbo-form textarea[disabled]{color:color-mix(in oklab,var(--qbo-color) 50%,var(--qbo-background-color));cursor:not-allowed;opacity:1}.qbo-form div{display:flex;align-items:center}.qbo-form div span{display:inline-flex;font-weight:100;align-items:center;padding:.375rem .75rem;font-size:1rem;text-align:center;white-space:nowrap;border-right:none;border-radius:.25rem 0 0 .25rem}.qbo-form div input,.qbo-form div select,.qbo-form div textarea{flex:1 1 auto;padding:.375rem .75rem;font-size:1rem;background-clip:padding-box;margin:0}.qbo-form .form-check{display:flex;align-items:center;margin-bottom:1rem}.qbo-form .form-check input[type=checkbox],.qbo-form .form-check input[type=radio]{width:auto;margin-right:.5rem}.qbo-form .form-check label{margin-bottom:0;font-weight:400;color:var(--qbo-color)}.qbo-button,button{display:inline-block;font-weight:400;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);font-size:1rem;line-height:var(--qbo-line-height);text-align:center;vertical-align:middle;cursor:pointer;margin-right:var(--qbo-margin);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.qbo-button:focus,.qbo-button:hover,button:focus,button:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:var(--qbo-line-height);border-radius:var(--qbo-border-radius);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.qbo-button:disabled,button:disabled{opacity:.65;cursor:not-allowed;background-color:var(--qbo-button-bg);border-color:var(--qbo-button-border);color:var(--qbo-button-color)}.primary{background-color:var(--qbo-primary-bg);border:1px solid var(--qbo-primary-border);color:var(--qbo-primary-color)}.primary:focus,.primary:hover{background-color:var(--qbo-primary-hover-bg);border:1px solid var(--qbo-primary-hover-border)}.secondary{background-color:var(--qbo-secondary-bg);border:1px solid var(--qbo-secondary-border);color:var(--qbo-secondary-color)}.secondary:focus,.secondary:hover{background-color:var(--qbo-secondary-hover-bg);border:1px solid var(--qbo-secondary-hover-border)}.icon{height:1rem;width:1rem;filter:var(--qbo-svg-filter)}.icon use{display:block}.icon.right{position:relative;padding-left:1.25rem;background-image:url("https://devqmp.quandis.io/core/ui/images/qbo-icons.svg#i-arrow-down-circle");background-repeat:no-repeat;background-position:left center}nav{--qbo-background-color:var(--qbo-nav-background-color, black);--qbo-color:var(--qbo-nav-color, white);--qbo-svg-filter:brightness(0) invert(1);display:flex;flex-direction:row;color:var(--qbo-nav-color,#fff);background-color:var(--qbo-nav-background-color,#000)}nav menu{list-style-type:none;padding-inline-start:20px;margin-block-start:0.5em;margin-block-end:0.5em}nav menu li{border:1px solid var(--qbo-nav-background-color,#000);cursor:pointer;display:inline-block;line-height:var(--qbo-line-height);padding:5px}nav menu li svg{filter:invert(0)!important}nav menu li:focus,nav menu li:hover{background-color:var(--qbo-nav-background-hover,grey);border:1px solid var(--qbo-nav-background-hover);border-radius:.5em;color:#fff;text-decoration:none}nav menu li:focus span>svg,nav menu li:focus>svg,nav menu li:hover span>svg,nav menu li:hover>svg{filter:var(--qbo-svg-filter)!important}nav>img{padding-inline-start:8px}nav>span{font-weight:700;margin-top:17px;padding-inline-start:10px}nav a{color:var(--qbo-color)}nav svg.label{vertical-align:text-top}nav svg.toggle{vertical-align:text-bottom}menu.qbo-toolbar{list-style-type:none;padding-left:0;display:flex;flex-direction:row;margin-right:var(--qbo-margin)}menu.qbo-toolbar>li{display:inline-block;margin-right:0;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);line-height:var(--qbo-line-height);cursor:pointer;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-decoration:none}menu.qbo-toolbar>li:first-child{border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius)}menu.qbo-toolbar>li:last-child{border-top-right-radius:var(--qbo-border-radius);border-bottom-right-radius:var(--qbo-border-radius)}menu.qbo-toolbar>li:focus,menu.qbo-toolbar>li:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:var(--qbo-line-height);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}menu.qbo-toolbar.vertical{flex-direction:column;align-items:flex-start}menu.qbo-toolbar.vertical li:first-child{border-top-right-radius:var(--qbo-border-radius);border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:0}menu.qbo-toolbar.vertical li:last-child{border-bottom-right-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius);border-top-right-radius:0}qbo-menu aside,qbo-menu menu{background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-sizing:border-box;height:auto;list-style-type:none;margin:0;padding-left:0;position:absolute;visibility:hidden}qbo-menu aside.open,qbo-menu menu.open{visibility:visible}qbo-menu aside{width:0;margin:var(--qbo-margin);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);padding-bottom:.6em;overflow-y:scroll;top:53px!important;width:100%;background-color:#f0f0f0;border:0;border-radius:0;border-bottom-left-radius:.7em;border-bottom-right-radius:.7em;color:var(--qbo-nav-color,#fff);height:auto;left:0;margin:0;overflow-y:auto}qbo-menu aside>h1{color:var(--qbo-color);margin-block-end:0;margin-left:1em}qbo-menu aside>p{color:var(--qbo-color);margin-block-start:0;margin-left:1.2em}qbo-menu li{display:list-item!important;padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);line-height:var(--qbo-line-height);text-align:left;white-space:nowrap;cursor:pointer;text-decoration:none}qbo-menu li:hover{background-color:var(--qbo-border-color)}qbo-menu menu li.disabled{color:#6c757d;pointer-events:none;background-color:transparent}qbo-menu menu .dropdown-divider{height:1px;margin:.5rem 0;overflow:hidden;background-color:#e9ecef}qbo-menu menu .dropdown-header{padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}qbo-popover{background-color:#f0f0f0;border:1px solid #81181d;border-radius:var(--qbo-border-radius);color:var(--qbo-color);margin:.6em 0 0 0;padding:0 1em 0 1em;position:absolute;visibility:hidden}qbo-popover h3{margin-block-end:0.5em;margin-block-start:0.5em}qbo-popover p{margin-block-start:0}qbo-popover.open{visibility:visible}details>a{margin-left:1.5em}div.qbo-row-subsequent{margin-top:.5em}h3.title{margin-block-end:0;margin-block-start:0.5em;margin-left:.5em}p.detail{margin-block-end:0.5em;margin-block-start:0;margin-left:.5em}div.qbo-col-noborder{border:0!important;box-shadow:initial}
|