vincentguillet/gameovergne-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance responsiveness of navigation and product CRUD components with CSS adjustments for better layout on small screens

Browse Source
This commit is contained in:
Vincent Guillet
2025-11-26 11:57:48 +01:00
parent 005bbcc678
commit 103e4c055d
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
client/src/app/components/main-navbar/main-navbar.component.css
View File

@@ -18,14 +18,16 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
flex: 0 1 auto; flex: 1 1 auto;
} }
.nav-actions { .nav-actions {
display: flex; display: flex;
gap: 0.5rem; gap: 0.5rem;
align-items: center; align-items: center;
flex: 0 0 auto; flex: 0 1 auto;
justify-content: flex-end;
flex-wrap: nowrap;
} }
.mat-menu-item mat-icon { .mat-menu-item mat-icon {
@@ -53,15 +55,17 @@
gap: 8px; gap: 8px;
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
}
button { .nav-actions button {
padding: 6px 8px; padding: 6px 8px;
font-size: 0.95rem; font-size: 0.95rem;
min-width: 0; min-width: 0;
} white-space: nowrap;
}
mat-icon { .nav-actions mat-icon {
font-size: 20px; font-size: 20px;
} line-height: 1;
} }
} }