discourse/app/assets/stylesheets/common/base/uc-modernize-foundation-theme/select-kit.scss
Kris e547c6acb1
UX: various mondernized foundation style adjustments (#40808)
Various style fixes for the modernized foundation upcoming change. Also
noticed we have some unused button classes in the review queue in
general.


Before/After
<img width="700" alt="image"
src="https://github.com/user-attachments/assets/547c49ee-5d7c-42e5-be60-de06218b3329"
/>

<img width="700" alt="image"
src="https://github.com/user-attachments/assets/54f5e698-00db-4855-86e0-74053c49408a"
/>


Before/After
<img width="350" alt="image"
src="https://github.com/user-attachments/assets/24881ca3-d10b-40e4-b6a6-b55eb507642f"
/>
<img width="350" alt="image"
src="https://github.com/user-attachments/assets/320aaa5b-6493-4bc0-bd72-8c1f4391134b"
/>

Before/After:
<img width="800" alt="image"
src="https://github.com/user-attachments/assets/5b719e1e-24d5-434d-a370-de2477d13219"
/>

<img width="800" alt="image"
src="https://github.com/user-attachments/assets/de39de34-c393-4ee1-b560-70622b2dd245"
/>



Before/After:
<img width="333" alt="image"
src="https://github.com/user-attachments/assets/b87107bd-1484-4716-96f1-b8a227a5d59f"
/>

<img width="220" alt="image"
src="https://github.com/user-attachments/assets/8123f817-4b21-453b-bfb7-e934cd2d5e99"
/>
2026-06-11 17:53:39 -04:00

52 lines
1.4 KiB
SCSS
Vendored

.uc-modernize-foundation-theme {
.select-kit .select-kit-header:not(.composer-actions-btn),
.d-date-input .date-picker {
height: var(--d-control-height);
}
.select-kit.is-expanded .select-kit-filter.is-expanded {
border: none;
}
.select-kit.is-expanded .select-kit-filter.is-expanded {
height: var(--d-control-height);
padding-block: 0;
}
.select-kit .caret-icon {
font-size: var(--font-down-1);
}
.list-controls .combo-box .combo-box-header {
height: var(--d-control-height);
&:hover {
background-color: var(--primary-100);
}
}
.select-kit.single-select.is-expanded .select-kit-header:not(.btn),
.select-kit.single-select .select-kit-header:not(.btn):focus,
.select-kit.single-select .select-kit-header:not(.btn):active {
background-color: var(--primary-100);
outline: none;
border-color: var(--primary-300);
}
.select-kit.combo-box.category-drop .category-drop-header[data-value=""],
.select-kit.combo-box.category-drop .caret-icon,
.select-kit.combo-box.tag-drop .tag-drop-header,
.select-kit.combo-box.tag-drop .selected-name,
.select-kit.combo-box.tag-drop .caret-icon,
.select-kit.combo-box.solved-status-filter .selected-name {
color: var(--primary);
}
.select-kit .select-kit-header.btn-default {
border: var(--d-button-default-border);
}
.d-multi-select__search-container {
padding-block: 0;
}
}