Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

fix: Fix white space on left side when scrollbar is present (#2548)

Browse Source
This commit is contained in:
Paweł Kuna
2025-11-26 19:30:27 +01:00
committed by GitHub
parent 2dc7edae36
commit e206d7a908
3 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/fix-white-space-scrollbar.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fixed white space on left side when scrollbar is present by replacing `margin-inline-start: calc(100vw - 100%)` with `scrollbar-gutter: stable` on `html` element, with `overflow-y: scroll` fallback for unsupported browsers.

8
core/scss/layout/_core.scss
View File

@@ -1,5 +1,13 @@
@use 'sass:map'; @use 'sass:map';
html {
scrollbar-gutter: stable;
@supports not (scrollbar-gutter: stable) {
overflow-y: scroll;
}
}
// stylelint-disable property-no-vendor-prefix // stylelint-disable property-no-vendor-prefix
body { body {
letter-spacing: $body-letter-spacing; letter-spacing: $body-letter-spacing;

5
core/scss/layout/_root.scss
View File

@@ -2,11 +2,6 @@
:host { :host {
font-size: 16px; font-size: 16px;
height: 100%; height: 100%;
@include media-breakpoint-up(lg) {
margin-inline-start: calc(100vw - 100%);
margin-inline-end: 0;
}
} }
:root, :root,