diff options
| author | Aleksejs Cikuns <aleksejs.cikuns@zabbix.com> | 2022-01-10 17:50:13 +0300 |
|---|---|---|
| committer | Aleksejs Cikuns <aleksejs.cikuns@zabbix.com> | 2022-01-10 17:50:13 +0300 |
| commit | e359325a82e742b0f0dae0703384dcc36333f02c (patch) | |
| tree | 8be6e8ab49d2a2976e16bcc5567386acf397368e /sass | |
| parent | 1e99afebf4a08345236ccadfa77c196284e85380 (diff) | |
..F....... [ZBX-20049] made Error, Help and Warning hint-icons focusable and clickable by keyboard
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/stylesheets/sass/components/service/_info.scss | 16 | ||||
| -rw-r--r-- | sass/stylesheets/sass/screen.scss | 24 |
2 files changed, 23 insertions, 17 deletions
diff --git a/sass/stylesheets/sass/components/service/_info.scss b/sass/stylesheets/sass/components/service/_info.scss index 461030216f1..2215c70a092 100644 --- a/sass/stylesheets/sass/components/service/_info.scss +++ b/sass/stylesheets/sass/components/service/_info.scss @@ -30,22 +30,6 @@ &:not(:last-child) { margin-right: 10px; } - - .icon-description { - margin: 0 0 -5px 5px; - vertical-align: baseline; - border-radius: 2px; - - &:link, - &:hover, - &:focus { - border-bottom: none; - } - - &:focus { - box-shadow: 0 0 0 2px $btn-border-focus-color; - } - } } } diff --git a/sass/stylesheets/sass/screen.scss b/sass/stylesheets/sass/screen.scss index 546cf2ed52d..9b7b68cd60d 100644 --- a/sass/stylesheets/sass/screen.scss +++ b/sass/stylesheets/sass/screen.scss @@ -2696,6 +2696,16 @@ $form-icon-btn: ( cursor: pointer; margin: -12px 0 -4px; + &:link, + &:hover, + &:focus { + border-bottom: none; + } + + &:focus { + box-shadow: 0 0 0 2px $btn-border-focus-color; + } + &::before { content: ''; display: inline-block; @@ -5540,7 +5550,19 @@ button { } .icon-description { - margin: 0 0 0 5px; + margin: 0 0 -5px 5px; + vertical-align: baseline; + border-radius: 2px; + + &:link, + &:hover, + &:focus { + border-bottom: none; + } + + &:focus { + box-shadow: 0 0 0 2px $btn-border-focus-color; + } &::after { content: '?'; |