Improve debug panel styles, and change color to red if there are errors

This commit is contained in:
Kijin Sung 2016-02-15 15:38:01 +09:00
parent 83bf38c245
commit 3045ac9c42
2 changed files with 55 additions and 32 deletions

View file

@ -296,6 +296,7 @@ button.btn {
position: fixed;
left: 0; bottom: 40px;
background: #eeeeee;
background: linear-gradient(to bottom, #f4f4f4 0%, #eaeaea 100%);
border: 1px solid #ccc; border-left: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
@ -303,7 +304,8 @@ button.btn {
z-index: 1073741824;
}
#rhymix_debug_button:hover {
background: #444444;
background: #dddddd;
background: linear-gradient(to bottom, #e8e8e8 0%, #d9d9d9 100%);
}
#rhymix_debug_button a {
display: block;
@ -312,8 +314,8 @@ button.btn {
text-decoration: none;
padding: 4px 8px;
}
#rhymix_debug_button a:hover {
color: #eeeeee;
#rhymix_debug_button a.has_errors {
color: #f44336;
}
#rhymix_debug_panel {
display: none;
@ -369,6 +371,7 @@ button.btn {
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
position: relative;
cursor: pointer;
}
#rhymix_debug_panel .debug_page .debug_page_header h3 {
color: #444;
@ -401,16 +404,25 @@ button.btn {
}
#rhymix_debug_panel .debug_page .debug_entry {
font-family: Consolas, "Courier New", monospace;
color: #666;
color: #444;
margin-left: 38px;
margin-bottom: 8px;
text-indent: -28px;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
}
#rhymix_debug_panel .debug_page .debug_entry.no_indentation {
margin-left: 10px;
text-indent: 0;
#rhymix_debug_panel .debug_page .debug_entry ul.debug_metadata {
margin: 0 0 0 -16px; padding: 0;
}
#rhymix_debug_panel .debug_page .debug_entry.collapse_spaces {
white-space: pre-line;
#rhymix_debug_panel .debug_page .debug_entry ul.debug_metadata li {
list-style: disc;
margin: 0; padding: 0; text-indent: 0;
}
#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace {
margin: 4px 0 0 16px; padding: 0;
}
#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace li {
list-style: disc;
margin: 0; padding: 0; text-indent: 0;
color: #888;
}