Skip to content

Commit d78e69a

Browse files
authored
Improve swatch table overflow handling
Add overflow:auto to the three swatch tables to allow for scrolling if the amount of inputs exceeds the available space and increase the min width of inputs (150px) within the table for better usability. Intentionally left original input width (50px) as a fallback.
1 parent d36c704 commit d78e69a

File tree

1 file changed

+12
-0
lines changed
  • app/code/Magento/Swatches/view/adminhtml/web/css

1 file changed

+12
-0
lines changed

app/code/Magento/Swatches/view/adminhtml/web/css/swatches.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -153,6 +153,18 @@
153153
min-width: 65px;
154154
}
155155

156+
[class^=swatch-col],
157+
[class^=col-]:not(.col-draggable):not(.col-default) {
158+
min-width: 150px;
159+
}
160+
161+
#swatch-visual-options-panel,
162+
#swatch-text-options-panel,
163+
#manage-options-panel {
164+
overflow: auto;
165+
width: 100%;
166+
}
167+
156168
.data-table .col-swatch-min-width input[type="text"] {
157169
padding: inherit;
158170
}

0 commit comments

Comments
 (0)