@redseed/redseed-ui-tailwindcss 7.36.0 → 7.38.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.
|
@@ -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 {
|