chore: update select styles (#39107)
/ok-to-test tags="@tag.Sanity" <!-- This is an auto-generated comment: Cypress test results --> > [!TIP] > 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉 > Workflow run: <https://github.com/appsmithorg/appsmith/actions/runs/13195513276> > Commit: 47f2f8d146ce02972c033d6b727f6490d13d891c > <a href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=13195513276&attempt=1" target="_blank">Cypress dashboard</a>. > Tags: `@tag.Sanity` > Spec: > <hr>Fri, 07 Feb 2025 09:05:25 UTC <!-- end of auto-generated comment: Cypress test results --> <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **Style** - Refined the appearance of selection options to ensure clear visual feedback. - Updated the search input border styling for a more consistent and polished look during user interactions. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
parent
9f4edae69c
commit
ddc3eaeac5
|
|
@ -341,8 +341,11 @@
|
|||
}
|
||||
|
||||
/* selected */
|
||||
/* if the option is selected and does not have a checkbox ( identified by label ), then we need to add a background color */
|
||||
.ads-v2-select__dropdown
|
||||
.rc-select-item.rc-select-item-option.rc-select-item-option-selected {
|
||||
.rc-select-item.rc-select-item-option.rc-select-item-option-selected:not(
|
||||
:has(label)
|
||||
) {
|
||||
--select-option-color-bg: var(--ads-v2-colors-content-surface-active-bg);
|
||||
}
|
||||
|
||||
|
|
@ -378,7 +381,7 @@
|
|||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: 1px solid var(--ads-v2-color-border-emphasis);
|
||||
border-bottom: 1px solid var(--ads-v2-color-border);
|
||||
border-radius: 0;
|
||||
outline: none !important;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user