(Low priority) Extra arrow tick :will fix:

Member
Joined
Jul 23, 2018
Messages
98
On Firefox (Desktop and mobile) there's an extra arrow tick on search bar with the following site themes
Light-bronze
Dark-bronze
Light-Slate
Dark-Slate
Abyss

bdKsqRY.png


It seems to be caused because of this rule on theme.css:

Code:
select.form-control:not([size]):not([multiple]) {
	-webkit-appearance: menulist;
}

If the rule is changed to
Code:
none
then It only one, and doesn't affect functionality

Which it's the default for Dark-Slate.css (and the others apply too, I guess)

Code:
.form-control, #quick_search_input, .form-control:focus {
	-webkit-appearance: none;
	-moz-appearance: none;
}

EDIT: Seems to affect other select's too, and not only search one,
in search for example

Haven't test it for Webkit based browser but I suppose is the same.

And BTW thanks for the new functionalities !
 
Custom title
Staff
Developer
Joined
Jan 19, 2018
Messages
2,472
@Barclayss Oh, man. That
Code:
menulist
addition was supposed to be a bit of a hack to make selects at least readable on some mobile Safari browsers while using the Dark theme, because for whatever reason they would ignore
Code:
background-color
, making the lists appear with white text on light gray gradient background. I didn't know the other themes implemented a separate arrow.

Well, as awkward as this looks, for now the Safari bug takes precedence until we create a better solution. Thanks for reporting it.
 

Users who are viewing this thread

Top