From cfbc45a6a89dd2cde93bb6d48f5e9f6188f1e92c Mon Sep 17 00:00:00 2001 From: filp Date: Fri, 15 Mar 2013 19:53:15 +0000 Subject: [PATCH] Move exception title to right-side of layout (#5) --- src/Damnit/Resources/pretty-template.php | 50 +++++++++++------------- 1 file changed, 23 insertions(+), 27 deletions(-) diff --git a/src/Damnit/Resources/pretty-template.php b/src/Damnit/Resources/pretty-template.php index b57ed1c..4e8d845 100644 --- a/src/Damnit/Resources/pretty-template.php +++ b/src/Damnit/Resources/pretty-template.php @@ -43,19 +43,12 @@ .branding a { color: #CD3F3F; } - * { - box-sizing: border-box; - } + header { - width: 100%; - height: 110px; - position: absolute; - z-index: 99; - top: 0; - left: 0; padding: 30px 20px; color: white; background: #272727; + box-sizing: border-box; } .exc-title { margin: 0; @@ -66,10 +59,10 @@ .exc-message { font-size: 32px; margin: 5px 0; + word-wrap: break-word; } .stack-container{ height: 100%; - padding-top:110px; position: relative; } .details-container { @@ -296,22 +289,7 @@
-
-
-

- name as $i => $nameSection): ?> - name) - 1): ?> - - - - - -

-

- message) ?> -

-
-
+
@@ -337,6 +315,23 @@
+
+
+

+ name as $i => $nameSection): ?> + name) - 1): ?> + + + + + +

+

+ message) ?> +

+
+
+ @@ -433,6 +428,7 @@ var $activeLine = $('.frames-container .active'); var $activeFrame = $('.active[id^="frame-code-"]').show(); var $container = $('.details-container'); + var headerHeight = $('header').css('height'); $frameLines.click(function() { var $this = $(this); @@ -449,7 +445,7 @@ $activeLine = $this; $activeFrame = $codeFrame; - $container.animate({ scrollTop: 0 }, "fast"); + $container.animate({ scrollTop: headerHeight }, "fast"); } }); });