Align CMS select dropdowns with their inputs using fit-input-width.

Remove global el-select popper width caps that caused mismatched dropdown sizing on full-width fields.
This commit is contained in:
2026-09-11 21:27:17 +02:00
parent f1715f7e7f
commit 155549a2ec
4 changed files with 10 additions and 15 deletions
@@ -17,6 +17,7 @@
collapse-tags collapse-tags
:max-collapse-tags="3" :max-collapse-tags="3"
collapse-tags-tooltip collapse-tags-tooltip
fit-input-width
class="cms-scope-select" class="cms-scope-select"
placeholder="Select categories" placeholder="Select categories"
@update:model-value="value => updateScope({ categoryIds: value })" @update:model-value="value => updateScope({ categoryIds: value })"
@@ -42,6 +43,7 @@
collapse-tags collapse-tags
:max-collapse-tags="3" :max-collapse-tags="3"
collapse-tags-tooltip collapse-tags-tooltip
fit-input-width
class="cms-scope-select" class="cms-scope-select"
:remote-method="loadProducts" :remote-method="loadProducts"
:loading="productSearchLoading" :loading="productSearchLoading"
@@ -69,6 +71,7 @@
collapse-tags collapse-tags
:max-collapse-tags="3" :max-collapse-tags="3"
collapse-tags-tooltip collapse-tags-tooltip
fit-input-width
class="cms-scope-select" class="cms-scope-select"
:remote-method="loadVariants" :remote-method="loadVariants"
:loading="variantSearchLoading" :loading="variantSearchLoading"
+6 -1
View File
@@ -58,7 +58,12 @@
</el-form-item> </el-form-item>
<el-form-item label="Fee priority" prop="priority"> <el-form-item label="Fee priority" prop="priority">
<el-select v-model="withdrawForm.priority" class="fee-priority-select" :disabled="withdrawing"> <el-select
v-model="withdrawForm.priority"
class="fee-priority-select"
fit-input-width
:disabled="withdrawing"
>
<el-option <el-option
v-for="option in moneroWithdrawPriorityOptions" v-for="option in moneroWithdrawPriorityOptions"
:key="option.value" :key="option.value"
-14
View File
@@ -16,16 +16,6 @@
padding: 24px; padding: 24px;
} }
.el-select__popper {
max-width: min(560px, calc(100vw - 32px));
}
.el-select-dropdown__item {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: $cms-bp-tablet) { @media (max-width: $cms-bp-tablet) {
html, html,
body, body,
@@ -114,10 +104,6 @@
width: min(180px, calc(100vw - 10px)) !important; width: min(180px, calc(100vw - 10px)) !important;
} }
.el-select__popper {
max-width: calc(100vw - 10px);
}
.cms-gate { .cms-gate {
padding: 12px 5px; padding: 12px 5px;
} }
+1
View File
@@ -49,6 +49,7 @@
collapse-tags collapse-tags
:max-collapse-tags="3" :max-collapse-tags="3"
collapse-tags-tooltip collapse-tags-tooltip
fit-input-width
placeholder="Select categories" placeholder="Select categories"
> >
<el-option <el-option