fix: +86前缀溢出(prepend增至90px+内部100%宽) + 语言/消除(overflow:hidden)
All checks were successful
continuous-integration/drone/push Build is passing

- prepend 70px→90px, 内部 el-select 和 el-input 均 width:100%
- padding-right:24px 给下拉箭头留位
- lang-box 加 overflow:hidden 隐藏 span 间的 / 文本节点
This commit is contained in:
yiqiu
2026-03-19 19:34:05 +08:00
parent 97a0271cac
commit 7d1167978c
2 changed files with 30 additions and 8 deletions

View File

@@ -72,6 +72,7 @@
display: flex; display: flex;
gap: 4px; gap: 4px;
font-size: 0; font-size: 0;
overflow: hidden;
} }
.login-jump-btn .lang-box span { .login-jump-btn .lang-box span {
@@ -336,8 +337,16 @@
border-radius: 8px 0 0 8px !important; border-radius: 8px 0 0 8px !important;
color: #E6E8EB !important; color: #E6E8EB !important;
padding: 0 !important; padding: 0 !important;
width: 70px !important; width: 90px !important;
min-width: 70px !important; min-width: 90px !important;
}
.input-with-select .el-input-group__prepend .el-select {
width: 100% !important;
}
.input-with-select .el-input-group__prepend .el-select .el-input {
width: 100% !important;
} }
.input-with-select .el-input-group__prepend .el-input__inner { .input-with-select .el-input-group__prepend .el-input__inner {
@@ -345,7 +354,9 @@
border: none !important; border: none !important;
color: #E6E8EB !important; color: #E6E8EB !important;
padding-left: 12px !important; padding-left: 12px !important;
padding-right: 20px !important; padding-right: 24px !important;
width: 100% !important;
text-align: left !important;
} }
.input-with-select .el-input-group__prepend .el-select .el-input .el-input__inner { .input-with-select .el-input-group__prepend .el-select .el-input .el-input__inner {
@@ -355,7 +366,7 @@
.input-with-select .el-input-group__prepend .el-input__suffix { .input-with-select .el-input-group__prepend .el-input__suffix {
color: rgba(139, 148, 158, 0.5) !important; color: rgba(139, 148, 158, 0.5) !important;
right: 2px !important; right: 4px !important;
} }
.input-with-select .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner { .input-with-select .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner {

View File

@@ -55,6 +55,7 @@
display: flex; display: flex;
gap: 4px; gap: 4px;
font-size: 0; font-size: 0;
overflow: hidden;
} }
.login-jump-btn .lang-box span { .login-jump-btn .lang-box span {
@@ -264,8 +265,16 @@
border-radius: 8px 0 0 8px !important; border-radius: 8px 0 0 8px !important;
color: #E6E8EB !important; color: #E6E8EB !important;
padding: 0 !important; padding: 0 !important;
width: 70px !important; width: 90px !important;
min-width: 70px !important; min-width: 90px !important;
}
.input-with-select .el-input-group__prepend .el-select {
width: 100% !important;
}
.input-with-select .el-input-group__prepend .el-select .el-input {
width: 100% !important;
} }
.input-with-select .el-input-group__prepend .el-input__inner { .input-with-select .el-input-group__prepend .el-input__inner {
@@ -273,7 +282,9 @@
border: none !important; border: none !important;
color: #E6E8EB !important; color: #E6E8EB !important;
padding-left: 12px !important; padding-left: 12px !important;
padding-right: 20px !important; padding-right: 24px !important;
width: 100% !important;
text-align: left !important;
} }
.input-with-select .el-input-group__prepend .el-select .el-input .el-input__inner { .input-with-select .el-input-group__prepend .el-select .el-input .el-input__inner {
@@ -283,7 +294,7 @@
.input-with-select .el-input-group__prepend .el-input__suffix { .input-with-select .el-input-group__prepend .el-input__suffix {
color: rgba(139, 148, 158, 0.5) !important; color: rgba(139, 148, 158, 0.5) !important;
right: 2px !important; right: 4px !important;
} }
.input-with-select .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner { .input-with-select .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner {