Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

454 customise select2 styles #2350

Merged
merged 1 commit into from
Oct 1, 2024
Merged

Conversation

davidtrussler
Copy link
Contributor

@davidtrussler davidtrussler commented Sep 30, 2024

Trello

These changes add a number of over-ride styles to existing bootstrap styles that became necessary after the upgrade to Dart Sass.

The need for these became evident in the request receive to fix a problem that became evident after that upgrade (detailed in the Trello card), concerning the user's ability to remove a selection from a dropdown selector. Upon closer inspection it became apparent that a number of other over-ride styles were required to restore some instances of broken UI as follows (see screenshots below):

  • The crown is missing in the header
  • The dropdown is missing the remove and arrow icons
  • The Select2 search bar is missing the search icon and some shading around the box
  • The Select2 search bar in active state is missing the spinner icon

There are some styles added specifically for the display of right-to-left languages.

In addition some over-rides have been added for the Select2 element that are not used in this app but are present for completeness and potential future use.

Over-ride added Current Update
Crown in navbar Screenshot 2024-09-30 at 17 34 22 Screenshot 2024-09-30 at 17 34 07
Select2 dropdown Screenshot 2024-09-30 at 17 37 10 Screenshot 2024-09-30 at 17 36 55
Select2 search bar Screenshot 2024-09-30 at 17 41 24 Screenshot 2024-09-30 at 17 41 43
Select2 search bar (active state) Screenshot 2024-09-30 at 17 44 23 Screenshot 2024-09-30 at 17 43 52

@davidtrussler davidtrussler marked this pull request as ready for review September 30, 2024 16:59
- navbar crown missing
- select2 dropdown: remove and arrow icons
- select2 search bar: search icon and gradients
- select2 search bar (active state): spinner icon
- select2 styles on low resolution devices
- select2 more results (not used in Publisher)
- select2 multi container (not used in Publisher)
- select2 search choice close (not used in Publisher)
@davidtrussler davidtrussler merged commit c1adbe6 into main Oct 1, 2024
12 checks passed
@davidtrussler davidtrussler deleted the 454_Customise-select2-styles branch October 1, 2024 10:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants