Fix env toggling, improve error page styling #8713

Merged
merged 1 commit into from Jan 3, 2013
@@ -26,7 +26,7 @@
</div>
<div class="details">
- <div class="summary"><a href="#" onclick="s = document.getElementById('env_dump').style; s.display=='block' ? s.display = s.display == 'none' ? 'block' : 'none'; return false;">Toggle env dump</a></div>
+ <div class="summary"><a href="#" onclick="s = document.getElementById('env_dump').style; s.display = s.display == 'none' ? 'block' : 'none'; return false;">Toggle env dump</a></div>
<div id="env_dump" style="display:none"><pre><%= debug_hash @request.env.slice(*@request.class::ENV_METHODS) %></pre></div>
</div>
@@ -5,7 +5,7 @@
<title>Action Controller: Exception caught</title>
<style>
body {
- background-color: #FFF;
+ background-color: #FAFAFA;
color: #333;
margin: 0px;
}
@@ -29,21 +29,18 @@
}
header {
- background: #980905;
- background: -webkit-linear-gradient(270deg, #980905, #C52F24);
- background: linear-gradient(270deg, #980905, #C52F24);
- color: #FFF;
- padding: 0.5em;
+ color: #F0F0F0;
+ background: #C52F24;
+ padding: 0.5em 1.5em;
}
h2 {
color: #C52F24;
- padding: 2px;
line-height: 25px;
}
.details {
- border: 1px solid #E5E5E5;
+ border: 1px solid #D0D0D0;
border-radius: 4px;
margin: 1em 0px;
display: block;
@@ -52,7 +49,7 @@
.summary {
padding: 8px 15px;
- border-bottom: 1px solid #E5E5E5;
+ border-bottom: 1px solid #D0D0D0;
display: block;
}
@@ -62,8 +59,9 @@
}
#container {
- margin: auto;
- width: 98%;
+ box-sizing: border-box;
+ width: 100%;
+ padding: 0 1.5em;
}
.source * {