Move header section outside right pane and to the top

This commit is contained in:
Filipe Dobreira
2015-06-06 21:54:35 +01:00
parent 721e900931
commit e91727e5de
3 changed files with 12 additions and 13 deletions
+3 -4
View File
@@ -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 {
+6 -6
View File
@@ -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();
+3 -3
View File
@@ -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>