nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Make sure the calendar picker works in dark mode

Browse source
This commit is contained in:
Lim Chee Aun 2023-10-20 22:04:56 +08:00
parent 87e243ea58
commit c6f368ac0b
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/app.css
View file

@ -2175,16 +2175,22 @@ ul.link-list li a .icon {
border-radius: 0;
box-shadow: none;
outline: none;
}
input[type='month'] {
min-width: 6em;
&::-webkit-calendar-picker-indicator {
/* replace icon with triangle */
opacity: 0.5;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none"><path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
}
input[type='month'] {
min-width: 6em;
@media (prefers-color-scheme: dark) {
&::-webkit-calendar-picker-indicator {
filter: invert(1);
}
}
}
}
}