hideButton: function($el) {
let status = this.quiz.data.accessibility_show_hotkeys
- if(status) {
+ if(!status) {
$el.hide()
}
}
+opacity(.16)
padding-left: 22px
padding-right: 6px
+ .text
+ margin-right: 16px
+ .access
+ margin: 0 10px 0 0
&.reset
//max-width: 144px
.text svg
width: 50%
- .text
- margin-right: 16px
- .access
- margin: 0 10px 0 0
&.info
max-width: 177px
&.primary
flex: 1
+ &.secondary
+ .text
+ margin-right: 0
+
&.reset
width: 56px
flex-shrink: 0
padding: 0
.text
+flex-config(center, false, false, center)
- margin-right: 0
.access:not(.missed):not(.ok):not(.nok)
@isset($info)
<a class="btn secondary none moreinfo" aria-keyshortcuts="M">
- {{$__('More infos')}}
+ <span class="text">{{$__('More infos')}}</span>
<span class="access infos">M</span>
</a>
@endisset
<div class="score-controls">
@if($data->restart_button)
<a class="btn secondary restart" aria-keyshortcuts="r">
- {{$__('Restart')}}
+ <span class="text">{{$__('Restart')}}</span>
<span class="access">R</span>
</a>
@endif