mw/agent0_homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix/64 logo navi fehlt bei mobile ansicht auf ipad bspw quer (#3)

Browse Source 
* Update .gitignore to include custom.css.map

Added a reference to custom.css.map to prevent it from being tracked by Git. This helps avoid committing autogenerated files and keeps the repository clean.

* Fix layout issues for iPad and tablet landscape view

Updated responsive styles to ensure proper visibility and alignment of header elements and navigation on devices with widths between 768px and 1220px. Adjusted logo, spacing, font sizes, and layout to improve usability and appearance. Disabled the hamburger menu to avoid conflicts in this viewport range.

* Fix layout issues for iPad and tablet landscape view

Updated responsive styles to ensure proper visibility and alignment of header elements and navigation on devices with widths between 768px and 1220px. Adjusted logo, spacing, font sizes, and layout to improve usability and appearance. Disabled the hamburger menu to avoid conflicts in this viewport range.

* Add workflow_dispatch trigger to preview workflows

Enable manual execution for preview deployment workflows by adding the `workflow_dispatch` trigger. This allows users to start the workflows manually when necessary, improving flexibility and control.

* Set default font to "Assistant" in base.scss

Removed an unnecessary comment and ensured the root uses "Assistant" as the default font. This improves code clarity while maintaining consistent styling.

---------

Co-authored-by: Tim Friedrich Weber <tfw@satware.com>
This commit is contained in:
Tim
2025-05-22 13:13:53 +02:00
committed by GitHub
co-authored by tfw
parent 30a2317966
commit 0d1de78799
5 changed files with 75 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
overrides/assets/css/modules/base.scss
-1
View File
@@ -4,7 +4,6 @@ html {
font-size: 100% !important;
}
// Schriftart auf "Assistant" setzen
:root {
--md-text-font: "Assistant";
--md-code-font: "Assistant";
overrides/assets/css/responsive/medium.scss
+71 -1
View File
@@ -50,7 +50,7 @@
}
&:after {
content: "\f002";
font-family: 'Font Awesome 6 Pro';
font-family: 'Font Awesome 6 Pro', sans-serif;
font-weight: 100;
font-size: 1rem;
}
@@ -94,3 +94,73 @@
}
// Fix for iPad and tablet devices in landscape orientation
@media (min-width: 768px) and (max-width: 1220px) {
// Ensure logo is visible
.md-header__button.md-logo {
display: block !important;
visibility: visible !important;
}
.md-header__mobile-logo{
display: none !important;
}
// Make sure navigation elements remain visible
.md-header-nav,
.md-header__inner,
.md-tabs,
.md-header__title,
.md-tabs__list {
display: flex !important;
visibility: visible !important;
}
.md-header{
.md-grid{
padding: 0 6rem !important;
width: 100% !important;
}
}
// Ensure proper layout and spacing
.md-header__inner {
justify-content: space-between;
padding: 0 0.2rem;
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
// Make navigation width match content width
.md-tabs {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
// Adjust font sizes for better fit in this viewport range
.md-header__title {
font-size: 0.9rem;
}
.md-tabs__link {
font-size: 0.7rem;
padding: 0.5rem 0.5rem 0.5rem 0;
}
.md-header__button.md-logo {
padding: 2.2rem 0;
}
// Hide hamburger menu for this range to prevent conflicts
.md-header__button[for="__drawer"] {
display: none !important;
}
body .md-grid .md-content {
padding: 0 4rem;
}
}