初始化提交
This commit is contained in:
180
common/css/scrollbar.css
Normal file
180
common/css/scrollbar.css
Normal file
@@ -0,0 +1,180 @@
|
||||
/* 全局滚动条样式 */
|
||||
|
||||
/* 设置滚动条宽高 */
|
||||
::-webkit-scrollbar,
|
||||
body ::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
/* 设置滚动条滑槽 */
|
||||
::-webkit-scrollbar-track,
|
||||
body ::-webkit-scrollbar-track {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/* 设置滚动条滑块 */
|
||||
::-webkit-scrollbar-thumb,
|
||||
body ::-webkit-scrollbar-thumb {
|
||||
background-color: #C3C1C1;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover,
|
||||
body ::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #AEB2AF;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:active,
|
||||
body ::-webkit-scrollbar-thumb:active {
|
||||
background-color: #989998;
|
||||
}
|
||||
|
||||
/* 设置滚动条滑块 */
|
||||
html[data-bs-theme=light] ::-webkit-scrollbar-thumb,
|
||||
html[data-bs-theme=light] body ::-webkit-scrollbar-thumb {
|
||||
background-color: #C3C1C1;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] ::-webkit-scrollbar-thumb:hover,
|
||||
html[data-bs-theme=light] body ::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #AEB2AF;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] ::-webkit-scrollbar-thumb:active,
|
||||
html[data-bs-theme=light] body ::-webkit-scrollbar-thumb:active {
|
||||
background-color: #989998;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] ::-webkit-scrollbar-thumb,
|
||||
html[data-bs-theme=dark] body ::-webkit-scrollbar-thumb {
|
||||
background-color: #989998;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] ::-webkit-scrollbar-thumb:hover,
|
||||
html[data-bs-theme=dark] body ::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #AEB2AF;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] ::-webkit-scrollbar-thumb:active,
|
||||
html[data-bs-theme=dark] body ::-webkit-scrollbar-thumb:active {
|
||||
background-color: #C3C1C1;
|
||||
}
|
||||
|
||||
/* 设置滚动条宽高 */
|
||||
.mixly-scrollbar ::-webkit-scrollbar,
|
||||
.mixly-scrollbar::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
/* 设置滚动条滑槽 */
|
||||
.mixly-scrollbar ::-webkit-scrollbar-track,
|
||||
.mixly-scrollbar::-webkit-scrollbar-track {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
/* 设置滚动条滑块 */
|
||||
html[data-bs-theme=light] .mixly-scrollbar ::-webkit-scrollbar-thumb,
|
||||
html[data-bs-theme=light] .mixly-scrollbar::-webkit-scrollbar-thumb {
|
||||
background-color: #C3C1C1;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] .mixly-scrollbar ::-webkit-scrollbar-thumb:hover,
|
||||
html[data-bs-theme=light] .mixly-scrollbar::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #AEB2AF;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] .mixly-scrollbar ::-webkit-scrollbar-thumb:active,
|
||||
html[data-bs-theme=light] .mixly-scrollbar::-webkit-scrollbar-thumb:active {
|
||||
background-color: #989998;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] .mixly-scrollbar ::-webkit-scrollbar-thumb,
|
||||
html[data-bs-theme=dark] .mixly-scrollbar::-webkit-scrollbar-thumb {
|
||||
background-color: #989998;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] .mixly-scrollbar ::-webkit-scrollbar-thumb:hover,
|
||||
html[data-bs-theme=dark] .mixly-scrollbar::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #AEB2AF;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] .mixly-scrollbar ::-webkit-scrollbar-thumb:active,
|
||||
html[data-bs-theme=dark] .mixly-scrollbar::-webkit-scrollbar-thumb:active {
|
||||
background-color: #C3C1C1;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] ::-webkit-resizer {
|
||||
background: url('../../common/media/resize-dark.png') no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] ::-webkit-resizer {
|
||||
background: url('../../common/media/resize-light.png') no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] ::-webkit-scrollbar-corner {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] ::-webkit-scrollbar-corner {
|
||||
background-color: #404041;
|
||||
}
|
||||
|
||||
|
||||
/* 修改Blockly工作区中滚动条样式 */
|
||||
|
||||
/* 设置滚动条宽高 */
|
||||
.blocklyDropDownDiv ::-webkit-scrollbar,
|
||||
.blocklyWidgetDiv ::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
/* 设置滚动条滑槽 */
|
||||
.blocklyDropDownDiv ::-webkit-scrollbar-track,
|
||||
.blocklyWidgetDiv ::-webkit-scrollbar-track {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
/* 设置滚动条滑块 */
|
||||
html[data-bs-theme=light] .blocklyDropDownDiv ::-webkit-scrollbar-thumb,
|
||||
html[data-bs-theme=light] .blocklyWidgetDiv ::-webkit-scrollbar-thumb {
|
||||
background-color: #C3C1C1;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] .blocklyDropDownDiv ::-webkit-scrollbar-thumb:hover,
|
||||
html[data-bs-theme=light] .blocklyWidgetDiv ::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #AEB2AF;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] .blocklyDropDownDiv ::-webkit-scrollbar-thumb:active,
|
||||
html[data-bs-theme=light] .blocklyWidgetDiv ::-webkit-scrollbar-thumb:active {
|
||||
background-color: #989998;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] .blocklyDropDownDiv ::-webkit-scrollbar-thumb,
|
||||
html[data-bs-theme=dark] .blocklyWidgetDiv ::-webkit-scrollbar-thumb {
|
||||
background-color: #989998;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] .blocklyDropDownDiv ::-webkit-scrollbar-thumb:hover,
|
||||
html[data-bs-theme=dark] .blocklyWidgetDiv ::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #AEB2AF;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] .blocklyDropDownDiv ::-webkit-scrollbar-thumb:active,
|
||||
html[data-bs-theme=dark] .blocklyWidgetDiv ::-webkit-scrollbar-thumb:active {
|
||||
background-color: #C3C1C1;
|
||||
}
|
||||
Reference in New Issue
Block a user