github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-14 17:05:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

optimized layout resize for multi-select

Browse Source
This commit is contained in:
Peter Olu 2022-05-24 17:14:49 +01:00
parent 15a55a04ce
commit 89a9fea3f1
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/dashboard/related/log/Header.vue
View File

@ -18,11 +18,8 @@ limitations under the License. -->
<p style="margin-right: 10px">Select visible columns</p> <p style="margin-right: 10px">Select visible columns</p>
<el-select <el-select
v-model="selectedColumns" v-model="selectedColumns"
clearable
multiple multiple
collapse-tags collapse-tags
automatic-dropdown
collapse-tags-tooltip
placeholder="Select" placeholder="Select"
style="width: 240px" style="width: 240px"
size="small" size="small"
@ -726,5 +723,16 @@ watch(
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
background: transparent; background: transparent;
} }
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
width: 100%;
padding: 0 32px 0 20px;
}
.el-select-dropdown__item.selected {
display: block;
width: 100%;
padding: 0 32px 0 20px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{
display:none !important;
}
</style> </style>