@redseed/redseed-ui-tailwindcss 7.29.3 → 7.29.7
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.
|
@@ -64,9 +64,24 @@
|
|
|
64
64
|
@apply size-6 transform transition-transform;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
+
/**
|
|
68
|
+
* Visibility utilities must come BEFORE the shared styling rule below, because
|
|
69
|
+
* `not-sr-only` resets width/padding/margin to defaults. If the styling rule
|
|
70
|
+
* came first, `not-sr-only` would override `w-full`, `py-3`, `pl-5`, `pr-14`
|
|
71
|
+
* etc. on the native <select> and the mobile picker would render with OS
|
|
72
|
+
* defaults, overflowing tight flex layouts.
|
|
73
|
+
*/
|
|
74
|
+
.rsui-form-field-select select {
|
|
75
|
+
@apply sr-only;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.rsui-form-field-select--mobile select {
|
|
79
|
+
@apply not-sr-only;
|
|
80
|
+
}
|
|
81
|
+
|
|
67
82
|
.rsui-form-field-select__trigger,
|
|
68
83
|
.rsui-form-field-select--mobile select {
|
|
69
|
-
@apply block w-full border ring-0 bg-none cursor-pointer appearance-none transition;
|
|
84
|
+
@apply block w-full min-w-0 border ring-0 bg-none cursor-pointer appearance-none transition;
|
|
70
85
|
@apply py-3 pl-5 pr-14 truncate;
|
|
71
86
|
@apply text-base rounded-lg outline-hidden focus:outline-hidden;
|
|
72
87
|
@apply bg-background-primary text-text-primary placeholder-text-secondary border-border-primary;
|
|
@@ -82,14 +97,6 @@
|
|
|
82
97
|
@apply border-border-error ring-0;
|
|
83
98
|
}
|
|
84
99
|
|
|
85
|
-
.rsui-form-field-select select {
|
|
86
|
-
@apply sr-only;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.rsui-form-field-select--mobile select {
|
|
90
|
-
@apply not-sr-only;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
100
|
.rsui-form-field-select__live-region {
|
|
94
101
|
@apply sr-only;
|
|
95
102
|
}
|
package/components/modal.css
CHANGED
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
.rsui-modal__body {
|
|
61
|
-
@apply p-0 bg-background-primary relative
|
|
61
|
+
@apply p-0 bg-background-primary relative z-0;
|
|
62
62
|
-ms-overflow-style: none;
|
|
63
63
|
scrollbar-width: none;
|
|
64
64
|
}
|
|
@@ -85,3 +85,9 @@
|
|
|
85
85
|
.rsui-modal__footer--start {
|
|
86
86
|
@apply justify-start;
|
|
87
87
|
}
|
|
88
|
+
|
|
89
|
+
/* Below sm:, stacked footer buttons should fill the row for larger tap targets.
|
|
90
|
+
Excludes the --start variant where left-aligned full-width reads as a list. */
|
|
91
|
+
.rsui-modal__footer:not(.rsui-modal__footer--start) > .rsui-button-slot {
|
|
92
|
+
@apply w-full sm:w-fit;
|
|
93
|
+
}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
.rsui-page-header__title {
|
|
12
|
-
@apply pr-2 flex flex-row items-
|
|
12
|
+
@apply pr-2 flex flex-row items-start space-x-6;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.rsui-page-header__title h1 {
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.rsui-page-header__avatar {
|
|
60
|
-
@apply size-12 mr-3;
|
|
60
|
+
@apply shrink-0 size-12 mr-3;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
/* Profile variant — larger avatar, bottom-aligned text, inline subtitle */
|