diff --git a/src/less/core/normalize2.less b/src/less/core/normalize2.less index cb936708d..9ca67b7b7 100644 --- a/src/less/core/normalize2.less +++ b/src/less/core/normalize2.less @@ -15,6 +15,59 @@ p, padding: 0; } +html { + height: 100%; + overflow: hidden; +} + +body { + position: absolute; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + top: 0; + left: 0; + background-repeat: repeat; + .user-select-disable(); + color: @color-bi-text-normal; + font: normal 12px "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Heiti, "黑体", sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none; + -kthml-user-focus: normal; + -moz-user-focus: normal; + -moz-outline: 0 none; + outline: 0 none; +} + +div, textarea { + &::-webkit-scrollbar { + -webkit-appearance: none; + width: 10px; + height: 10px; + } + &::-webkit-scrollbar-track { + .border-radius(5px); + .background-color(@scroll-color, 5%); + &:hover { + .background-color(@scroll-color, 5%); + } + } + &::-webkit-scrollbar-thumb { + border: 2px solid transparent; + background-clip: padding-box; + .border-radius(10px); + .background-color(@scroll-color, 10%); + &:hover { + .background-color(@scroll-color, 30%); + } + } + &::-webkit-scrollbar-corner { + background-color: transparent; + } +} + a { outline: none; text-decoration: none; diff --git a/src/less/resource/app.less b/src/less/resource/app.less index a8d3f083c..ace45dfb5 100644 --- a/src/less/resource/app.less +++ b/src/less/resource/app.less @@ -1,58 +1,5 @@ @import "../index"; -html { - height: 100%; - overflow: hidden; -} - -body { - position: absolute; - width: 100%; - height: 100%; - margin: 0; - padding: 0; - top: 0; - left: 0; - background-repeat: repeat; - .user-select-disable(); - color: @color-bi-text-normal; - font: normal 12px "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Heiti, "黑体", sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-decoration: none; - -kthml-user-focus: normal; - -moz-user-focus: normal; - -moz-outline: 0 none; - outline: 0 none; -} - -div, textarea { - &::-webkit-scrollbar { - -webkit-appearance: none; - width: 10px; - height: 10px; - } - &::-webkit-scrollbar-track { - .border-radius(5px); - .background-color(@scroll-color, 5%); - &:hover { - .background-color(@scroll-color, 5%); - } - } - &::-webkit-scrollbar-thumb { - border: 2px solid transparent; - background-clip: padding-box; - .border-radius(10px); - .background-color(@scroll-color, 10%); - &:hover { - .background-color(@scroll-color, 30%); - } - } - &::-webkit-scrollbar-corner { - background-color: transparent; - } -} - .bi-theme-dark { div, textarea { &::-webkit-scrollbar {