From 78920d7d6555fbb1a06b83a9f72ecab64d1cae9d Mon Sep 17 00:00:00 2001
From: Dan Brown <ssddanbrown@googlemail.com>
Date: Sat, 14 May 2022 13:55:03 +0100
Subject: [PATCH] Updated tri-layout sidebars to not be cut-off by padding
Would cause effect where scroll area would be cut of by spacing which
looked a bit strange. This retains the same padding sizes but cuts the
content at the header or top of viewport.
---
resources/sass/_layout.scss | 4 ++--
resources/views/layouts/tri.blade.php | 4 ++--
2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/resources/sass/_layout.scss b/resources/sass/_layout.scss
index b1c80cb53..375f36d0f 100644
--- a/resources/sass/_layout.scss
+++ b/resources/sass/_layout.scss
@@ -295,9 +295,9 @@ body.flexbox {
}
@include larger-than($xxl) {
.tri-layout-left-contents, .tri-layout-right-contents {
- padding: $-m;
+ padding: $-xl $-m;
position: sticky;
- top: $-m;
+ top: 0;
max-height: 100vh;
min-height: 50vh;
overflow-y: scroll;
diff --git a/resources/views/layouts/tri.blade.php b/resources/views/layouts/tri.blade.php
index e95b21445..4571f4471 100644
--- a/resources/views/layouts/tri.blade.php
+++ b/resources/views/layouts/tri.blade.php
@@ -27,7 +27,7 @@
<div refs="tri-layout@container" class="tri-layout-container" @yield('container-attrs') >
- <div class="tri-layout-left print-hidden pt-m" id="sidebar">
+ <div class="tri-layout-left print-hidden" id="sidebar">
<aside class="tri-layout-left-contents">
@yield('left')
</aside>
@@ -39,7 +39,7 @@
</div>
</div>
- <div class="tri-layout-right print-hidden pt-m">
+ <div class="tri-layout-right print-hidden">
<aside class="tri-layout-right-contents">
@yield('right')
</aside>