Only flex if there are sidebars

Fixes #52
2020-05-18 23:08:28 +01:00 · 2020-05-18 23:08:28 +01:00 · 0f2a918492
parent bcabac9b21
commit 0f2a918492
1 changed files with 12 additions and 2 deletions
--- a/web/themes/custom/opdavies/templates/layout/page.html.twig
+++ b/web/themes/custom/opdavies/templates/layout/page.html.twig
@ -91,8 +91,18 @@
      <main role="main">
        <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}

-        <div class="md:flex -mx-4">
-          <div class="md:flex-1 p-4">
+        <div class="
+          -mx-4
+          {% if page.sidebar_first or page.sidebar_second %}
+            md:flex
+          {% endif %}
+        ">
+          <div class="
+            p-4
+            {% if page.sidebar_first or page.sidebar_second %}
+              md:flex-1
+            {% endif %}
+          ">
            {{ page.content }}
          </div>{# /.layout-content #}