You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.5 KiB
70 lines
1.5 KiB
/* Popover 弹出框(图标选择器) |
|
------------------------------- */ |
|
.icon-selector-popper { |
|
padding: 0 !important; |
|
.icon-selector-warp { |
|
height: 260px; |
|
overflow: hidden; |
|
.icon-selector-warp-title { |
|
height: 40px; |
|
line-height: 40px; |
|
padding: 0 15px; |
|
.icon-selector-warp-title-tab { |
|
span { |
|
cursor: pointer; |
|
&:hover { |
|
color: var(--el-color-primary); |
|
text-decoration: underline; |
|
} |
|
} |
|
.span-active { |
|
color: var(--el-color-primary); |
|
text-decoration: underline; |
|
} |
|
} |
|
} |
|
.icon-selector-warp-row { |
|
height: 230px; |
|
overflow: hidden; |
|
border-top: var(--el-border-base); |
|
.el-row { |
|
padding: 15px; |
|
} |
|
.el-scrollbar__bar.is-horizontal { |
|
display: none; |
|
} |
|
.icon-selector-warp-item { |
|
display: flex; |
|
border: var(--el-border-base); |
|
padding: 5px; |
|
border-radius: 5px; |
|
margin-bottom: 10px; |
|
.icon-selector-warp-item-value { |
|
i { |
|
font-size: 20px; |
|
color: var(--el-text-color-regular); |
|
} |
|
} |
|
&:hover { |
|
cursor: pointer; |
|
background-color: var(--el-color-primary-light-9); |
|
border: 1px solid var(--el-color-primary-light-6); |
|
.icon-selector-warp-item-value { |
|
i { |
|
color: var(--el-color-primary); |
|
} |
|
} |
|
} |
|
} |
|
.icon-selector-active { |
|
background-color: var(--el-color-primary-light-9); |
|
border: 1px solid var(--el-color-primary-light-6); |
|
.icon-selector-warp-item-value { |
|
i { |
|
color: var(--el-color-primary); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
}
|
|
|