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
|
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"
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user