firefrost-gaming/firefrost-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show sidebar inline on mobile instead of hiding it

Browse Source 
Previous approach (display:none) broke Contents tab navigation.
New approach: Keep sidebar visible but make it flow inline with content.

Sidebar now appears as full-width content block on mobile.
Both Contents and Media tabs should work properly.
This commit is contained in:
Claude
2026-04-07 22:29:35 +00:00
parent f4ae815cdf
commit afb16e83a7
1 changed files with 3 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
admin/index.html
View File

@@ -22,24 +22,17 @@
═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
/* Sidebar - HIDDEN by default on mobile */
/* Sidebar - Show in main content area on mobile (not hidden) */
aside,
[class*="Sidebar"],
nav[class*="Sidebar"] {
display: none !important;
}
/* BUT show sidebar content in main area when Contents tab is active */
[class*="App-content"].active aside,
[class*="App-content"].active [class*="Sidebar"],
.contents-active aside,
.contents-active [class*="Sidebar"] {
display: block !important;
position: static !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
border: none !important;
margin: 0 !important;
padding: 12px !important;
}
/* Main content takes full width */