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 3a8f6e0fbadc9..2741a50194428 100644 --- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig +++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig @@ -252,6 +252,10 @@ line-height: 17px; } +.sf-toolbar-block-ajax .sf-toolbar-icon { + cursor: pointer; +} + .sf-toolbar-status-green .sf-toolbar-label, .sf-toolbar-status-yellow .sf-toolbar-label, .sf-toolbar-status-red .sf-toolbar-label { @@ -295,15 +299,18 @@ margin-left: 4px; } -.sf-toolbar-block:hover { +.sf-toolbar-block:hover, +.sf-toolbar-block.hover { position: relative; } -.sf-toolbar-block:hover .sf-toolbar-icon { +.sf-toolbar-block:hover .sf-toolbar-icon, +.sf-toolbar-block.hover .sf-toolbar-icon { background-color: #444; position: relative; z-index: 10002; } -.sf-toolbar-block:hover .sf-toolbar-info { +.sf-toolbar-block:hover .sf-toolbar-info, +.sf-toolbar-block.hover .sf-toolbar-info { display: block; padding: 10px; max-width: 480px; diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar_js.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar_js.html.twig index 3f561d7e08360..ec54c2fb9e5bf 100644 --- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar_js.html.twig +++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar_js.html.twig @@ -93,6 +93,11 @@ Sfjs.setPreference('toolbar/displayState', 'block'); }); Sfjs.renderAjaxRequests(); + Sfjs.addEventListener(document.querySelector('.sf-toolbar-block-ajax > .sf-toolbar-icon'), 'click', function (event) { + event.preventDefault(); + + Sfjs.toggleClass(this.parentNode, 'hover'); + }); }, function(xhr) { if (xhr.status !== 0) {