frontend: don't display hours/seconds on small screens
This commit is contained in:
parent
0937b4a2b8
commit
4e258cb30d
@ -24,12 +24,16 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="clock col-auto text-center" ng-hide="1">Chargement...</div>
|
<div class="clock col-auto text-center" ng-hide="1">Chargement...</div>
|
||||||
<div class="clock col-auto text-center" ng-class="{expired: time.expired, end: time.end}" ng-if="time.remaining !== undefined && settings.end - settings.start > 0" ng-cloak>
|
<div class="clock col text-center" ng-class="{expired: time.expired, end: time.end}" ng-if="time.remaining !== undefined && settings.end - settings.start > 0" ng-cloak>
|
||||||
|
<span ng-class="{'d-none': !time.hours, 'd-sm-inline': !time.hours}">
|
||||||
<span id="hours">{{ time.hours | time }}</span>
|
<span id="hours">{{ time.hours | time }}</span>
|
||||||
<span class="point">:</span>
|
<span class="point">:</span>
|
||||||
|
</span>
|
||||||
<span id="min">{{ time.minutes | time }}</span>
|
<span id="min">{{ time.minutes | time }}</span>
|
||||||
|
<span ng-class="{'d-none': time.hours, 'd-sm-inline': time.hours}">
|
||||||
<span class="point">:</span>
|
<span class="point">:</span>
|
||||||
<span id="sec">{{ time.seconds | time }}</span>
|
<span id="sec">{{ time.seconds | time }}</span>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="clock col-auto btn-group btn-group-lg" ng-if="time.remaining === undefined || settings.end - settings.start <= 0" ng-cloak>
|
<div class="clock col-auto btn-group btn-group-lg" ng-if="time.remaining === undefined || settings.end - settings.start <= 0" ng-cloak>
|
||||||
<a class="btn btn-light" href="/">
|
<a class="btn btn-light" href="/">
|
||||||
|
Loading…
Reference in New Issue
Block a user