diff options
author | Mélanie Chauvel <perso@hack-libre.org> | 2021-10-01 00:55:51 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-10-01 00:55:51 +0200 |
commit | 900481b7fa638119b826ed888fc8eaca962ecf55 (patch) | |
tree | 696bcae13d36dc82b083242c7597f5ec9cd11870 /app/javascript/styles/mastodon/rtl.scss | |
parent | 24f9ea781850ee8d105aa3e396eaef8499bc5efc (diff) |
Improve hover and focus style in columns settings (#16222)
* Make focus visible on switches and text buttons in columns settings * Make hover/focus visible on left/right arrows in columns settings Use same style as for station action bar (reply/boost/fav/etc.) * Tab first to “Pin/Unpin” before left/right arrows in columns settings
Diffstat (limited to 'app/javascript/styles/mastodon/rtl.scss')
-rw-r--r-- | app/javascript/styles/mastodon/rtl.scss | 19 |
1 files changed, 14 insertions, 5 deletions
diff --git a/app/javascript/styles/mastodon/rtl.scss b/app/javascript/styles/mastodon/rtl.scss index baacf46b9..ea7bb5113 100644 --- a/app/javascript/styles/mastodon/rtl.scss +++ b/app/javascript/styles/mastodon/rtl.scss @@ -126,6 +126,20 @@ body.rtl { .column-header__setting-arrows { float: left; + + .column-header__setting-btn { + &:first-child { + padding-left: 7px; + padding-right: 5px; + } + + &:last-child { + padding-right: 7px; + padding-left: 5px; + margin-right: 5px; + margin-left: 0; + } + } } .setting-toggle__label { @@ -451,11 +465,6 @@ body.rtl { margin-left: 5px; } - .column-header__setting-arrows .column-header__setting-btn:last-child { - padding-left: 0; - padding-right: 10px; - } - .simple_form .input.radio_buttons .radio > label input { left: auto; right: 0; |