muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 21:06:42 +07:00
Code Packages Activity Actions

better scrollbars

Browse source
This commit is contained in:
Fedor Katurov 2019-11-03 21:38:15 +07:00
parent 0c2229d9af
commit e6fd658039
5 changed files with 65 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/containers/dialogs/BetterScrollDialog/index.tsx
View file

@ -9,7 +9,7 @@ import React, {
} from 'react';
// import { DialogPanel } from '~/components/panels/DialogPanel';
import classNames from 'classnames';
import { Scroll } from '~/components/containers/Scroll';
import Scroll from 'react-scrollbars-custom';
import * as styles from './styles.scss';
import { enableBodyScroll, disableBodyScroll } from 'body-scroll-lock';
import { Icon } from '~/components/input/Icon';

2
src/redux/modal/reducer.ts
View file

@ -10,7 +10,7 @@ export interface IModalState {
const INITIAL_STATE: IModalState = {
is_shown: false,
dialog: DIALOGS.LOGIN,
dialog: DIALOGS.TEST,
};
export default createReducer(INITIAL_STATE, MODAL_HANDLERS);

42
src/styles/global.scss
View file

@ -86,3 +86,45 @@ body {
:global(h2) {
font: $font_24_bold;
}
::-webkit-scrollbar {
width: 18px;
height: 18px;
}
::-webkit-scrollbar-button {
width: 0;
height: 0;
}
::-webkit-scrollbar-thumb {
background: #999999;
border: 4px solid $content_bg;
border-radius: 12px;
}
::-webkit-scrollbar-thumb:hover {
background: lighten(#999999, 4%);
}
::-webkit-scrollbar-thumb:active {
background: lighten(#999999, 8%);
}
::-webkit-scrollbar-track {
background: $content_bg;
border: 0px none #ffffff;
border-radius: 50px;
}
// ::-webkit-scrollbar-track:hover {
// background: #666666;
// }
//
// ::-webkit-scrollbar-track:active {
// background: #333333;
// }
::-webkit-scrollbar-corner {
background: transparent;
}