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%;

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

@ -36,19 +36,21 @@
%} %}
<div{{ attributes.addClass(classes) }}> <div{{ attributes.addClass(classes) }}>
<div class="banner-block__inner"> <div class="container">
{{ title_prefix }} <div class="banner-block__inner">
{% if label %} {{ title_prefix }}
<h2{{ title_attributes }}>{{ label }}</h2> {% if label %}
{% endif %} <h2{{ title_attributes }}>{{ label }}</h2>
{{ title_suffix }} {% endif %}
{% block content %} {{ title_suffix }}
<div class="banner-block__image"> {% block content %}
{{ content.field_media_image }} <div class="banner-block__image">
</div> {{ content.field_media_image }}
<div class="banner-block__content"> </div>
{{ content|without('field_media_image') }} <div class="banner-block__content">
</div> {{ content|without('field_media_image') }}
{% endblock %} </div>
{% endblock %}
</div>
</div> </div>
</div> </div>