iiiypuk/markdown-live-preview
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
Hideaki Tanabe 2020-10-27 01:16:25 +09:00
parent 13703bf575
commit e34f87da3f
2 changed files with 24 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
public/css/style.css
View File

@ -13,7 +13,7 @@ html, body {
} }
body { body {
overscroll-behavior-y: none; overscroll-behavior: none;
} }
h1, h2, h3, h4, h5, h6, p { h1, h2, h3, h4, h5, h6, p {
@ -82,24 +82,40 @@ img {
} }
#footer { #footer {
display :none; padding: 5px;
z-index: 1001;
position: absolute;
bottom: 0;
left: 0;
width: 100%; width: 100%;
background-color: #444; background-color: #444;
color: #fff; color: #fff;
text-align: center; text-align: center;
display: flex;
justify-content: center;
align-items: center;
} }
#footer #copyright { #footer #copyright {
font-size: 12px;
color: #999; color: #999;
} }
#copyright img {
width: 16px;
display: block;
padding: 0;
margin: 0;
}
#footer #copyright a { #footer #copyright a {
font-size: 12px; display: block;
padding: 0;
margin: 0;
font-size:0;
color: #999; color: #999;
} }
#footer #copyright a:hover { #footer #copyright a:hover {
color: #fff; color: #fff;
text-decoration: underline; text-decoration: none;
} }

7
public/js/main.js
View File

@ -4,10 +4,9 @@ $(function() {
let adjustScreen = () => { let adjustScreen = () => {
let screenHeight = $(window).height(); let screenHeight = $(window).height();
let headerHeight = $('#header').outerHeight(); let headerHeight = $('#header').outerHeight();
let containerHeight = screenHeight - headerHeight; let footerHeight = $('#footer').outerHeight();
console.log(containerHeight); let containerHeight = screenHeight - headerHeight - footerHeight;
$('#container').css({ top: `${headerHeight}px` }); $('#container').css({ top: `${headerHeight}px` });
$('#container').css({ height: `${containerHeight}px`});
$('.column').css({ height: `${containerHeight}px`}); $('.column').css({ height: `${containerHeight}px`});
}; };
@ -18,6 +17,7 @@ $(function() {
// Setup editor // Setup editor
let editor = ace.edit('editor'); let editor = ace.edit('editor');
editor.getSession().setUseWrapMode(true); editor.getSession().setUseWrapMode(true);
editor.renderer.setScrollMargin(10, 10, 10, 10);
editor.setOptions({ editor.setOptions({
maxLines: Infinity, maxLines: Infinity,
indentedSoftWrap: false, indentedSoftWrap: false,
@ -26,7 +26,6 @@ $(function() {
theme: 'ace/theme/github', theme: 'ace/theme/github',
// TODO consider some options // TODO consider some options
}); });
editor.on('change', () => { editor.on('change', () => {
isEdited = true; isEdited = true;
convert(); convert();