archive/BookStackApp_BookStack
0
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-05-07 09:30:58 +00:00
Code Issues Projects Releases Wiki Activity

Updated tri-layout sidebars to not be cut-off by padding

Browse source 
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.
This commit is contained in:
Dan Brown 2022-05-14 13:55:03 +01:00
parent 35a47a273b
commit 78920d7d65
No known key found for this signature in database
GPG key ID: 46D9F943C24A2EF9
2 changed files with 4 additions and 4 deletions
resources
sass
_layout.scss
views/layouts
tri.blade.php

4
resources/sass/_layout.scss
View file

@ -295,9 +295,9 @@ body.flexbox {
} }
@include larger-than($xxl) { @include larger-than($xxl) {
.tri-layout-left-contents, .tri-layout-right-contents { .tri-layout-left-contents, .tri-layout-right-contents {
padding: $-m; padding: $-xl $-m;
position: sticky; position: sticky;
top: $-m; top: 0;
max-height: 100vh; max-height: 100vh;
min-height: 50vh; min-height: 50vh;
overflow-y: scroll; overflow-y: scroll;

4
resources/views/layouts/tri.blade.php
View file

@ -27,7 +27,7 @@
<div refs="tri-layout@container" class="tri-layout-container" @yield('container-attrs') > <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"> <aside class="tri-layout-left-contents">
@yield('left') @yield('left')
</aside> </aside>
@ -39,7 +39,7 @@
</div> </div>
</div> </div>
<div class="tri-layout-right print-hidden pt-m"> <div class="tri-layout-right print-hidden">
<aside class="tri-layout-right-contents"> <aside class="tri-layout-right-contents">
@yield('right') @yield('right')
</aside> </aside>