diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/base_js.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/base_js.html.twig index db3791abdab6f..5f623a406bfcb 100644 --- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/base_js.html.twig +++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/base_js.html.twig @@ -473,7 +473,11 @@ } }; } - addEventListener(document.getElementById('sfToolbarHideButton-' + newToken), 'click', function (event) { + var hideButton = document.getElementById('sfToolbarHideButton-' + newToken); + var hideButtonSvg = hideButton.querySelector('svg'); + hideButtonSvg.setAttribute('aria-hidden', 'true'); + hideButtonSvg.setAttribute('focusable', 'false'); + addEventListener(hideButton, 'click', function (event) { event.preventDefault(); var p = this.parentNode; @@ -482,7 +486,11 @@ document.getElementById('sfMiniToolbar-' + newToken).style.display = 'block'; setPreference('toolbar/displayState', 'none'); }); - addEventListener(document.getElementById('sfToolbarMiniToggler-' + newToken), 'click', function (event) { + var showButton = document.getElementById('sfToolbarMiniToggler-' + newToken); + var showButtonSvg = showButton.querySelector('svg'); + showButtonSvg.setAttribute('aria-hidden', 'true'); + showButtonSvg.setAttribute('focusable', 'false'); + addEventListener(showButton, 'click', function (event) { event.preventDefault(); var elem = this.parentNode; diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig index 6669cd721fe73..be545da0e215e 100644 --- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig +++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig @@ -14,8 +14,10 @@ z-index: 99999; } -.sf-minitoolbar a { - display: block; +.sf-minitoolbar button { + background-color: transparent; + padding: 0; + border: none; } .sf-minitoolbar svg, .sf-minitoolbar img { @@ -81,10 +83,13 @@ height: 36px; cursor: pointer; text-align: center; + border: none; + margin: 0; + padding: 0; } .sf-toolbarreset .hide-button svg { max-height: 18px; - margin-top: 10px; + margin-top: 1px; } .sf-toolbar-block { diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.html.twig index a211617d7234d..efc89db286816 100644 --- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.html.twig +++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.html.twig @@ -1,8 +1,8 @@
@@ -23,8 +23,8 @@ {% endif %} {% endfor %} - + +