Mhamdans17 commited on
Commit
985e6aa
·
1 Parent(s): 0207dd7

fix: restore mobile sidebar wrapping

Browse files
Files changed (1) hide show
  1. 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;