diff --git a/app/views/notices/_backtrace.html.haml b/app/views/notices/_backtrace.html.haml
index 354ca53..64000b9 100644
--- a/app/views/notices/_backtrace.html.haml
+++ b/app/views/notices/_backtrace.html.haml
@@ -1,16 +1,16 @@
.window
%table.backtrace
- %tr
+ %tr.padding
+ %th
+ %td
+ - lines.each do |line|
+ %tr
+ %th.line-numbers= line_number_with_link(@app, line)
+ %td.lines{:class => (Notice.in_app_backtrace_line?(line) ? 'in-app' : nil)}
+ = line['file']
+ →
+ %strong= line['method']
+ %tr.padding
%th
- %ul.line-numbers
- - lines.each do |line|
- %li= line_number_with_link(@app, line)
%td
- %ul.lines
- - lines.each do |line|
- - in_app = line['file'].to_s.gsub!('[PROJECT_ROOT]','') && !line['file'].to_s.match(/^\/vendor\//)
- %li{:class => (in_app ? 'in-app' : nil)}
- = line['file']
- →
- %strong= line['method']
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 082c1e1..bf89332 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -683,38 +683,49 @@ table.deploys td.when {
margin: 0;
}
+table.backtrace td, table.backtrace th {
+ border-top: none;
+}
table.backtrace td {
width: 100%;
padding: 0;
margin: 0;
color: #C7C7C7;
- background-color: #222 !important;
-}
-table.backtrace ul.line-numbers {
- padding-top: 1px;
+ background-color: #222;
}
-table.backtrace ul.line-numbers li {
+
+/* remove alternating color rules */
+table.backtrace tr:nth-child(2n+1) td { background-color: #222; }
+table.backtrace tr:first-child td { border-top: 0; }
+
+table.backtrace th.line-numbers {
border-bottom: 1px solid #F0F0F0;
font-size: 13px;
- line-height: 20px;
text-align: right;
+ vertical-align: middle;
+ padding: 1px 6px 1px 7px;
}
-table.backtrace ul.lines {
- padding: 10px 8px;
- overflow: auto;
-}
-table.backtrace ul.lines li {
+table.backtrace td.lines {
border-bottom: 1px solid #2A2A2A;
font-size: 13px;
- line-height: 20px;
+ padding-left: 8px;
+ vertical-align: middle;
white-space: nowrap;
}
-table.backtrace ul.lines li.in-app {
+table.backtrace td.lines.in-app {
color: #2adb2e;
background-color: #2f2f2f;
}
+/* Extra empty rows at top and bottom of table */
+table.backtrace tr.padding th, table.backtrace tr.padding td {
+ height: 10px;
+ margin: 0;
+ padding: 0;
+}
+
+
span.click_span {
font-size: 0.7em;
}
--
libgit2 0.21.2