Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-09 01:26:24 +01:00
Code Issues Projects Releases Packages 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; border-radius: 0;
box-shadow: none; box-shadow: none;
outline: none; outline: none;
}
input[type='month'] {
min-width: 6em;
&::-webkit-calendar-picker-indicator { &::-webkit-calendar-picker-indicator {
/* replace icon with triangle */ /* replace icon with triangle */
opacity: 0.5; 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>'); 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'] { @media (prefers-color-scheme: dark) {
min-width: 6em; &::-webkit-calendar-picker-indicator {
filter: invert(1);
}
}
} }
} }
} }