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:
Pawan Kumar 2025-02-07 16:09:43 +05:30 committed by GitHub
parent 9f4edae69c
commit ddc3eaeac5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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;
}