0d1de78799
* 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>
167 lines
2.8 KiB
SCSS
167 lines
2.8 KiB
SCSS
|
|
@media (max-width: 1219px) {
|
|
body{
|
|
|
|
.md-grid {
|
|
padding: 2rem;
|
|
}
|
|
.md-grid .md-content{
|
|
padding: 4rem;
|
|
}
|
|
.md-footer-container,
|
|
.md-footer-custom-links{
|
|
padding: 2rem;
|
|
}
|
|
|
|
.md-typeset h1,
|
|
h1 {
|
|
font-size: 3rem;
|
|
}
|
|
|
|
.md-typeset h2,
|
|
h2 {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1199px) and (min-width: 769px) {
|
|
body{
|
|
.satag--home-landing .satag--home-companies{
|
|
padding: 4rem 6rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: 959px) {
|
|
html, body {
|
|
overflow-x: hidden;
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
label.md-header__button.md-icon:last-of-type{
|
|
svg{
|
|
display: none;
|
|
}
|
|
&:after {
|
|
content: "\f002";
|
|
font-family: 'Font Awesome 6 Pro', sans-serif;
|
|
font-weight: 100;
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
|
|
body{
|
|
|
|
.md-nav__link {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.satag--padding-container{
|
|
padding: 4rem 2rem;
|
|
}
|
|
|
|
.satag--home-companies{
|
|
padding: 4rem 3rem;
|
|
width: 100vw !important;
|
|
left: 50% !important;
|
|
right: 50% !important;
|
|
margin-left: -50vw !important;
|
|
margin-right: -50vw !important;
|
|
|
|
|
|
.satag--home-companies-logo--container{
|
|
.satag--home-companies-logo{
|
|
img {
|
|
float: none !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.md-button{
|
|
padding: 1em 2.3em !important;
|
|
margin-bottom: 1em;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
// 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;
|
|
}
|
|
}
|