Files
vxe-table/styles/toolbar.scss
xuliangzhan 0cfaa48441 update
2019-07-01 18:43:55 +08:00

84 lines
1.6 KiB
SCSS

/**Variable**/
/*toolbar*/
.vxe-toolbar {
padding: 10px 0;
&:after {
content: "";
display: block;
clear: both;
height: 0;
overflow: hidden;
visibility: hidden;
}
&.size--small,
&.size--mini {
padding: 8px 0
}
&.size--medium {
.vxe-custom--setting-btn {
font-size: 17px;
}
}
&.size--small {
.vxe-custom--setting-btn {
font-size: 15px;
}
}
&.size--mini {
.vxe-custom--setting-btn {
font-size: 14px;
}
}
.vxe-custom--wrapper {
float: right;
text-align: right;
position: relative;
&.is--active {
.vxe-custom--setting-btn {
background-color: #D9DADB;
border-radius: 50%;
}
.vxe-custom--option-wrapper {
display: block;
}
}
}
.vxe-custom--setting-btn {
font-size: 18px;
padding: 4px;
vertical-align: middle;
cursor: pointer;
user-select: none;
&:hover {
background-color: #F0F0F0;
border-radius: 50%;
}
}
.vxe-custom--option-wrapper {
display: none;
position: absolute;
right: 0;
text-align: left;
background-color: #fff;
z-index: 19;
max-height: 200px;
overflow: auto;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
.vxe-custom--option {
padding: 5px 5px;
border: 1px solid $vxe-table-border-color;
border-radius: 2px;
font-weight: 700;
font-size: 14px;
> .vxe-checkbox {
display: block;
padding: 5px;
max-width: 160px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
}