frontend: use monospaced font in flag input

This commit is contained in:
nemunaire 2018-12-08 19:54:23 +01:00
parent 85658bb3c6
commit 0c5aa65092
3 changed files with 11 additions and 1 deletions

View file

@ -12,6 +12,12 @@
src: url('../fonts/LinBiolinum_RI.woff') format('woff');
font-style: italic;
}
@font-face {
font-family: 'FantasqueSansMonoRegular';
src: url('../fonts/FantasqueSansMono-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
[ng-cloak] {
display:none !important;
@ -32,6 +38,10 @@ body {
height: 100vh;
}
.flag {
font-family: 'FantasqueSansMonoRegular', monospace;
}
.card-img-top {
background-position: center;
background-repeat: no-repeat;

Binary file not shown.

View file

@ -89,7 +89,7 @@
<label for="sol_{{ kid }}">{{ key.label }}&nbsp;:</label>
<span ng-if="key.found && key.value" ng-bind="key.value"></span>
<div class="input-group" ng-repeat="v in key.values track by $index" ng-class="{'mt-1': !$first}" ng-if="!key.found">
<input type="text" class="form-control" id="sol_{{ kid }}_{{ $index }}" autocomplete="off" name="sol_{{ kid }}" ng-model="key.values[$index]" ng-if="!key.choices">
<input type="text" class="form-control flag" id="sol_{{ kid }}_{{ $index }}" autocomplete="off" name="sol_{{ kid }}" ng-model="key.values[$index]" ng-if="!key.choices">
<select class="custom-select" id="sol_{{ kid }}" name="sol_{{ kid }}" ng-model="key.values[$index]" ng-if="key.choices" ng-options="l as v for (l, v) in key.choices"></select>
<div class="input-group-append" ng-if="key.choices_cost">
<button class="btn btn-success" type="button" ng-click="wantchoices(kid)" ng-class="{disabled: key.wcsubmitted}" title="Cliquez pour échanger ce champ de texte par une liste de choix. L'opération vous coûtera {{ key.choices_cost }} points.">