bug #20716 [WebProfilerBundle] Fix dump block is unfairly restrained (ogizanagi)

javiereguiluz · javiereguiluz · commit 03c79bef701d · 2016-12-02T10:28:14.000+01:00
This PR was merged into the 2.8 branch. Discussion ---------- [WebProfilerBundle] Fix dump block is unfairly restrained | Q | A | ------------- | --- | Branch? | 2.8 | Bug fix? | yes | New feature? | no | BC breaks? | no | Deprecations? | no | Tests pass? | yes | Fixed tickets | N/A | License | MIT | Doc PR | N/A The `display: table-row` rule does not suit well for such blocks and prevent from containing them properly in the parent container (thus the reason why the width was set to `200px` I guess). ### Before <img width="539" alt="screenshot 2016-12-01 a 20 21 49" src="https://cloud.githubusercontent.com/assets/2211145/20808878/8af6faa2-b804-11e6-8656-8ebd710b4acb.PNG"> ### After <img width="524" alt="screenshot 2016-12-01 a 20 21 14" src="https://cloud.githubusercontent.com/assets/2211145/20808885/9106b0cc-b804-11e6-9ddc-0cc09a546274.PNG"> (max width is still fixed to `480px` by `.sf-toolbar-block:hover .sf-toolbar-info`) Commits ------- 997beb2 [WebProfilerBundle] Fix dump block is unfairly restrained
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig
@@ -356,11 +356,13 @@
     border-color: #777;
     border-radius: 0;
     margin: 6px 0 12px 0;
-    width: 200px;
 }
 .sf-toolbar-block-dump pre.sf-dump:last-child {
     margin-bottom: 0;
 }
+.sf-toolbar-block-dump .sf-toolbar-info-piece {
+    display: block;
+}
 .sf-toolbar-block-dump .sf-toolbar-info-piece .sf-toolbar-file-line {
     color: #AAA;
     margin-left: 4px;
