diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss index 8867b129e..075686ad1 100644 --- a/app/styles/components/columns.scss +++ b/app/styles/components/columns.scss @@ -217,7 +217,8 @@ z-index: 3; outline: 0; - &:hover, &:focus { + &:hover, + &:focus { text-decoration: underline; } } diff --git a/app/styles/components/detailed-status.scss b/app/styles/components/detailed-status.scss index a15e4f0c8..e29b1508d 100644 --- a/app/styles/components/detailed-status.scss +++ b/app/styles/components/detailed-status.scss @@ -97,7 +97,7 @@ display: inline-flex; width: 0; overflow: hidden; - + &:focus-within { width: unset; } diff --git a/app/styles/components/emoji-reacts.scss b/app/styles/components/emoji-reacts.scss index f0ad0efa4..9b2311099 100644 --- a/app/styles/components/emoji-reacts.scss +++ b/app/styles/components/emoji-reacts.scss @@ -80,7 +80,8 @@ transition: 0.1s; z-index: 999; - &--visible, &--focused { + &--visible, + &--focused { opacity: 1; pointer-events: all; } @@ -99,7 +100,8 @@ transition: 0.1s; } - &:hover, &:focus { + &:hover, + &:focus { img { width: 36px; height: 36px; diff --git a/app/styles/components/promo-panel.scss b/app/styles/components/promo-panel.scss index 8c1433b3f..e6e97a047 100644 --- a/app/styles/components/promo-panel.scss +++ b/app/styles/components/promo-panel.scss @@ -20,7 +20,8 @@ border-bottom: 0; } - &:hover, &:focus { + &:hover, + &:focus { color: var(--primary-text-color--faint); span { diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss index 347a6c0e4..aa4e4d224 100644 --- a/app/styles/components/status.scss +++ b/app/styles/components/status.scss @@ -424,7 +424,8 @@ background: var(--brand-color--med); transition: 0.2s; - &:hover, &:focus { + &:hover, + &:focus { background: hsla(var(--brand-color_hsl), 0.5); text-decoration: none; } @@ -667,7 +668,8 @@ a.status-card.compact:hover { } } -.status__action-bar, .detailed-status__action-bar { +.status__action-bar, +.detailed-status__action-bar { .emoji-picker-expand { display: none; }