Fix interval input styles
This commit is contained in:
parent
8d2232f0da
commit
e65429aa9c
@ -138,11 +138,20 @@ div.reminderContent {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Interval inputs */
|
/* Interval inputs */
|
||||||
.div.interval-group .clear:focus {
|
div.interval-group {
|
||||||
|
height: unset !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.interval-group .clear:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.interval-group .no-break {
|
||||||
|
text-wrap: avoid;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
div.interval-group .clear {
|
div.interval-group .clear {
|
||||||
border: none;
|
border: none;
|
||||||
background: none;
|
background: none;
|
||||||
|
@ -170,6 +170,7 @@
|
|||||||
<div class="control intervalSelector">
|
<div class="control intervalSelector">
|
||||||
<div class="input interval-group">
|
<div class="input interval-group">
|
||||||
<div class="interval-group-left">
|
<div class="interval-group-left">
|
||||||
|
<span class="no-break">
|
||||||
<label>
|
<label>
|
||||||
<span class="is-sr-only">Interval months</span>
|
<span class="is-sr-only">Interval months</span>
|
||||||
<input class="w2" type="text" pattern="\d*" name="interval_months" maxlength="2" placeholder=""> <span class="half-rem"></span> months, <span class="half-rem"></span>
|
<input class="w2" type="text" pattern="\d*" name="interval_months" maxlength="2" placeholder=""> <span class="half-rem"></span> months, <span class="half-rem"></span>
|
||||||
@ -178,6 +179,8 @@
|
|||||||
<span class="is-sr-only">Interval days</span>
|
<span class="is-sr-only">Interval days</span>
|
||||||
<input class="w3" type="text" pattern="\d*" name="interval_days" maxlength="4" placeholder=""> <span class="half-rem"></span> days, <span class="half-rem"></span>
|
<input class="w3" type="text" pattern="\d*" name="interval_days" maxlength="4" placeholder=""> <span class="half-rem"></span> days, <span class="half-rem"></span>
|
||||||
</label>
|
</label>
|
||||||
|
</span>
|
||||||
|
<span class="no-break">
|
||||||
<label>
|
<label>
|
||||||
<span class="is-sr-only">Interval hours</span>
|
<span class="is-sr-only">Interval hours</span>
|
||||||
<input class="w2" type="text" pattern="\d*" name="interval_hours" maxlength="2" placeholder="HH">:
|
<input class="w2" type="text" pattern="\d*" name="interval_hours" maxlength="2" placeholder="HH">:
|
||||||
@ -190,6 +193,7 @@
|
|||||||
<span class="is-sr-only">Interval seconds</span>
|
<span class="is-sr-only">Interval seconds</span>
|
||||||
<input class="w2" type="text" pattern="\d*" name="interval_seconds" maxlength="2" placeholder="SS">
|
<input class="w2" type="text" pattern="\d*" name="interval_seconds" maxlength="2" placeholder="SS">
|
||||||
</label>
|
</label>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<button class="clear"><span class="is-sr-only">Clear interval</span><span class="icon"><i class="fas fa-trash"></i></span></button>
|
<button class="clear"><span class="is-sr-only">Clear interval</span><span class="icon"><i class="fas fa-trash"></i></span></button>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user