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

Styles: Fixed breakpoint overlap

Browse source 
Alters common breakpoint utilities to not overlap at breakpoints which
would cause broken layout at those points.
For
This commit is contained in:
Dan Brown 2025-02-23 11:19:11 +00:00
parent 35b45a2b8d
commit 5c78f8352e
No known key found for this signature in database
GPG key ID: 46D9F943C24A2EF9
2 changed files with 3 additions and 3 deletions
resources
js/components
tri-layout.js
sass
_mixins.scss

2
resources/js/components/tri-layout.js
View file

@ -27,7 +27,7 @@ export class TriLayout extends Component {
updateLayout() { updateLayout() {
let newLayout = 'tablet'; let newLayout = 'tablet';
if (window.innerWidth <= 1000) newLayout = 'mobile'; if (window.innerWidth <= 1000) newLayout = 'mobile';
if (window.innerWidth >= 1400) newLayout = 'desktop'; if (window.innerWidth > 1400) newLayout = 'desktop';
if (newLayout === this.lastLayoutType) return; if (newLayout === this.lastLayoutType) return;
if (this.onDestroy) { if (this.onDestroy) {

4
resources/sass/_mixins.scss
View file

@ -3,10 +3,10 @@
@media screen and (max-width: $size) { @content; } @media screen and (max-width: $size) { @content; }
} }
@mixin larger-than($size) { @mixin larger-than($size) {
@media screen and (min-width: $size) { @content; } @media screen and (min-width: ($size + 1)) { @content; }
} }
@mixin between($min, $max) { @mixin between($min, $max) {
@media screen and (min-width: $min) and (max-width: $max) { @content; } @media screen and (min-width: ($min + 1)) and (max-width: $max) { @content; }
} }
// Padding shorthand using logical operators to better support RTL. // Padding shorthand using logical operators to better support RTL.