1145: Adjust header-v2 margin, container widths and aside layout.

itk-dev · Apr 10, 2024 · 8283768 · 8283768
1 parent b209e64
commit 8283768
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 11 deletions.
diff --git a/web/themes/custom/hoeringsportal/assets/css/_bootstrap-custom.scss b/web/themes/custom/hoeringsportal/assets/css/_bootstrap-custom.scss
@@ -1,11 +1,5 @@
 @use "sass:map";
 
-/* Set container max widths only on lg and xl to utilize more of the screen on small devices */
-$container-max-widths: (
-  lg: 960px,
-  xl: 1140px
-);
-
 /* stylelint-disable color-no-hex */
 $white: #fff;
 $gray-100: #f6f6f6;

diff --git a/web/themes/custom/hoeringsportal/assets/css/module/_header-v2.scss b/web/themes/custom/hoeringsportal/assets/css/module/_header-v2.scss
@@ -19,8 +19,8 @@
     @include media-breakpoint-up(md) {
       padding-top: $spacer * 5;
       padding-bottom: $spacer * 5;
-      margin-left: 5vw;
-      margin-right: 5vw;
+      margin-left: calc($spacer + 2vw);
+      margin-right: calc($spacer + 2vw);
       margin-top: -$spacer * 5;
     }
   }

diff --git a/web/themes/custom/hoeringsportal/templates/field/field--node--field-aside-block.html.twig b/web/themes/custom/hoeringsportal/templates/field/field--node--field-aside-block.html.twig
@@ -37,7 +37,7 @@
  */
 #}
 
-<div class="aside-block p-3">
+<div class="aside-block p-3 p-md-5">
   {% for item in items %}
     {% if item.content.field_department %}
       <div class="text-primary">

diff --git a/web/themes/custom/hoeringsportal/templates/layout/region--header.html.twig b/web/themes/custom/hoeringsportal/templates/layout/region--header.html.twig
@@ -13,7 +13,7 @@
  */
 #}
 <div class="d-flex flex-column sticky-top">
-  <nav class="navbar navbar-expand-md navbar-light bg-white">
+  <nav class="navbar navbar-expand-lg navbar-light bg-white">
     <div class="container">
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#block-navigation" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>

diff --git a/web/themes/custom/hoeringsportal/templates/node/node--project-main-page.html.twig b/web/themes/custom/hoeringsportal/templates/node/node--project-main-page.html.twig
@@ -30,7 +30,7 @@
     <div class="col-md-8">
       {{ content|without('field_project_image', 'field_short_description', 'field_aside_block', 'field_content_sections', 'published_at') }}
     </div>
-    <div class="offset-md-1 col-md-3">
+    <div class="col-md-4 pt-md-3">
       {{ content.field_aside_block }}
     </div>
   </div>