Diplomarbeit-Absolventenverein/Theme.SZUAbsolventenverein
6
0
Fork 0
Code Issues 3 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Mobile optimierung fast fertig login/register umbruch wurde gemacht wegen fehler bei nothing phone

Browse Source
This commit is contained in:
Adam Gaiswinkler
2025-11-09 11:01:53 +01:00
parent 578817b947
commit 6422be328f
3 changed files with 15 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css
View File

@ -13,7 +13,7 @@ body {
}
.table .form-control {
background-color: #ffffff !important;
background-color: #ffffff !important;
border-width: 0.5px !important;
border-bottom-color: #ccc !important;
color: #000 !important;
@ -151,60 +151,14 @@ div.app-moduleactions a.dropdown-toggle, div.app-moduleactions div.dropdown-menu
}
}
@media (max-width: 767.98px) {
/* Dynamische Schriftgr<67><72>e im Dropdown-Men<65> */
.app-menu .nav-item a {
font-size: clamp(9px, 3vw, 13px); /* Dynamische, begrenzte Schriftgr<67><72>e */
}
.app-menu-toggler {
position: fixed;
top: 1.5rem; /* Abstand von oben */
left: 17rem; /* Abstand von rechts */
}
.app-menu {
position: fixed;
right: 1rem;
margin-top: 2rem;
width: 25%;
background-color: grey;
}
.navbar {
position: fixed;
width: 100%;
}
.controls {
height: 60px;
top: 15px;
position: fixed;
top: 0px;
width: 100%;
background-color: grey;
}
.controls-group {
float: right;
margin-right: 25px;
}
.content {
position: relative;
top: 60px;
}
.app-search:active, .app-search:hover {
min-height: 60px;
}
}@media (max-width: 504px) {
@media (max-width: 767px) {
/* Dynamische Schriftgr<67><72>e im Dropdown-Men<65> */
.app-menu .nav-item a {
font-size: clamp(9px, 3vw, 13px); /* Dynamische, begrenzte Schriftgr<67><72>e */
font-size: clamp(3px, 3vw, 13px); /* Dynamische, begrenzte Schriftgr<67><72>e */
}
.app-menu-toggler {
@ -249,4 +203,13 @@ div.app-moduleactions a.dropdown-toggle, div.app-moduleactions div.dropdown-menu
.app-search:active, .app-search:hover {
min-height: 60px;
}
}
.navbar > .d-flex:nth-of-type(3) {
order: 2;
flex-basis: 100%;
}
.navbar > .d-flex:nth-of-type(2) {
order: 3;
}
}