Apply hover scrollbars to project internals

This commit is contained in:
2026-07-20 12:13:57 +08:00
parent d15ca2eb5f
commit a65012c1b3
2 changed files with 73 additions and 6 deletions

View File

@@ -373,6 +373,10 @@
.channel-list {
display: grid;
gap: 4px;
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: none;
scrollbar-color: color-mix(in srgb, var(--senlin-muted) 45%, transparent) transparent;
}
.channel-button {
@@ -567,34 +571,49 @@
.channel-sidebar:hover,
.stage:hover,
.inspector:hover {
.inspector:hover,
.channel-list:hover,
.inspector .arco-tabs-content:hover,
.property-list:hover {
scrollbar-width: thin;
}
.channel-sidebar::-webkit-scrollbar,
.stage::-webkit-scrollbar,
.inspector::-webkit-scrollbar {
.inspector::-webkit-scrollbar,
.channel-list::-webkit-scrollbar,
.inspector .arco-tabs-content::-webkit-scrollbar,
.property-list::-webkit-scrollbar {
width: 0;
height: 0;
}
.channel-sidebar:hover::-webkit-scrollbar,
.stage:hover::-webkit-scrollbar,
.inspector:hover::-webkit-scrollbar {
.inspector:hover::-webkit-scrollbar,
.channel-list:hover::-webkit-scrollbar,
.inspector .arco-tabs-content:hover::-webkit-scrollbar,
.property-list:hover::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.channel-sidebar::-webkit-scrollbar-thumb,
.stage::-webkit-scrollbar-thumb,
.inspector::-webkit-scrollbar-thumb {
.inspector::-webkit-scrollbar-thumb,
.channel-list::-webkit-scrollbar-thumb,
.inspector .arco-tabs-content::-webkit-scrollbar-thumb,
.property-list::-webkit-scrollbar-thumb {
border-radius: 999px;
background: color-mix(in srgb, var(--senlin-muted) 45%, transparent);
}
.channel-sidebar::-webkit-scrollbar-track,
.stage::-webkit-scrollbar-track,
.inspector::-webkit-scrollbar-track {
.inspector::-webkit-scrollbar-track,
.channel-list::-webkit-scrollbar-track,
.inspector .arco-tabs-content::-webkit-scrollbar-track,
.property-list::-webkit-scrollbar-track {
background: transparent;
}
@@ -602,6 +621,13 @@
margin-bottom: 12px;
}
.inspector .arco-tabs-content {
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: none;
scrollbar-color: color-mix(in srgb, var(--senlin-muted) 45%, transparent) transparent;
}
.discussion-panel {
display: grid;
}
@@ -653,6 +679,13 @@
width: 100%;
}
.property-list {
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: none;
scrollbar-color: color-mix(in srgb, var(--senlin-muted) 45%, transparent) transparent;
}
.property-row {
display: flex;
justify-content: space-between;