hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-11-23 22:12:44 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Fixed native scrollbars in Chrome 121 (#4491)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2024-02-01 19:20:54 +03:00 committed by GitHub
parent f3a07f976d
commit 6101ee62be
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/theme/styles/_layouts.scss
View File

@ -924,9 +924,17 @@ a.no-line {
.overflow-x-auto { overflow-x: auto; } .overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; } .overflow-y-auto { overflow-y: auto; }
.overflow-x-auto,
.overflow-y-auto { scrollbar-width: thin; }
.whitespace-nowrap { white-space: nowrap; } .whitespace-nowrap { white-space: nowrap; }
/* Scrollbars */ /* Scrollbars */
.scroll-m-0,
.scroll-m-10,
.scroll-bg-accent-color,
.scroll-divider-color { scrollbar-width: thin; }
.scroll-m-0::-webkit-scrollbar-track { margin: 0; } .scroll-m-0::-webkit-scrollbar-track { margin: 0; }
.scroll-m-10::-webkit-scrollbar-track { margin: 2.5rem; } .scroll-m-10::-webkit-scrollbar-track { margin: 2.5rem; }
@ -960,6 +968,7 @@ a.no-line {
.background-primary-color { background-color: var(--primary-button-default); } .background-primary-color { background-color: var(--primary-button-default); }
.background-content-accent-color { background-color: var(--accent-color); } .background-content-accent-color { background-color: var(--accent-color); }
.background-comp-header-color { background-color: var(--theme-comp-header-color) !important; } .background-comp-header-color { background-color: var(--theme-comp-header-color) !important; }
.background-navpanel-color { background-color: var(--theme-navpanel-color) !important; }
.content-trans-color { color: var(--theme-trans-color); } .content-trans-color { color: var(--theme-trans-color); }
.content-darker-color { color: var(--theme-darker-color); } .content-darker-color { color: var(--theme-darker-color); }

2
packages/theme/styles/global.scss
View File

@ -71,7 +71,7 @@
* { * {
box-sizing: border-box; box-sizing: border-box;
touch-action: manipulation; touch-action: manipulation;
scrollbar-color: var(--theme-comp-header-color) var(--theme-back-color); scrollbar-color: var(--theme-navpanel-divider) transparent;
scrollbar-width: none; scrollbar-width: none;
--body-font-size: .875rem; --body-font-size: .875rem;
--status-bar-height: 36px; --status-bar-height: 36px;

3
packages/theme/styles/popups.scss
View File

@ -167,6 +167,7 @@
height: max-content; height: max-content;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
scrollbar-width: thin;
&::-webkit-scrollbar { width: 0; } &::-webkit-scrollbar { width: 0; }
.box { .box {
@ -330,6 +331,8 @@
min-height: 0; min-height: 0;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
scrollbar-width: thin;
&::-webkit-scrollbar-track { margin: 0; } &::-webkit-scrollbar-track { margin: 0; }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-bar-color); background-color: var(--scrollbar-bar-color);

1
packages/ui/src/components/ScrollBox.svelte
View File

@ -50,6 +50,7 @@
overflow-y: hidden; overflow-y: hidden;
margin-right: 0; margin-right: 0;
margin-bottom: -0.75rem; margin-bottom: -0.75rem;
scrollbar-width: thin;
.box { .box {
position: absolute; position: absolute;