github-mirror/BookStack
github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-03-13 05:45:26 +08:00
Code Issues Actions 4 Packages 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 #5396
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

4
resources/sass/_mixins.scss
View File

@ -3,10 +3,10 @@
@media screen and (max-width: $size) { @content; }
}
@mixin larger-than($size) {
@media screen and (min-width: $size) { @content; }
@media screen and (min-width: ($size + 1)) { @content; }
}
@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.