1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 01:36:22 +00:00

fixed disappear scrollbar

This commit is contained in:
Nguyễn Việt Hưng
2018-06-05 21:24:37 +07:00
parent 91a95b7c20
commit c6a9c9c57d
2 changed files with 29 additions and 2 deletions

View File

@@ -126,6 +126,21 @@ body p {
`
}
const scrollBarStyle = `
::-webkit-scrollbar-track {
border-radius: 10px;
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: rgba(0, 0, 0, 0.3);
}
`
const { shell } = require('electron')
const OSX = global.process.platform === 'darwin'
@@ -298,6 +313,9 @@ export default class MarkdownPreview extends React.Component {
<style id='style'></style>
<link rel="stylesheet" id="codeTheme">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
${scrollBarStyle}
</style>
`
CSS_FILES.forEach((file) => {

View File

@@ -15,6 +15,16 @@ body
font-weight 200
-webkit-font-smoothing antialiased
::-webkit-scrollbar-track
border-radius 10px
::-webkit-scrollbar
width 12px
::-webkit-scrollbar-thumb
box-shadow inset 0 0 6px rgba(0, 0, 0, 0.3)
background-color rgba(0, 0, 0, 0.3)
button, input, select, textarea
font-family DEFAULT_FONTS
@@ -85,7 +95,7 @@ modalBackColor = white
absolute top left bottom right
background-color modalBackColor
z-index modalZIndex + 1
body[data-theme="dark"]
.ModalBase
@@ -140,4 +150,3 @@ body[data-theme="monokai"]
background-color $ui-monokai-backgroundColor
.sortableItemHelper
color: $ui-monokai-text-color