iger
/
engelsystem
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

invert input time icon color for chrome based browsers in dark themes (#1060)

This commit is contained in:
Thomas Rupprecht 2023-01-24 19:45:48 +01:00 committed by GitHub
parent e844c98871
commit 3412ed2924
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
resources/assets/themes/dark.scss
View File

@ -6,3 +6,10 @@ $secondary: #222;
$table-striped-bg: rgba(#fff, 0.05);
$es-choices-highlight-color: #000;
$invert-color-value: 1 !default;
/* Invert the clock icon color for Chrome */
input[type='time']::-webkit-calendar-picker-indicator {
filter: invert($invert-color-value);
}

4
resources/views/pages/user-shifts.html
View File

@ -13,7 +13,7 @@
pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%start_time%"
>
<button class="btn btn-secondary" title="Now" type="button">
<span class="bi bi-clock"></span>
<span class="bi bi-arrow-counterclockwise"></span>
</button>
</div>
</div>
@ -28,7 +28,7 @@
pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%end_time%"
>
<button class="btn btn-secondary" title="Now" type="button">
<span class="bi bi-clock"></span>
<span class="bi bi-arrow-counterclockwise"></span>
</button>
</div>
</div>