rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Overlay scroll bar styles

Browse Source
This commit is contained in:
Mo Bitar
2018-10-25 14:22:28 -05:00
parent 2664ccfcec
commit f6e62ddddc
3 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/app/_notes.scss
View File

@@ -92,6 +92,7 @@
overflow-y: hidden; overflow-y: hidden;
&:hover { &:hover {
overflow-y: scroll; overflow-y: scroll;
overflow-y: overlay; // overlay is not supported on ff, so keep previous statement up
} }
} }
} }

2
app/assets/stylesheets/app/_scrollbars.scss
View File

@@ -14,7 +14,7 @@
height: 6px; height: 6px;
border: $thumb-width solid rgba(0, 0, 0, 0); border: $thumb-width solid rgba(0, 0, 0, 0);
background-clip: padding-box; background-clip: padding-box;
-webkit-border-radius: 7px; -webkit-border-radius: 10px;
background-color: $thumb-color; background-color: $thumb-color;
-webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
} }

1
app/assets/stylesheets/app/_tags.scss
View File

@@ -42,6 +42,7 @@
overflow-y: hidden; overflow-y: hidden;
&:hover { &:hover {
overflow-y: scroll; overflow-y: scroll;
overflow-y: overlay; // overlay is not supported on ff, so keep previous statement up
} }
} }