frontend: don't display hours/seconds on small screens

This commit is contained in:
nemunaire 2020-01-20 16:01:35 +01:00
parent 0937b4a2b8
commit 4e258cb30d

View File

@ -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="/">