Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #3397532 by finnsky, smustgrave, markconroy: Fix Umami container max-width when toolbar or navigation expanded

merge-requests/6241/merge
nod_ 2024-02-27 17:27:24 +01:00
parent f4167b86b8
commit 16b96ada26
No known key found for this signature in database
GPG Key ID: 76624892606FA197
3 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
core/profiles/demo_umami/themes/umami/css/components/blocks/banner/banner.css
View File

@ -50,7 +50,6 @@
.banner-block__inner { .banner-block__inner {
display: flex; display: flex;
align-items: center; align-items: center;
max-width: 1200px;
min-height: 54vw; min-height: 54vw;
margin: auto; margin: auto;
padding: 0 4%; padding: 0 4%;

3
core/profiles/demo_umami/themes/umami/css/layout/layout.css
View File

@ -7,9 +7,10 @@
*/ */
.container { .container {
max-width: 1200px; max-width: min(calc(100vw - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px) - 2rem), 1200px);
margin: auto; margin: auto;
} }
/* Add responsive side gutters to the outer layout container 'main' at smaller sizes */ /* Add responsive side gutters to the outer layout container 'main' at smaller sizes */
.main { .main {
padding: 0 4%; padding: 0 4%;

2
core/profiles/demo_umami/themes/umami/templates/components/banner-block/block--bundle--banner-block.html.twig
View File

@ -36,6 +36,7 @@
%} %}
<div{{ attributes.addClass(classes) }}> <div{{ attributes.addClass(classes) }}>
<div class="container">
<div class="banner-block__inner"> <div class="banner-block__inner">
{{ title_prefix }} {{ title_prefix }}
{% if label %} {% if label %}
@ -52,3 +53,4 @@
{% endblock %} {% endblock %}
</div> </div>
</div> </div>
</div>