admin/mixly3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update: 更新滚动条样式

Browse Source
This commit is contained in:
王立帮
2024-09-24 11:43:31 +08:00
parent 20b8c50046
commit 830b636bef
2 changed files with 49 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
common/css/blockly.css
View File

@@ -22,7 +22,40 @@
.blocklyTreeLabel {
font-size: 17px;
}
}
.blocklyScrollbarHandle {
rx: 2;
ry: 2;
}
.classic-theme .blocklyScrollbarHandle {
fill: #C3C1C1;
}
.classic-theme .blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.classic-theme .blocklyScrollbarHandle:hover {
fill: #AEB2AF;
}
.classic-theme .blocklyScrollbarBackground:active+.blocklyScrollbarHandle,
.classic-theme .blocklyScrollbarHandle:active {
fill: #989998 !important;
}
.dark-theme .blocklyScrollbarHandle {
fill: #989998;
}
.dark-theme .blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.dark-theme .blocklyScrollbarHandle:hover {
fill: #AEB2AF;
}
.dark-theme .blocklyScrollbarBackground:active+.blocklyScrollbarHandle,
.dark-theme .blocklyScrollbarHandle:active {
fill: #C3C1C1 !important;
}
.injectionDiv.classic-theme .blocklyTreeRow .blocklyTreeLabel,
.injectionDiv.dark-theme .blocklyTreeRow.blocklyTreeSelected .blocklyTreeLabel {

30
common/css/scrollbar.css
View File

@@ -11,14 +11,14 @@ body ::-webkit-scrollbar {
::-webkit-scrollbar-track,
body ::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 2px;
border-radius: 1px;
}
/* 设置滚动条滑块 */
::-webkit-scrollbar-thumb,
body ::-webkit-scrollbar-thumb {
background-color: #C3C1C1;
border-radius: 2px;
border-radius: 1px;
}
::-webkit-scrollbar-thumb:hover,
@@ -35,7 +35,7 @@ body ::-webkit-scrollbar-thumb:active {
html[data-bs-theme=light] ::-webkit-scrollbar-thumb,
html[data-bs-theme=light] body ::-webkit-scrollbar-thumb {
background-color: #C3C1C1;
border-radius: 2px;
border-radius: 1px;
}
html[data-bs-theme=light] ::-webkit-scrollbar-thumb:hover,
@@ -50,18 +50,18 @@ html[data-bs-theme=light] body ::-webkit-scrollbar-thumb:active {
html[data-bs-theme=dark] ::-webkit-scrollbar-thumb,
html[data-bs-theme=dark] body ::-webkit-scrollbar-thumb {
background-color: #989998;
border-radius: 2px;
background-color: #5F5F5F;
border-radius: 1px;
}
html[data-bs-theme=dark] ::-webkit-scrollbar-thumb:hover,
html[data-bs-theme=dark] body ::-webkit-scrollbar-thumb:hover {
background-color: #AEB2AF;
background-color: #787878;
}
html[data-bs-theme=dark] ::-webkit-scrollbar-thumb:active,
html[data-bs-theme=dark] body ::-webkit-scrollbar-thumb:active {
background-color: #C3C1C1;
background-color: #989998;
}
/* 设置滚动条宽高 */
@@ -97,18 +97,18 @@ html[data-bs-theme=light] .mixly-scrollbar::-webkit-scrollbar-thumb:active {
html[data-bs-theme=dark] .mixly-scrollbar ::-webkit-scrollbar-thumb,
html[data-bs-theme=dark] .mixly-scrollbar::-webkit-scrollbar-thumb {
background-color: #989998;
background-color: #5F5F5F;
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;
background-color: #787878;
}
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;
background-color: #989998;
}
html[data-bs-theme=light] ::-webkit-resizer {
@@ -150,7 +150,7 @@ html[data-bs-theme=dark] ::-webkit-scrollbar-corner {
html[data-bs-theme=light] .blocklyDropDownDiv ::-webkit-scrollbar-thumb,
html[data-bs-theme=light] .blocklyWidgetDiv ::-webkit-scrollbar-thumb {
background-color: #C3C1C1;
border-radius: 4px;
border-radius: 1px;
}
html[data-bs-theme=light] .blocklyDropDownDiv ::-webkit-scrollbar-thumb:hover,
@@ -165,16 +165,16 @@ html[data-bs-theme=light] .blocklyWidgetDiv ::-webkit-scrollbar-thumb:active {
html[data-bs-theme=dark] .blocklyDropDownDiv ::-webkit-scrollbar-thumb,
html[data-bs-theme=dark] .blocklyWidgetDiv ::-webkit-scrollbar-thumb {
background-color: #989998;
border-radius: 4px;
background-color: #5F5F5F;
border-radius: 1px;
}
html[data-bs-theme=dark] .blocklyDropDownDiv ::-webkit-scrollbar-thumb:hover,
html[data-bs-theme=dark] .blocklyWidgetDiv ::-webkit-scrollbar-thumb:hover {
background-color: #AEB2AF;
background-color: #787878;
}
html[data-bs-theme=dark] .blocklyDropDownDiv ::-webkit-scrollbar-thumb:active,
html[data-bs-theme=dark] .blocklyWidgetDiv ::-webkit-scrollbar-thumb:active {
background-color: #C3C1C1;
background-color: #989998;
}