kgess-mirror/standardnotes-app
1
0
Fork 0
mirror of https://github.com/standardnotes/app.git synced 2026-01-16 23:01:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 7

chore: fix scrollbars (#2875) [skip e2e]

Browse source
This commit is contained in:
Aman Harwara 2024-05-04 13:23:57 +05:30 • committed by GitHub
parent 1368001333
commit f2f523c94c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
packages/styles/src/Styles/_scrollbar.scss
View file

@ -6,7 +6,7 @@
$thumb-width: 4px;
::-webkit-scrollbar {
width: 17px;
width: 14px;
height: 18px;
border-left: none;
}
@ -42,13 +42,10 @@
}
}
}
}
body:not(.chromium),
.mac-desktop {
scrollbar-width: thin;
}
.windows-web,
.windows-desktop {
.md\:hover\:overflow-y-auto {
scrollbar-gutter: stable;
}
scrollbar-color: var(--sn-stylekit-scrollbar-thumb-color) transparent;
}

4
packages/web/src/javascripts/Components/ApplicationGroupView/ApplicationGroupView.tsx
View file

@ -6,6 +6,7 @@ import { WebOrDesktopDevice } from '@/Application/Device/WebOrDesktopDevice'
import { ApplicationGroupEvent, ApplicationGroupEventData, DeinitSource } from '@standardnotes/snjs'
import { getPlatformString, isDesktopApplication } from '@/Utils'
import DeallocateHandler from '../DeallocateHandler/DeallocateHandler'
import { IS_CHROME } from '../../Constants/Constants'
type Props = {
server: string
@ -77,6 +78,9 @@ class ApplicationGroupView extends Component<Props, State> {
if (!document.body.classList.contains(platformString)) {
document.body.classList.add(platformString)
}
if (IS_CHROME) {
document.body.classList.add('chromium')
}
}
deinit() {

4
packages/web/src/javascripts/Components/ContentListView/ContentList.tsx
View file

@ -82,8 +82,8 @@ const ContentList: FunctionComponent<Props> = ({ application, items, selectedUui
<div
className={classNames(
'infinite-scroll overflow-y-auto overflow-x-hidden focus:shadow-none focus:outline-none',
'md:max-h-full md:overflow-y-hidden md:hover:overflow-y-auto pointer-coarse:md:overflow-y-auto',
'flex-grow pb-2 md:hover:[overflow-y:_overlay]',
'md:max-h-full pointer-coarse:md:overflow-y-auto',
'flex-grow pb-2',
)}
id={ElementIds.ContentList}
onScroll={onScroll}

2
packages/web/src/javascripts/Constants/Constants.ts
View file

@ -30,6 +30,8 @@ export const SMART_TAGS_FEATURE_NAME = 'Smart Tags'
export const SYNC_TIMEOUT_DEBOUNCE = 350
export const SYNC_TIMEOUT_NO_DEBOUNCE = 100
export const IS_CHROME: boolean = /^(?=.*Chrome).*/i.test(navigator.userAgent)
type EditorMetadata = {
icon: IconType
subtleIcon?: IconType