From eff1abc657aa0ba74a6b7c45638d63a731afe998 Mon Sep 17 00:00:00 2001 From: Mikita Taukachou Date: Wed, 1 Mar 2017 14:28:58 +0300 Subject: [PATCH] Fix outline and tab order of items in the toolbar #4492 Updated outline on focused elements if Firefox to look it same, as in Chrome. --- .../web/admin/common/styles/reset.less | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/modules/admin/admin-ui/src/main/resources/web/admin/common/styles/reset.less b/modules/admin/admin-ui/src/main/resources/web/admin/common/styles/reset.less index 4ec34a33469..90048b9ab0b 100644 --- a/modules/admin/admin-ui/src/main/resources/web/admin/common/styles/reset.less +++ b/modules/admin/admin-ui/src/main/resources/web/admin/common/styles/reset.less @@ -61,7 +61,20 @@ input:not([type="radio"]), textarea, select { } input, textarea, select, button { - outline-width: 2px; + &:focus { + outline-width: 2px; + outline-style: auto; + outline-offset: -2px; + -moz-outline-radius: 3px; + } +} + +@-moz-document url-prefix() { + input, textarea, select, button { + &:focus { + outline-color: rgba(66, 148, 222, 0.5); + } + } } h1, h2, h3, h4, h5, h6 { @@ -71,4 +84,4 @@ h1, h2, h3, h4, h5, h6 { button::-moz-focus-inner { border: 0; padding: 0; -} \ No newline at end of file +}