@redseed/redseed-ui-tailwindcss 7.36.0 → 7.39.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/components/drawer.css +16 -0
- package/components/section_header.css +22 -2
- package/package.json +1 -1
package/components/drawer.css
CHANGED
|
@@ -41,6 +41,22 @@
|
|
|
41
41
|
transform: translateX(-100%);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
+
.rsui-drawer__resize-handle {
|
|
45
|
+
@apply absolute top-0 bottom-0 left-0 z-2 w-1.5 cursor-col-resize;
|
|
46
|
+
@apply hover:bg-border-secondary focus-visible:bg-border-secondary outline-none transition-colors;
|
|
47
|
+
touch-action: none;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/* Inner edge sits on the right for a left-anchored drawer. */
|
|
51
|
+
.rsui-drawer__panel--left .rsui-drawer__resize-handle {
|
|
52
|
+
@apply left-auto right-0;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/* Suppress the slide transition while actively dragging. */
|
|
56
|
+
.rsui-drawer__panel--resizing {
|
|
57
|
+
transition: none !important;
|
|
58
|
+
}
|
|
59
|
+
|
|
44
60
|
.rsui-drawer__close-icon {
|
|
45
61
|
@apply absolute top-3 right-3 z-2 size-10 cursor-pointer rounded-lg flex items-center justify-center;
|
|
46
62
|
@apply text-text-secondary hover:text-text-primary hover:bg-border-secondary transition duration-200;
|
|
@@ -27,14 +27,34 @@
|
|
|
27
27
|
@apply flex items-center gap-space-xs;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
/* Narrow sections: let the badge wrap onto the line below the title. */
|
|
31
|
+
.rsui-section-header__title--stacked {
|
|
32
|
+
@apply flex-wrap;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.rsui-section-header__title--stacked .rsui-section-header__title-text {
|
|
36
|
+
@apply basis-full;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.rsui-section-header__title--stacked .rsui-section-header__badge {
|
|
40
|
+
@apply ml-0;
|
|
41
|
+
}
|
|
42
|
+
|
|
30
43
|
.rsui-section-header__title-text {
|
|
31
44
|
@apply text-2xl font-bold line-clamp-2 md:line-clamp-1 text-text-primary;
|
|
32
45
|
/* Reset heading UA margins so an <h1>-<h6> title matches the previous <div> */
|
|
33
|
-
|
|
46
|
+
/* flex-1 + min-w-0 lets the title take available space and truncate first, */
|
|
47
|
+
/* so the badge keeps its size instead of being squished/clipped. */
|
|
48
|
+
@apply m-0 flex-1 min-w-0;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/* Opt out of truncation: let the full title wrap onto as many lines as needed. */
|
|
52
|
+
.rsui-section-header__title-text--no-clamp {
|
|
53
|
+
@apply line-clamp-none md:line-clamp-none;
|
|
34
54
|
}
|
|
35
55
|
|
|
36
56
|
.rsui-section-header__badge {
|
|
37
|
-
@apply ml-space-xs flex items-center;
|
|
57
|
+
@apply ml-space-xs flex items-center shrink-0;
|
|
38
58
|
}
|
|
39
59
|
|
|
40
60
|
.rsui-section-header__subtitle {
|