-
Notifications
You must be signed in to change notification settings - Fork 220
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
Enhancement/hashtype autocomplete #781
Enhancement/hashtype autocomplete #781
Conversation
There is actually a Bootstrap 5 theme for select2. |
Test the code, seems to work. Noticed that the select2 suggestions bar does not scale and has same static width? See attached screenshot Also noted from @s3inlc the select2 doesn't seem to be compatible with darkmode. |
select2-bootstrap5-dark-theme.mp4Sorry, i accidently rendered this as an mp4 instead of a gif 😅 . I added a few media breakpoints for the sizing of the select in In case you wonder, here are the variables and values i changed in the select2-bootstrap5-theme project: // src/_variables.scss
$s2bs5-color: #aaaaaa !default;
$s2bs5-placeholder-color: #aaaaaa !default;
$s2bs5-bg: #32383e !default;
$s2bs5-border-color: #1d2227 !default;
$s2bs5-box-shadow: #2c3035 !default;
$s2bs5-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cecfd0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !default;
$s2bs5-focus-border-color: #1d2227 !default;
$s2bs5-focus-box-shadow: 0 0 0 .2rem rgba(58, 63, 68, .25) !default; I will commit a changelog entry and if you are good with the results I think this can be merged :). |
Thanks, looks good, but have to test it a bit more; expecting to add it with the release we are currently working on. |
I tested it a bit more, looks good to us, so I'll merge it. |
Closes #752 . Adds Autocompletion for Hashtypes via Select2 JQuery Plugin.
Sadly, the Select2 Bootstrap Theme has not been updated since 5 years, so the styling is a bit outdated / different than the rest of the project, but it's ok imo.