diff --git a/Build/Sources/Sass/component/_elementbrowser.scss b/Build/Sources/Sass/component/_elementbrowser.scss index c29573047d0a..b0bdaf650b48 100644 --- a/Build/Sources/Sass/component/_elementbrowser.scss +++ b/Build/Sources/Sass/component/_elementbrowser.scss @@ -82,6 +82,10 @@ .nav-link { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); + + &:focus-visible { + box-shadow: rgba(0, 120, 230, .25) 0 0 0 .25rem; + } } } diff --git a/typo3/sysext/backend/Resources/Public/Css/backend.css b/typo3/sysext/backend/Resources/Public/Css/backend.css index 7c318ee9a16d..f212dbe4df35 100644 --- a/typo3/sysext/backend/Resources/Public/Css/backend.css +++ b/typo3/sysext/backend/Resources/Public/Css/backend.css @@ -3408,6 +3408,7 @@ typo3-backend-form-selecttree-toolbar{display:block;border-bottom:1px solid rgba .element-browser-header+.element-browser-nav{padding-top:0} .element-browser-nav .nav{gap:2px} .element-browser-nav .nav-link,.element-browser-nav .nav.nav-tabs>li:not(.nav-item)>a:not(.nav-link){box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)} +.element-browser-nav .nav-link:focus-visible,.element-browser-nav .nav.nav-tabs>li:not(.nav-item)>a:focus-visible:not(.nav-link){box-shadow:rgba(0,120,230,.25) 0 0 0 .25rem} .element-browser-body{overflow:unset;padding:var(--typo3-spacing)} .element-browser-body>:first-child{margin-top:0} .element-browser-body>:last-child{margin-bottom:0}