nicecode-v2/packages/biz/src/boxSelectTree/components/boxPanel/index.less

94 lines
1.5 KiB
Plaintext

.zhst-biz-box-select-tree-panel {
&-search {
display: flex;
align-items: center;
padding: 0 12px;
&-input {
flex: 1;
margin-right: 4px;
}
&-btns {
flex: none;
}
}
&-btns {
padding: 6px 12px;
display: flex;
justify-content: space-between;
&-common {
flex: 1;
padding: 4px 8px;
}
&-import {
padding: 4px 8px;
}
&-divider {
margin: 8px 0;
}
}
&-tags {
position: relative;
height: 100%;
margin-top: 6px;
padding: 12px;
font-size: 0;
border-top: 1px solid #09f;
border-bottom: 1px solid #09f;
&-tag {
margin-right: 6px;
font-weight: bold;
font-size: 14px;
transition:.3s ease all;
&_common{
margin-bottom: 6px;
display: inline-block;
margin-right: 6px;
padding: 6px;
font-size: 12px;
cursor: pointer;
background-color: #f6f6f6;
transition: .3s ease all;
border-radius: 3px;
box-sizing: content-box;
&:hover {
color: #09f;
background-color: rgba(0, 0, 0, 6%);
}
}
&_checked {
color: #09f;
background-color: #edf8ff;
}
&_fz12 {
font-size: 12px;
}
&_option {
display: inline-block;
}
&_absolute {
position: absolute;
top: 12px;
right: 0;
}
}
}
&-tree {
padding: 6px 0;
}
}