diff --git a/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css b/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css index 0092255..47903c8 100644 --- a/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css +++ b/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css @@ -152,26 +152,74 @@ div.app-moduleactions a.dropdown-toggle, div.app-moduleactions div.dropdown-menu } @media (max-width: 767.98px) { - /* Dynamische Schriftgröße im Dropdown-Menü */ .app-menu .nav-item a { - font-size: clamp(10px, 3vw, 20px); /* Dynamische, begrenzte Schriftgröße */ - + font-size: clamp(9px, 3vw, 13px); /* Dynamische, begrenzte Schriftgröße */ } .app-menu-toggler { position: fixed; top: 1.5rem; /* Abstand von oben */ - right: 4rem; /* Abstand von rechts */ - + left: 17rem; /* Abstand von rechts */ } + .app-menu { position: fixed; right: 1rem; - margin-top: 3.5rem; + 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) { + + /* Dynamische Schriftgröße im Dropdown-Menü */ + .app-menu .nav-item a { + font-size: clamp(9px, 3vw, 13px); /* Dynamische, begrenzte Schriftgröße */ + } + + .app-menu-toggler { + position: fixed; + top: 1.5rem; /* Abstand von oben */ + right: 2.75rem; /* Abstand von rechts */ + left: auto; + } + + .app-menu { + position: fixed; + right: 1rem; + margin-top: 5.25rem; width: 25%; background-color: grey; - } .navbar {