@dreamlake/dockit 0.2.23 → 0.2.24
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/dist/styles.css +10 -6
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -388,13 +388,12 @@
|
|
|
388
388
|
}
|
|
389
389
|
.dockit-code-tabs-header {
|
|
390
390
|
background: var(--color-doc-template-bg);
|
|
391
|
-
box-shadow: inset 0 -1px var(--color-doc-template-faint);
|
|
392
391
|
min-height: 30px;
|
|
393
392
|
padding: 0 156px 0 12px;
|
|
394
393
|
}
|
|
395
394
|
.dockit-code-tabs-list { overflow-x: auto; min-height: 30px; gap: 2px; }
|
|
396
395
|
/* Raised file-tab geometry follows Studio's chat TabStrip. UIKit supplies the
|
|
397
|
-
compound primitives; the active
|
|
396
|
+
compound primitives; the active code-colored bottom edge opens the baseline. */
|
|
398
397
|
.dockit-code-tabs-list [role='tab'] {
|
|
399
398
|
margin: 0 1px;
|
|
400
399
|
padding: 3px 9px 4px;
|
|
@@ -403,10 +402,15 @@
|
|
|
403
402
|
background: transparent;
|
|
404
403
|
line-height: 18px;
|
|
405
404
|
}
|
|
405
|
+
.dockit-code-tabs-list [role='tab'][aria-selected='false']:hover {
|
|
406
|
+
border-color: var(--color-doc-template-faint);
|
|
407
|
+
color: var(--color-doc-template-ink);
|
|
408
|
+
}
|
|
406
409
|
.dockit-code-tabs-list [role='tab'][aria-selected='true'] {
|
|
410
|
+
z-index: 1;
|
|
407
411
|
border-color: var(--color-doc-template-faint);
|
|
408
|
-
border-bottom-color: var(--color-doc-template-
|
|
409
|
-
background: var(--color-doc-template-
|
|
412
|
+
border-bottom-color: var(--color-doc-template-code);
|
|
413
|
+
background: var(--color-doc-template-code);
|
|
410
414
|
}
|
|
411
415
|
.dockit-code-tabs-list [role='tab']:focus-visible,
|
|
412
416
|
.dockit-code-tabs [role='tabpanel']:focus-visible {
|
|
@@ -415,8 +419,8 @@
|
|
|
415
419
|
}
|
|
416
420
|
.dockit-code-tabs [role='tabpanel'] {
|
|
417
421
|
border: 1px solid var(--color-doc-template-faint);
|
|
418
|
-
|
|
419
|
-
border-radius:
|
|
422
|
+
margin-top: -1px;
|
|
423
|
+
border-radius: var(--radius-doc-template);
|
|
420
424
|
background: var(--color-doc-template-code);
|
|
421
425
|
}
|
|
422
426
|
.dockit-code-tabs [role='tabpanel'][hidden] { display: none; }
|
package/package.json
CHANGED