diff --git a/www/pad/app-pad.less b/www/pad/app-pad.less index 3f6e0b455..730517f74 100644 --- a/www/pad/app-pad.less +++ b/www/pad/app-pad.less @@ -7,10 +7,21 @@ body.cp-app-pad { @color: @colortheme_pad-color ); - #cke_1_top { - overflow: visible; - padding: 0px; + @bg-color: #e3e3e3; + + display: flex; + flex-flow: column; + max-height: 100%; + min-height: auto; + + #cp-app-pad-editor { + flex: 1; + display: flex; + flex-flow: row; + height: 100%; + overflow: hidden; } + .cke_toolbox_main { background-color: @colortheme_pad-toolbar-bg; .cke_toolbar { @@ -36,20 +47,38 @@ body.cp-app-pad { flex-flow: column; height: 100%; border: 0; + flex: 1; > .cke_inner { overflow: hidden; flex: 1; position: unset; display: flex; + flex-flow: column; margin-top: -1px; - #cke_1_contents { - flex: 1; - display: flex; - flex-flow: column; - height: auto !important; - iframe { - flex: 1; - } + } + #cke_1_top { + display: none; + } + } + #cke_1_contents { + flex: 1; + display: flex; + height: auto !important; + background-color: @bg-color; + justify-content: center; + iframe { + flex: 1; + min-width: 0; + } + #cp-app-pad-comments { + width: 400px; + background-color: white; + margin: 30px; + } + &.cke_body_width { + iframe { + margin: 0 30px; + max-width: 800px; } } } diff --git a/www/pad/comments.js b/www/pad/comments.js index e930f65f5..8c4119f92 100644 --- a/www/pad/comments.js +++ b/www/pad/comments.js @@ -30,7 +30,7 @@ define([ var uid; existing.some(function (id) { var author = Env.comments.authors[id] || {}; - if (author.curvePublic !== curvePublic) { return; } + if (author.curvePublic !== curve) { return; } uid = Number(id); return true; }); @@ -76,7 +76,7 @@ define([ }; var md = Util.clone(Env.metadataMgr.getMetadata()); md.comments = Util.clone(Env.comments); - metadataMgr.updateMetadata(md); + Env.metadataMgr.updateMetadata(md); addMark(); diff --git a/www/pad/inner.html b/www/pad/inner.html index 3e93b9028..76def97dc 100644 --- a/www/pad/inner.html +++ b/www/pad/inner.html @@ -42,7 +42,11 @@
+ +