Improve styling for select and add styling to select[multiple]

Created on 19 May 2015, over 9 years ago
Updated 5 June 2024, 6 months ago

Problem/Motivation

- The select is very compact and doesn't have much spacing. Adding little more spacing would improve the UI of the select element.
- The current theming for a select element isn't good when you can select multiple items. Currently, it seems like you can only select one, due to the arrow on the right, which in most browser represent a single select.
- The current select:hover doesn't make much sense. It's adding a box-shadow on hover.
- The current styling only works in Chrome. Can we make it work in other browsers as well?

Proposed resolution

Improve the select element with the suggestions above.

Remaining tasks

Review the patch.

User interface changes

The select[multiple] will change into a more useful layout.

API changes

None.

Beta phase evaluation

📌 Task
Status

Needs work

Version

1.0

Component

Code

Created by

🇧🇪Belgium sqndr

Live updates comments and jobs are added and updated live.
  • CSS

    It involves the content or handling of Cascading Style Sheets.

  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024