Remove is-focused class to prevent squared outline on Safari

This commit is contained in:
Bubka 2022-10-18 13:41:46 +02:00
parent 03e09ac579
commit 8cbdf9946b
2 changed files with 4 additions and 11 deletions

View File

@ -11,12 +11,12 @@
<div class="column is-full quick-uploader-button" >
<div class="quick-uploader-centerer">
<!-- upload a qr code (with basic file field and backend decoding) -->
<label role="button" tabindex="0" v-if="$root.appSettings.useBasicQrcodeReader" class="button is-link is-medium is-rounded is-focused" ref="qrcodeInputLabel" @keyup.enter="$refs.qrcodeInputLabel.click()">
<label role="button" tabindex="0" v-if="$root.appSettings.useBasicQrcodeReader" class="button is-link is-medium is-rounded is-main" ref="qrcodeInputLabel" @keyup.enter="$refs.qrcodeInputLabel.click()">
<input aria-hidden="true" tabindex="-1" class="file-input" type="file" accept="image/*" v-on:change="submitQrCode" ref="qrcodeInput">
{{ $t('twofaccounts.forms.upload_qrcode') }}
</label>
<!-- scan button that launch camera stream -->
<button v-else class="button is-link is-medium is-rounded is-focused is-double-focused" @click="capture()">
<button v-else class="button is-link is-medium is-rounded is-main" @click="capture()">
{{ $t('twofaccounts.forms.scan_qrcode') }}
</button>
</div>

View File

@ -430,10 +430,8 @@ figure.no-icon {
.button.is-like-text:focus-within {
background: inherit;
color: inherit;
// box-shadow: inherit;
}
.button:focus-visible, .button.is-focused,
.file[role=button]:focus-visible {
border-color: transparent;
@ -513,14 +511,9 @@ figure.no-icon {
outline-color: $danger;
}
button.is-double-focused:focus-visible
button.is-main
{
outline-style: double !important;
outline-width: 6px !important;
}
button.is-double-focused:focus:not(:focus-visible)
{
outline: none;
box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color;
}
.file[role=button]:focus-visible {