Добрый день! В умном фильтре в шаблоне Bootstrap-4 выпадающее меню не во всю ширину select ,это очень сильно портит картину, нигде не могу найти как исправить...
В коде начиная с //region DROPDOWN +
В css * Select popup
width: 100%; в .smart-filter-dropdown-popup не помогает!
В коде начиная с //region DROPDOWN +
В css * Select popup
width: 100%; в .smart-filter-dropdown-popup не помогает!
Скрытый текст |
---|
/* region Select */ .smart-filter-input-group-dropdown { display: block; height: 31px; border: 1px solid #ccd5db; border-radius: 3px; width: 100%; } .smart-filter-input-group-dropdown.bx-active, .smart-filter-input-group-dropdown:focus { border-color: var(--primary); } .smart-filter-dropdown-block { position: relative; display: block; margin: 0; padding: 0 29px 0 10px; width: 100%; height: 29px; border: none; border-radius: 2px; background: #fff; } .smart-filter-dropdown-text { overflow: hidden; max-width: 100%; height: 29px; vertical-align: middle; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; line-height: 29px; cursor: pointer; } .smart-filter-dropdown-text.fix { min-width: 120px; } .smart-filter-dropdown-text label { cursor: pointer; } .smart-filter-dropdown-arrow { position: absolute; top: 0; right: 0; width: 29px; height: 29px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OY cursor: pointer; } .smart-filter-input-group-dropdown-flex { display: flex; align-items: center; } .smart-filter-input-group-dropdown-flex .smart-filter-checkbox-btn-image { margin-right: 5px; } /* * Select popup * */ .smart-filter-dropdown-popup { padding: 0; min-width: 173px; background: #fff; width: 100%; } .smart-filter-dropdown-popup ul { margin: 0; padding: 0; list-style: none; } .smart-filter-dropdown-popup ul li { display: block; vertical-align: middle; } .smart-filter-dropdown-popup ul li:first-child { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } .smart-filter-dropdown-popup ul li label { display: flex; align-items: center; overflow: hidden; /*padding: 0 5px;*/ width: 100%; color: #575757; white-space: nowrap; cursor: pointer; } .smart-filter-dropdown-popup ul li label.selected, .smart-filter-dropdown-popup ul li label:hover { background: #f3f8fa; color: #000; } .smart-filter-dropdown-popup ul li label.disabled { background: transparent; color: #b8b8b8; } .smart-filter-dropdown-popup ul li .smart-filter-dropdown-text { padding-left: 5px;} /*endregion */ |