TechNote/index.html
Joey Payne 03238ad179 Add proper resizing of scrollable Notebook area
Resizing needed to be 100% of the height, but css would not work. Jquery
is now used.
2016-03-03 11:35:14 -07:00

41 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500' rel='stylesheet' type='text/css'>
<link href='style.css' rel='stylesheet' type='text/css'>
<style type="text/css">
body {
font-family: 'Roboto', sans-serif;
};
</style>
</head>
<body style="width:100%; height:100%">
<div id="main">
</div>
<script>
window.$ = window.jQuery = require('./app/static/jquery-1.12.0.min.js');
$(document).ready(function(){
document.addEventListener("keydown", function (e) {
if (e.which === 123) {
require('remote').getCurrentWindow().toggleDevTools();
} else if (e.which === 116) {
location.reload();
}
});
function resize()
{
var heights = window.innerHeight;
$("#main").height(heights+"px");
var h = $('#main-nav').outerHeight(true);
var subheaderHeight = $('#nblist > div:first-child').outerHeight(true);
$('#notebook-list').height(heights-h-subheaderHeight);
}
resize();
$(window).resize(function() {
resize();
});
});
</script>
<script type="text/javascript" src="dist/bundle.js"></script>
</body>
</html>