Skip to content

Commit 0393949

Browse files
fix(data-widgets): improve dropdown filter input styling and visibility
1 parent 1cbda71 commit 0393949

File tree

1 file changed

+13
-1
lines changed

1 file changed

+13
-1
lines changed

packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-dropdown-filter.scss

+13-1
Original file line numberDiff line numberDiff line change
@@ -316,6 +316,12 @@ $root: ".widget-dropdown-filter";
316316
&:has(+ #{$root}-selected-item)::after {
317317
content: ",";
318318
}
319+
320+
& + #{$root}-input {
321+
position: absolute;
322+
opacity: 0;
323+
left: 0;
324+
}
319325
}
320326

321327
#{$root}-remove-icon {
@@ -327,11 +333,17 @@ $root: ".widget-dropdown-filter";
327333
}
328334

329335
#{$root}-input {
330-
width: initial;
331336
flex-basis: 0;
332337
min-width: 75px;
333338
}
334339

340+
#{$root}-input-container {
341+
display: block;
342+
white-space: nowrap;
343+
text-overflow: ellipsis;
344+
overflow: hidden;
345+
}
346+
335347
#{$root}-clear {
336348
border-color: transparent;
337349
}

0 commit comments

Comments
 (0)