Fix styling on Safari
This commit is contained in:
parent
97951fccfd
commit
11672bc490
6 changed files with 57 additions and 28 deletions
|
|
@ -46,6 +46,7 @@
|
|||
|
||||
<style lang="scss">
|
||||
@import '../../_variables.scss';
|
||||
@import '../../_mixins.scss';
|
||||
|
||||
.ReplyButton {
|
||||
display: flex;
|
||||
|
|
@ -67,12 +68,13 @@
|
|||
color: var(--cBlue, $fallback--cBlue);
|
||||
}
|
||||
|
||||
.focus-marker,
|
||||
&:focus:not(:focus-visible):not(:hover) .focus-marker {
|
||||
visibility: hidden;
|
||||
@include unfocused-style {
|
||||
.focus-marker {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &:focus, &:focus-visible {
|
||||
@include focused-style {
|
||||
.focus-marker {
|
||||
visibility: visible;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue