github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-08-14 04:45:42 +00:00
Code Issues Projects Releases Wiki Activity

Revert "perf: 自定义平台协议名称宽度自适应显示"

Browse Source
This commit is contained in:
老广 2023-04-21 16:50:24 +08:00 committed by Jiangjie.Bai
parent c3adfe7031
commit 4ce651e319
1 changed files with 6 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/FormFields/ProtocolSelector/index.vue
View File

@ -12,12 +12,9 @@
slot="prepend" slot="prepend"
:disabled="disableSelect(item)" :disabled="disableSelect(item)"
:value="item.display_name ? item.display_name : item.name" :value="item.display_name ? item.display_name : item.name"
class="prepend auto-width-select" class="prepend"
@change="handleProtocolChange($event, item)" @change="handleProtocolChange($event, item)"
> >
<template slot="prefix">
{{ item.display_name ? item.display_name : item.name }}
</template>
<el-option <el-option
v-for="p of remainProtocols" v-for="p of remainProtocols"
:key="p.name" :key="p.name"
@ -270,11 +267,15 @@ export default {
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="less" scoped>
.el-select .el-input { .el-select .el-input {
width: 130px; width: 130px;
} }
.el-select {
max-width: 120px;
}
.input-with-select { .input-with-select {
flex-shrink: 1; flex-shrink: 1;
width: calc(100% - 80px) !important; width: calc(100% - 80px) !important;
@ -309,30 +310,4 @@ export default {
color: #1a1a1a; color: #1a1a1a;
padding: 9px 20px; padding: 9px 20px;
} }
.auto-width-select > .el-input--prefix {
min-width: 120px!important;
}
.auto-width-select >>> .el-input__prefix {
position: relative;
left: 0px;
padding: 0 30px;
box-sizing: border-box;
height: 34px;
line-height: 34px;
visibility: hidden;
}
.auto-width-select >>> input {
position: absolute!important;
width: 100%!important;
border: none;
color: #606266;
background-color: #e6e6e6;
font-size: 12px;
font-weight: 470;
line-height: 27px;
}
</style> </style>