From ac7591f505f0caef4308c6e884354bdb3ae19dc3 Mon Sep 17 00:00:00 2001
From: Abdellatif Ait boudad <a.aitboudad@gmail.com>
Date: Wed, 16 Sep 2015 12:52:37 +0000
Subject: [PATCH] [WebProfilerBundle] added btn-link.

---
 .../Resources/views/Collector/logger.html.twig      |  2 +-
 .../Resources/views/Collector/translation.html.twig |  2 +-
 .../Resources/views/Profiler/base_js.html.twig      |  4 ++--
 .../Resources/views/Profiler/profiler.css.twig      | 13 ++++++++++++-
 4 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/logger.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/logger.html.twig
index 2404987ca5..8ba4d7025a 100644
--- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/logger.html.twig
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/logger.html.twig
@@ -162,7 +162,7 @@
         {% endif %}
 
         {% if stack %}
-            <a class="text-small sf-toggle" data-toggle-selector="#{{ id }}" data-toggle-alt-content="Hide stack trace">Show strack trace</a>
+            <button class="btn-link text-small sf-toggle" data-toggle-selector="#{{ id }}" data-toggle-alt-content="Hide stack trace">Show strack trace</button>
         {% endif %}
 
         {% for index, call in stack if index > 1 %}
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/translation.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/translation.html.twig
index ad5310c293..0be04e7611 100644
--- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/translation.html.twig
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/translation.html.twig
@@ -179,7 +179,7 @@
                     {% endif %}
 
                     {% if message.parameters|length > 0 %}
-                        <a class="newline text-small sf-toggle" data-toggle-selector="#parameters-{{ loop.index }}" data-toggle-alt-content="Hide parameters">Show parameters</a>
+                        <button class="btn-link newline text-small sf-toggle" data-toggle-selector="#parameters-{{ loop.index }}" data-toggle-alt-content="Hide parameters">Show parameters</button>
 
                         <div id="parameters-{{ loop.index }}" class="hidden">
                             {% for parameters in message.parameters %}
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 a25f1889fc..f196e91b58 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
@@ -387,6 +387,8 @@
                     }
 
                     Sfjs.addEventListener(toggles[i], 'click', function(e) {
+                        e.preventDefault();
+
                         var toggle = e.target || e.srcElement;
                         var element = document.querySelector(toggle.getAttribute('data-toggle-selector'));
 
@@ -406,8 +408,6 @@
                         var originalContent = toggle.getAttribute('data-toggle-original-content');
                         var altContent = toggle.getAttribute('data-toggle-alt-content');
                         toggle.innerHTML = currentContent !== altContent ? altContent : originalContent;
-
-                        e.preventDefault();
                     });
                 }
             }
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/profiler.css.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/profiler.css.twig
index 4ae5f829ed..bd9c701286 100644
--- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/profiler.css.twig
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/profiler.css.twig
@@ -115,7 +115,18 @@ button {
     height: 16px;
     vertical-align: middle;
 }
-
+.btn-link {
+    border-color: transparent;
+    color: #218BC3;
+    text-decoration: none;
+    background-color: transparent;
+    outline: none;
+    border: 0;
+    padding: 0;
+}
+.btn-link:hover {
+    text-decoration: underline;
+}
 {# Tables
    ------------------------------------------------------------------------- #}
 table, tr, th, td {