Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-10-02 08:07:40 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix <select /> dropdown arrow color for Light Mode (#1142)

Browse Source
This commit is contained in:
William Lam
2022-11-20 16:52:19 -05:00
committed by GitHub
parent 3d41e5ede1
commit b69302c095
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/styles/common.css
View File

@@ -269,6 +269,12 @@ select {
padding-inline: var(--s-3) var(--s-7);
}
/* Temporary solution for issue: https://github.com/Sendouc/sendou.ink/issues/1141 */
.light select {
/* TODO: Get color from CSS var */
background-image: url('data:image/svg+xml;utf8,<svg width="1rem" color="rgb(0 0 0 / 55%)" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>');
}
select::selection {
overflow: hidden;
font-weight: bold;