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:
@@ -17,6 +17,7 @@
|
||||
collapse-tags
|
||||
:max-collapse-tags="3"
|
||||
collapse-tags-tooltip
|
||||
fit-input-width
|
||||
class="cms-scope-select"
|
||||
placeholder="Select categories"
|
||||
@update:model-value="value => updateScope({ categoryIds: value })"
|
||||
@@ -42,6 +43,7 @@
|
||||
collapse-tags
|
||||
:max-collapse-tags="3"
|
||||
collapse-tags-tooltip
|
||||
fit-input-width
|
||||
class="cms-scope-select"
|
||||
:remote-method="loadProducts"
|
||||
:loading="productSearchLoading"
|
||||
@@ -69,6 +71,7 @@
|
||||
collapse-tags
|
||||
:max-collapse-tags="3"
|
||||
collapse-tags-tooltip
|
||||
fit-input-width
|
||||
class="cms-scope-select"
|
||||
:remote-method="loadVariants"
|
||||
:loading="variantSearchLoading"
|
||||
|
||||
@@ -58,7 +58,12 @@
|
||||
</el-form-item>
|
||||
|
||||
<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
|
||||
v-for="option in moneroWithdrawPriorityOptions"
|
||||
:key="option.value"
|
||||
|
||||
@@ -16,16 +16,6 @@
|
||||
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) {
|
||||
html,
|
||||
body,
|
||||
@@ -114,10 +104,6 @@
|
||||
width: min(180px, calc(100vw - 10px)) !important;
|
||||
}
|
||||
|
||||
.el-select__popper {
|
||||
max-width: calc(100vw - 10px);
|
||||
}
|
||||
|
||||
.cms-gate {
|
||||
padding: 12px 5px;
|
||||
}
|
||||
|
||||
@@ -49,6 +49,7 @@
|
||||
collapse-tags
|
||||
:max-collapse-tags="3"
|
||||
collapse-tags-tooltip
|
||||
fit-input-width
|
||||
placeholder="Select categories"
|
||||
>
|
||||
<el-option
|
||||
|
||||
Reference in New Issue
Block a user