Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-10 18:39:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next): combo boxes: prevent the text overlapping the dropdown arrow

Browse Source
This commit is contained in:
Adorian Doran 2025-02-12 01:16:57 +02:00
parent 2db3765bd4
commit d8962393af
1 changed files with 1 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/public/stylesheets/theme-next/forms.css
View File

@ -283,10 +283,6 @@ input::selection,
/* Combo box-like dropdown buttons */ /* Combo box-like dropdown buttons */
.select-button.dropdown-toggle {
padding-right: 40px;
}
.select-button.dropdown-toggle::after { .select-button.dropdown-toggle::after {
/* Remove the original arrow */ /* Remove the original arrow */
content: unset; content: unset;
@ -300,6 +296,7 @@ select.form-control,
.select-button.dropdown-toggle.btn { .select-button.dropdown-toggle.btn {
outline: 3px solid transparent; outline: 3px solid transparent;
outline-offset: 6px; outline-offset: 6px;
padding-right: calc(15px + 1.5rem);
background: var(--input-background-color) background: var(--input-background-color)
var(--select-arrow-svg) right 0.75rem center/15px 20px no-repeat; var(--select-arrow-svg) right 0.75rem center/15px 20px no-repeat;
color: var(--input-text-color); color: var(--input-text-color);