mirror of
https://github.com/filp/whoops.git
synced 2026-09-01 04:58:14 +00:00
Move header section outside right pane and to the top
This commit is contained in:
@@ -18,7 +18,6 @@ body {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
@@ -38,11 +37,9 @@ body {
|
||||
header {
|
||||
color: white;
|
||||
box-sizing: border-box;
|
||||
border-left: 3px solid #4288CE;
|
||||
background-color: #2a2a2a;
|
||||
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
|
||||
|
||||
padding: 25px 40px;
|
||||
padding: 35px 40px;
|
||||
}
|
||||
.exc-title {
|
||||
margin: 0;
|
||||
@@ -134,6 +131,8 @@ header {
|
||||
background: #2a2a2a;
|
||||
display: none;
|
||||
border-left: 3px solid #4288CE;
|
||||
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
.frame-code.active {
|
||||
|
||||
@@ -39,10 +39,10 @@ Zepto(function($) {
|
||||
|
||||
highlightCurrentLine();
|
||||
|
||||
$container.scrollTop(headerHeight);
|
||||
$container.scrollTop(0);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
if (typeof ZeroClipboard !== "undefined") {
|
||||
ZeroClipboard.config({
|
||||
moviePath: '//ajax.cdnjs.com/ajax/libs/zeroclipboard/1.3.5/ZeroClipboard.swf',
|
||||
@@ -57,11 +57,11 @@ Zepto(function($) {
|
||||
$clipEl.show();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
$(document).on('keydown', function(e) {
|
||||
if(e.ctrlKey) {
|
||||
// CTRL+Arrow-UP/Arrow-Down support:
|
||||
// 1) select the next/prev element
|
||||
// 1) select the next/prev element
|
||||
// 2) make sure the newly selected element is within the view-scope
|
||||
// 3) focus the (right) container, so arrow-up/down (without ctrl) scroll the details
|
||||
if (e.which === 38 /* arrow up */) {
|
||||
@@ -75,9 +75,9 @@ Zepto(function($) {
|
||||
$container.focus();
|
||||
e.preventDefault();
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Avoid to quit the page with some protocol (e.g. IntelliJ Platform REST API)
|
||||
$ajaxEditors.on('click', function(e){
|
||||
e.preventDefault();
|
||||
|
||||
@@ -14,15 +14,15 @@
|
||||
<body>
|
||||
|
||||
<div class="Whoops container">
|
||||
<header>
|
||||
<?php $tpl->render($header) ?>
|
||||
</header>
|
||||
|
||||
<div class="stack-container">
|
||||
<div class="frames-container cf <?php echo (!$has_frames ? 'empty' : '') ?>">
|
||||
<?php $tpl->render($frame_list) ?>
|
||||
</div>
|
||||
<div class="details-container cf">
|
||||
<header>
|
||||
<?php $tpl->render($header) ?>
|
||||
</header>
|
||||
<?php $tpl->render($frame_code) ?>
|
||||
<?php $tpl->render($env_details) ?>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user