highperfocused/grimoire
1
0
Fork 0
mirror of https://github.com/purrgrammer/grimoire.git synced 2026-04-11 16:07:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: use !important to override global scrollbar styles

Browse Source 
The global * selector's scrollbar-width: thin was overriding the
no-scrollbar utility due to CSS cascade order. Adding !important
ensures the utility always wins.

https://claude.ai/code/session_018RiPf74GNf2oWcoYNRoZyx
This commit is contained in:
Claude
2026-01-29 12:00:19 +00:00
parent a1300fff20
commit 20ced5975d
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/index.css
View File

@@ -303,24 +303,24 @@
========================================================================== */
@utility no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
-ms-overflow-style: none !important;
scrollbar-width: none !important;
&::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
display: none !important;
width: 0 !important;
height: 0 !important;
}
}
@utility hide-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
-ms-overflow-style: none !important;
scrollbar-width: none !important;
&::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
display: none !important;
width: 0 !important;
height: 0 !important;
}
}