| | |
| | | transition: background 0.2s; |
| | | |
| | | &:hover { |
| | | background: rgba(64, 158, 255, 0.3); |
| | | background: rgba(13, 148, 136, 0.3); |
| | | } |
| | | |
| | | |
| | | &.active { |
| | | background: rgba(64, 158, 255, 0.5); |
| | | background: rgba(13, 148, 136, 0.5); |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | .collapse-button { |
| | | font-size: 20px; |
| | | color: #909399; |
| | | color: var(--lims-text-3); |
| | | cursor: pointer; |
| | | padding: 4px; |
| | | border-radius: 4px; |
| | | transition: all 0.2s; |
| | | |
| | | &:hover { |
| | | color: #409eff; |
| | | background: #ecf5ff; |
| | | color: var(--el-color-primary); |
| | | background: var(--el-color-primary-light-9); |
| | | } |
| | | } |
| | | |
| | |
| | | .tree-title { |
| | | font-size: 13px; |
| | | font-weight: 600; |
| | | color: #303133; |
| | | color: var(--lims-text); |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | display: flex; |
| | |
| | | gap: 5px; |
| | | |
| | | .el-icon { |
| | | color: #409eff; |
| | | color: var(--el-color-primary); |
| | | font-size: 16px; |
| | | } |
| | | } |
| | |
| | | |
| | | .tree-action-icon { |
| | | font-size: 20px; |
| | | color: #909399; |
| | | color: var(--lims-text-3); |
| | | cursor: pointer; |
| | | padding: 4px; |
| | | border-radius: 4px; |
| | | transition: all 0.2s; |
| | | |
| | | &:hover { |
| | | color: #409eff; |
| | | background: #ecf5ff; |
| | | color: var(--el-color-primary); |
| | | background: var(--el-color-primary-light-9); |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | &::-webkit-scrollbar-thumb { |
| | | background: #dcdfe6; |
| | | background: var(--el-border-color); |
| | | border-radius: 4px; |
| | | |
| | | &:hover { |
| | | background: #c0c4cc; |
| | | background: var(--el-text-color-placeholder); |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | :deep(.el-tree-node.is-current > .el-tree-node__content) { |
| | | background: #e6f0fd; |
| | | color: #409eff; |
| | | background: var(--sidebar-active-bg); |
| | | color: var(--el-color-primary); |
| | | font-weight: 600; |
| | | |
| | | .node-icon { |
| | | color: #409eff !important; |
| | | color: var(--el-color-primary) !important; |
| | | } |
| | | } |
| | | } |