invert input time icon color for chrome based browsers in dark themes (#1060)
This commit is contained in:
parent
e844c98871
commit
3412ed2924
|
@ -6,3 +6,10 @@ $secondary: #222;
|
||||||
$table-striped-bg: rgba(#fff, 0.05);
|
$table-striped-bg: rgba(#fff, 0.05);
|
||||||
|
|
||||||
$es-choices-highlight-color: #000;
|
$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);
|
||||||
|
}
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%start_time%"
|
pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%start_time%"
|
||||||
>
|
>
|
||||||
<button class="btn btn-secondary" title="Now" type="button">
|
<button class="btn btn-secondary" title="Now" type="button">
|
||||||
<span class="bi bi-clock"></span>
|
<span class="bi bi-arrow-counterclockwise"></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -28,7 +28,7 @@
|
||||||
pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%end_time%"
|
pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%end_time%"
|
||||||
>
|
>
|
||||||
<button class="btn btn-secondary" title="Now" type="button">
|
<button class="btn btn-secondary" title="Now" type="button">
|
||||||
<span class="bi bi-clock"></span>
|
<span class="bi bi-arrow-counterclockwise"></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue