From bb4e263974d7cf88986f334df83ef3a52079a500 Mon Sep 17 00:00:00 2001
From: "michael.danielczok" <michael@pcsg.de>
Date: Sun, 19 Dec 2021 22:31:46 +0100
Subject: [PATCH] refactor: Spacing for large screen increased.
---
bin/css/style.css | 4 ++--
layout/leftSidebar.html | 14 +++++++-------
layout/noSidebar.html | 6 +++---
layout/noSidebarThin.html | 6 +++---
layout/productLandingPage.html | 6 +++---
layout/rightSidebar.html | 12 ++++++------
layout/startPage.html | 6 +++---
tailwind/tailwind.style.css | 2 +-
template/page.html | 4 ++--
9 files changed, 30 insertions(+), 30 deletions(-)
diff --git a/bin/css/style.css b/bin/css/style.css
index 51b50e6..c5bcf1b 100644
--- a/bin/css/style.css
+++ b/bin/css/style.css
@@ -618,8 +618,8 @@ body {
.content-body,
.content-template {
- margin-top: 2rem;
- margin-bottom: 2rem;
+ margin-top: 4rem;
+ margin-bottom: 4rem;
}
/***********/
diff --git a/layout/leftSidebar.html b/layout/leftSidebar.html
index db2e9c1..c7f4f79 100644
--- a/layout/leftSidebar.html
+++ b/layout/leftSidebar.html
@@ -3,13 +3,13 @@
{assign var=prefixContentBricks value=$BricksManager->getBricksByArea('contentPrefix', $Site)}
{assign var=suffixContentBricks value=$BricksManager->getBricksByArea('contentSuffix', $Site)}
-<main class="container main-left-sidebar block md:flex flex-row-reverse">
- <div class="page-multiple-right page-multiple-content w-full md:w-3/4 pl-0 md:pl-4" role="main">
+<main class="container main-left-sidebar block md:flex flex-row-reverse ">
+ <div class="page-multiple-right page-multiple-content w-full md:w-3/4 pl-0 md:pl-4 lg:pl-8" role="main">
{if !empty( $prefixContentBricks )}
{foreach from=$prefixContentBricks item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper my-8">
+ <div class="brick-wrapper my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle')}
<h1 class="brick-title">
{$Brick->getAttribute('frontendTitle')}
@@ -25,7 +25,7 @@
<div role="main" class="main-container clearfix">
{if $titleAndShortPos == 'page' && ($pageTitle || $pageShort)}
- <div class="main-header my-8">
+ <div class="main-header my-8 lg:my-16">
{if $pageTitle}
<h1 class="main-header-title">{$Site->getAttribute('title')}</h1>
{/if}
@@ -45,7 +45,7 @@
{if !empty( $suffixContentBricks )}
{foreach from=$suffixContentBricks item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper my-8">
+ <div class="brick-wrapper my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle')}
<h1 class="brick-title">{$Brick->getAttribute('frontendTitle')}</h1>
{/if}
@@ -58,11 +58,11 @@
{/if}
</div>
- <div class="page-multiple-left page-multiple-sidebar w-full md:w-1/4 pr-0 md:pr-4">
+ <div class="page-multiple-left page-multiple-sidebar w-full md:w-1/4 pr-0 md:pr-4 lg:pr-8">
<div class="page-multiple-sidebar-wrapper">
{foreach from=$leftSideBar item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper brick-rightSidebar my-8">
+ <div class="brick-wrapper brick-rightSidebar my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle') &&
$Brick->getType() != 'QUI\Bricks\Controls\Children\Listing'
}
diff --git a/layout/noSidebar.html b/layout/noSidebar.html
index 1b9d4fb..1ef4b19 100644
--- a/layout/noSidebar.html
+++ b/layout/noSidebar.html
@@ -6,7 +6,7 @@
{if !empty( $prefixContentBricks )}
{foreach from=$prefixContentBricks item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper my-8">
+ <div class="brick-wrapper my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle')}
<h1 class="brick-title">
{$Brick->getAttribute('frontendTitle')}
@@ -22,7 +22,7 @@
<div role="main" class="main-container clearfix">
{if $titleAndShortPos == 'page' && ($pageTitle || $pageShort)}
- <div class="main-header my-8">
+ <div class="main-header my-8 lg:my-16">
{if $pageTitle}
<h1 class="main-header-title">{$Site->getAttribute('title')}</h1>
{/if}
@@ -41,7 +41,7 @@
{if !empty( $suffixContentBricks )}
{foreach from=$suffixContentBricks item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper my-8">
+ <div class="brick-wrapper my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle')}
<h1 class="brick-title">{$Brick->getAttribute('frontendTitle')}</h1>
{/if}
diff --git a/layout/noSidebarThin.html b/layout/noSidebarThin.html
index a5577dd..5ac9686 100644
--- a/layout/noSidebarThin.html
+++ b/layout/noSidebarThin.html
@@ -6,7 +6,7 @@
{if !empty( $prefixContentBricks )}
{foreach from=$prefixContentBricks item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper my-8">
+ <div class="brick-wrapper my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle')}
<h1 class="brick-title">
{$Brick->getAttribute('frontendTitle')}
@@ -22,7 +22,7 @@
<div role="main" class="main-container clearfix">
{if $titleAndShortPos == 'page' && ($pageTitle || $pageShort)}
- <div class="main-header my-8">
+ <div class="main-header my-8 lg:my-16">
{if $pageTitle}
<h1 class="main-header-title">{$Site->getAttribute('title')}</h1>
{/if}
@@ -41,7 +41,7 @@
{if !empty( $suffixContentBricks )}
{foreach from=$suffixContentBricks item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper my-8">
+ <div class="brick-wrapper my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle')}
<h1 class="brick-title">{$Brick->getAttribute('frontendTitle')}</h1>
{/if}
diff --git a/layout/productLandingPage.html b/layout/productLandingPage.html
index 4a9a06e..e19a1fb 100644
--- a/layout/productLandingPage.html
+++ b/layout/productLandingPage.html
@@ -6,7 +6,7 @@
{if !empty( $prefixContentBricks )}
{foreach from=$prefixContentBricks item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper my-8">
+ <div class="brick-wrapper my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle')}
<h1 class="brick-title">
{$Brick->getAttribute('frontendTitle')}
@@ -22,7 +22,7 @@
<div role="main" class="main-container clearfix">
{if $titleAndShortPos == 'page' && ($pageTitle || $pageShort)}
- <div class="main-header my-8">
+ <div class="main-header my-8 lg:my-16">
{if $pageTitle}
<h1 class="main-header-title">{$Site->getAttribute('title')}</h1>
{/if}
@@ -41,7 +41,7 @@
{if !empty( $suffixContentBricks )}
{foreach from=$suffixContentBricks item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper my-8">
+ <div class="brick-wrapper my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle')}
<h1 class="brick-title">{$Brick->getAttribute('frontendTitle')}</h1>
{/if}
diff --git a/layout/rightSidebar.html b/layout/rightSidebar.html
index b34dee1..1c7cf45 100644
--- a/layout/rightSidebar.html
+++ b/layout/rightSidebar.html
@@ -4,12 +4,12 @@
{assign var=suffixContentBricks value=$BricksManager->getBricksByArea('contentSuffix', $Site)}
<main class="container main-right-sidebar block md:flex">
- <div class="page-multiple-left page-multiple-content w-full md:w-3/4 pr-0 md:pr-4" role="main">
+ <div class="page-multiple-left page-multiple-content w-full md:w-3/4 pr-0 md:pr-4 lg:pr-8" role="main">
{if !empty( $prefixContentBricks )}
{foreach from=$prefixContentBricks item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper my-8">
+ <div class="brick-wrapper my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle')}
<h1 class="brick-title">
{$Brick->getAttribute('frontendTitle')}
@@ -25,7 +25,7 @@
<div role="main" class="main-container clearfix">
{if $titleAndShortPos == 'page' && ($pageTitle || $pageShort)}
- <div class="main-header my-8">
+ <div class="main-header my-8 lg:my-16">
{if $pageTitle}
<h1 class="main-header-title">{$Site->getAttribute('title')}</h1>
{/if}
@@ -45,7 +45,7 @@
{if !empty( $suffixContentBricks )}
{foreach from=$suffixContentBricks item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper my-8">
+ <div class="brick-wrapper my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle')}
<h1 class="brick-title">{$Brick->getAttribute('frontendTitle')}</h1>
{/if}
@@ -58,11 +58,11 @@
{/if}
</div>
- <div class="page-multiple-right page-multiple-sidebar w-full md:w-1/4 pl-0 md:pl-4">
+ <div class="page-multiple-right page-multiple-sidebar w-full md:w-1/4 pl-0 md:pl-4 lg:pl-8">
<div class="page-multiple-sidebar-wrapper">
{foreach from=$rightSideBar item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper brick-rightSidebar my-8">
+ <div class="brick-wrapper brick-rightSidebar my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle') &&
$Brick->getType() != 'QUI\Bricks\Controls\Children\Listing'
}
diff --git a/layout/startPage.html b/layout/startPage.html
index 8a1297b..edf39bd 100644
--- a/layout/startPage.html
+++ b/layout/startPage.html
@@ -6,7 +6,7 @@
{if !empty( $prefixContentBricks )}
{foreach from=$prefixContentBricks item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper my-8">
+ <div class="brick-wrapper my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle')}
<h1 class="brick-title">
{$Brick->getAttribute('frontendTitle')}
@@ -22,7 +22,7 @@
<div role="main" class="main-container clearfix">
{if $titleAndShortPos == 'page' && ($pageTitle || $pageShort)}
- <div class="main-header my-8">
+ <div class="main-header my-8 lg:my-16">
{if $pageTitle}
<h1 class="main-header-title">{$Site->getAttribute('title')}</h1>
{/if}
@@ -41,7 +41,7 @@
{if !empty( $suffixContentBricks )}
{foreach from=$suffixContentBricks item=Brick}
<section class="brick-id-{$Brick->getAttribute('id')}">
- <div class="brick-wrapper my-8">
+ <div class="brick-wrapper my-8 lg:my-16">
{if $Brick->getAttribute('frontendTitle')}
<h1 class="brick-title">{$Brick->getAttribute('frontendTitle')}</h1>
{/if}
diff --git a/tailwind/tailwind.style.css b/tailwind/tailwind.style.css
index 0992f5a..3f76bc8 100644
--- a/tailwind/tailwind.style.css
+++ b/tailwind/tailwind.style.css
@@ -79,7 +79,7 @@ body {
.content-body,
.content-template {
- @apply my-8;
+ @apply my-16;
}
/***********/
diff --git a/template/page.html b/template/page.html
index 8eec4b9..b01cc1f 100644
--- a/template/page.html
+++ b/template/page.html
@@ -32,7 +32,7 @@
{assign var=fullWidth value='force-full-width px-0'}
{/if}
- {assign var=margin value="my-8"}
+ {assign var=margin value="my-8 lg:my-16"}
{if $Brick->getSetting('general.noSpacing')}
{assign var=margin value="my-0"}
{/if}
@@ -56,7 +56,7 @@
{assign var=brickFullWidth value='force-full-width px-0'}
{/if}
- {assign var=margin value="my-8"}
+ {assign var=margin value="my-8 lg:my-16"}
{if $Brick->getSetting('general.noSpacing')}
{assign var=margin value="my-0"}
{/if}
--
GitLab