Gitlab's ref_selector where branches and tags can be selected has white background and low contrast text
Browser: Firefox 110
Dark-GitLab version:
Screenshot/gif: Left is gitlab.com Gitlab EE 15.10.0-pre, Right is a private instance Gitlab CE 15.5.4 . The private instance is still ok. But the new version has low contrast issues.
Describe the issue (if necessary):
- A) On the left the grey border is missing around the
ref_selector
. Low contrast issue. - B) The opened dropdown on the left has grey text over white background. Low contrast. Almost unreadable. The blue box shadow is also missing around the button when focused.
I think the issue arised from that gl-dropdown
was changed to gl-collapsible-listbox
inside ref_selector.vue here:
https://gitlab.com/gitlab-org/gitlab/-/blob/33224dfec44bc335ce336586c0762ea5c1598ce9/app/assets/javascripts/ref/components/ref_selector.vue
SUS Change: gitlab-org/gitlab@d08e3ce5
Link to the page where the issue occurs: https://gitlab.com/KartoffelCheetah/st/-/tree/master
HTML of the section where the issue occurs (if necessary):
<div class="tree-ref-holder gl-max-w-26" ....
Edited by KartoffelCheetah