@mohasinac/appkit 3.5.7 → 3.5.8
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 +11 -0
- package/dist/ui/components/Tabs.style.css +11 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -5868,6 +5868,15 @@
|
|
|
5868
5868
|
.appkit-tabs-list {
|
|
5869
5869
|
display: flex;
|
|
5870
5870
|
border-bottom: 1px solid var(--appkit-color-border);
|
|
5871
|
+
/* Consumers with many tabs (e.g. AdminSiteSettingsView's 17 groups) would
|
|
5872
|
+
otherwise overflow past the container with no way to reach the later
|
|
5873
|
+
triggers — found via Playwright driving a real browser at 1440px wide,
|
|
5874
|
+
where tabs 16-17 were positioned off-screen and unreachable even after
|
|
5875
|
+
scrollIntoViewIfNeeded(). Horizontal scroll keeps every tab reachable
|
|
5876
|
+
regardless of trigger count or viewport width. */
|
|
5877
|
+
overflow-x: auto;
|
|
5878
|
+
overflow-y: hidden;
|
|
5879
|
+
scrollbar-width: thin;
|
|
5871
5880
|
}
|
|
5872
5881
|
|
|
5873
5882
|
.appkit-tabs-trigger {
|
|
@@ -5877,6 +5886,8 @@
|
|
|
5877
5886
|
font-size: 0.875rem;
|
|
5878
5887
|
font-weight: 500;
|
|
5879
5888
|
transition: color 0.15s;
|
|
5889
|
+
white-space: nowrap;
|
|
5890
|
+
flex-shrink: 0;
|
|
5880
5891
|
}
|
|
5881
5892
|
.appkit-tabs-trigger[aria-selected="true"] {
|
|
5882
5893
|
border-color: var(--color-primary, #65a30d);
|
|
@@ -3,6 +3,15 @@
|
|
|
3
3
|
.appkit-tabs-list {
|
|
4
4
|
display: flex;
|
|
5
5
|
border-bottom: 1px solid var(--appkit-color-border);
|
|
6
|
+
/* Consumers with many tabs (e.g. AdminSiteSettingsView's 17 groups) would
|
|
7
|
+
otherwise overflow past the container with no way to reach the later
|
|
8
|
+
triggers — found via Playwright driving a real browser at 1440px wide,
|
|
9
|
+
where tabs 16-17 were positioned off-screen and unreachable even after
|
|
10
|
+
scrollIntoViewIfNeeded(). Horizontal scroll keeps every tab reachable
|
|
11
|
+
regardless of trigger count or viewport width. */
|
|
12
|
+
overflow-x: auto;
|
|
13
|
+
overflow-y: hidden;
|
|
14
|
+
scrollbar-width: thin;
|
|
6
15
|
}
|
|
7
16
|
|
|
8
17
|
.appkit-tabs-trigger {
|
|
@@ -12,6 +21,8 @@
|
|
|
12
21
|
font-size: 0.875rem;
|
|
13
22
|
font-weight: 500;
|
|
14
23
|
transition: color 0.15s;
|
|
24
|
+
white-space: nowrap;
|
|
25
|
+
flex-shrink: 0;
|
|
15
26
|
}
|
|
16
27
|
.appkit-tabs-trigger[aria-selected="true"] {
|
|
17
28
|
border-color: var(--color-primary, #65a30d);
|