From a647b487151552b12e3358c4819b7e18b0c5ff7a Mon Sep 17 00:00:00 2001 From: Ayumi <57409060+ayumi-cloud@users.noreply.github.com> Date: Tue, 21 Jan 2020 18:09:04 +0000 Subject: [PATCH] Set a consistent focus ring style on all browsers (#4895) Fixes #4892. Related: #4819 --- modules/system/assets/ui/less/site.normalize.less | 10 ++++++++++ modules/system/assets/ui/storm.css | 1 + 2 files changed, 11 insertions(+) diff --git a/modules/system/assets/ui/less/site.normalize.less b/modules/system/assets/ui/less/site.normalize.less index d40b1a822..5cda25032 100644 --- a/modules/system/assets/ui/less/site.normalize.less +++ b/modules/system/assets/ui/less/site.normalize.less @@ -1,3 +1,13 @@ +/*! Make focus ring standard on every browser */ + +// See github issue https://github.com/octobercms/october/issues/4892 + +&:focus { + outline: none; + -webkit-box-shadow: inset 0 1px 2px rgba(27,31,35,.075), 0 0 0 0.2em rgba(3,102,214,.3); + box-shadow: inset 0 1px 2px rgba(27,31,35,.075), 0 0 0 0.2em rgba(3,102,214,.3); +} + /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ // diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css index 6e0e23340..ec4263b9e 100644 --- a/modules/system/assets/ui/storm.css +++ b/modules/system/assets/ui/storm.css @@ -1,3 +1,4 @@ +:focus {outline:none;-webkit-box-shadow:inset 0 1px 2px rgba(27,31,35,.075),0 0 0 .2em rgba(3,102,214,.3);box-shadow:inset 0 1px 2px rgba(27,31,35,.075),0 0 0 .2em rgba(3,102,214,.3)} html {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body {margin:0} article,