Remove scrollbar-gutter: stable to fix the gap right of the navbar (#3037)

Closes #3009
This commit is contained in:
Bartosz-Do authored and GitHub committed 2026-09-12 18:05:23 +02:00
1 parent 1dbabb5c0b
commit 127c56b2ae
3 files changed
+7 -9

No files matched your search

@@ -0,0 +1,6 @@
---
"@tabler/core": patch
"@tabler/docs": patch
---
Fixed the empty gutter to the right of the navbar on non-scrolling pages by dropping `scrollbar-gutter: stable` from `html`.
-8
View File
@@ -2,14 +2,6 @@
@use '../config' as *;
html {
scrollbar-gutter: stable;
@supports not (scrollbar-gutter: stable) {
overflow-y: scroll;
}
}
// stylelint-disable property-no-vendor-prefix
body {
position: relative;
+1 -1
View File
@@ -273,7 +273,7 @@ These changes are not breaking, but they change how a page looks. Check your scr
- **Links**: in dark mode, links use a lighter tint of the primary color, so they meet the 4.5:1 contrast ratio on dark surfaces. Override `--tblr-link-color` to change it.
- **Sizes**: `.form-control`, `.btn` and `.input-group` now agree on `sm` and `lg` sizes, `.btn-icon` is square, and `.icon-sm` uses a `1.5` stroke width.
- **Cards**: `--tblr-card-header-bg` and `--tblr-card-footer-bg` can be set on their own, and the card status bar is `3px`.
- **Layout**: `scrollbar-gutter: stable` on `html` removes the white gap next to the scrollbar.
- **Layout**: the `margin-inline-start: calc(100vw - 100%)` hack on the root element is gone, so there is no white gap on the left when a scrollbar is present.
- **Trending**: the component uses the `arrow-up` and `arrow-down` icons instead of `trending-up` and `trending-down`.
## RTL