Spaces:
Running
Running
Mhamdans17 commited on
Commit ·
985e6aa
1
Parent(s): 0207dd7
fix: restore mobile sidebar wrapping
Browse files- src/index.css +12 -2
src/index.css
CHANGED
|
@@ -56,14 +56,22 @@ h1, h2, h3, .font-headline { font-family: var(--font-headline); }
|
|
| 56 |
to { transform: rotate(360deg); }
|
| 57 |
}
|
| 58 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 59 |
/* ============ TABLET RESPONSIVE (≤1024px) ============ */
|
| 60 |
|
| 61 |
/* --- Sidebar collapse to icon-only on tablet --- */
|
| 62 |
@media (max-width: 1024px) {
|
| 63 |
.sidebar-full { width: 84px !important; padding: 16px 8px !important; }
|
| 64 |
.sidebar-full .sidebar-brand-text { display: none; }
|
| 65 |
-
.sidebar-full nav button { flex-direction: column !important; justify-content: center !important; padding: 12px 4px !important; gap: 6px !important; }
|
| 66 |
-
.sidebar-full .sidebar-label { display: block !important; font-size: 10px !important; text-align: center; line-height: 1.2; letter-spacing: 0 !important; white-space: normal; }
|
| 67 |
.sidebar-full .sidebar-logout span:last-child { display: block !important; font-size: 10px !important; letter-spacing: 0 !important; }
|
| 68 |
.sidebar-full .sidebar-logout { flex-direction: column !important; justify-content: center !important; padding: 12px 4px !important; gap: 6px !important; }
|
| 69 |
|
|
@@ -124,6 +132,8 @@ h1, h2, h3, .font-headline { font-family: var(--font-headline); }
|
|
| 124 |
display: block !important;
|
| 125 |
font-size: 10px !important;
|
| 126 |
white-space: normal !important;
|
|
|
|
|
|
|
| 127 |
line-height: 1.1 !important;
|
| 128 |
text-align: center !important;
|
| 129 |
letter-spacing: 0 !important;
|
|
|
|
| 56 |
to { transform: rotate(360deg); }
|
| 57 |
}
|
| 58 |
|
| 59 |
+
.sidebar-label {
|
| 60 |
+
flex: 1;
|
| 61 |
+
text-align: left;
|
| 62 |
+
white-space: nowrap;
|
| 63 |
+
overflow: hidden;
|
| 64 |
+
text-overflow: ellipsis;
|
| 65 |
+
}
|
| 66 |
+
|
| 67 |
/* ============ TABLET RESPONSIVE (≤1024px) ============ */
|
| 68 |
|
| 69 |
/* --- Sidebar collapse to icon-only on tablet --- */
|
| 70 |
@media (max-width: 1024px) {
|
| 71 |
.sidebar-full { width: 84px !important; padding: 16px 8px !important; }
|
| 72 |
.sidebar-full .sidebar-brand-text { display: none; }
|
| 73 |
+
.sidebar-full nav button { flex-direction: column !important; justify-content: center !important; padding: 12px 4px !important; gap: 6px !important; text-align: center !important; }
|
| 74 |
+
.sidebar-full .sidebar-label { display: block !important; font-size: 10px !important; text-align: center !important; line-height: 1.2 !important; letter-spacing: 0 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
|
| 75 |
.sidebar-full .sidebar-logout span:last-child { display: block !important; font-size: 10px !important; letter-spacing: 0 !important; }
|
| 76 |
.sidebar-full .sidebar-logout { flex-direction: column !important; justify-content: center !important; padding: 12px 4px !important; gap: 6px !important; }
|
| 77 |
|
|
|
|
| 132 |
display: block !important;
|
| 133 |
font-size: 10px !important;
|
| 134 |
white-space: normal !important;
|
| 135 |
+
overflow: visible !important;
|
| 136 |
+
text-overflow: clip !important;
|
| 137 |
line-height: 1.1 !important;
|
| 138 |
text-align: center !important;
|
| 139 |
letter-spacing: 0 !important;
|