mbirth/LuckyCoinkydink
1
0
Fork 0
Code Issues Pull Requests Activity

Use improved backend preview iframe height calculation method

Browse Source 
Applied to all recommended themes in the core.

References #420
This commit is contained in:
Matthias Mees 2016-09-09 16:43:15 +02:00
parent f15cb17755
commit 9a4c26f13f
4 changed files with 9 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
templates/2k11/preview_iframe.tpl
View File

@ -32,10 +32,7 @@
<script src="{serendipity_getFile file='admin/serendipity_editor.js'}"></script>
<script>
window.onload = function() {ldelim}
parent.document.getElementById('serendipity_iframe').style.height = document.getElementById('content').offsetHeight
+ parseInt(document.getElementById('content').style.marginTop)
+ parseInt(document.getElementById('content').style.marginBottom)
+ 'px';
parent.document.getElementById('serendipity_iframe').style.height = document.querySelector('html').offsetHeight + 'px';
parent.document.getElementById('serendipity_iframe').scrolling = 'no';
parent.document.getElementById('serendipity_iframe').style.border = 0;
{rdelim}
@ -44,7 +41,7 @@
<body{if $template_option.webfonts != 'none'} class="{$template_option.webfonts}"{/if}>
<div id="page" class="clearfix container">
<div class="clearfix{if $leftSidebarElements > 0 && $rightSidebarElements > 0} col3{elseif $leftSidebarElements > 0 && $rightSidebarElements == 0} col2l{else} col2r{/if}">
<main id="content" style="padding: 1em 0; margin: 0;">
<main id="content"{if $template_option.imgstyle != 'none'} class="{$template_option.imgstyle}"{/if}>
{if $mode == 'preview'}
<div class="clearfix">
{elseif $mode == 'save'}

7
templates/clean-blog/preview_iframe.tpl
View File

@ -28,17 +28,14 @@
<script src="{serendipity_getFile file='admin/serendipity_editor.js'}"></script>
<script>
window.onload = function() {ldelim}
parent.document.getElementById('serendipity_iframe').style.height = document.getElementById('maincontent').offsetHeight
+ parseInt(document.getElementById('maincontent').style.marginTop)
+ parseInt(document.getElementById('maincontent').style.marginBottom)
+ 'px';
parent.document.getElementById('serendipity_iframe').style.height = document.querySelector('html').offsetHeight + 'px';
parent.document.getElementById('serendipity_iframe').scrolling = 'no';
parent.document.getElementById('serendipity_iframe').style.border = 0;
{rdelim}
</script>
</head>
<body>
<main id="maincontent" class="container" role="main" style="margin: 0 auto;">
<main id="maincontent" class="container" role="main">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
{if $mode == 'preview'}

6
templates/next/preview_iframe.tpl
View File

@ -1,6 +1,6 @@
<!doctype html>
<!--[if IE 8 ]> <html id="preview" class="no-js lt-ie9" lang="{$lang}"> <![endif]-->
<!--[if gt IE 8]><!--> <html id="preview_iframe" class="no-js" lang="{$lang}"> <!--<![endif]-->
<!--[if IE 8 ]> <html class="no-js lt-ie9" lang="{$lang}"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="{$lang}"> <!--<![endif]-->
<head>
<meta charset="{$head_charset}">
<title>{$CONST.SERENDIPITY_ADMIN_SUITE}</title>
@ -33,7 +33,7 @@
<script src="{serendipity_getFile file='admin/serendipity_editor.js'}"></script>
<script type="text/javascript">
window.onload = function() {ldelim}
parent.document.getElementById('serendipity_iframe').style.height = document.getElementById('preview_iframe').offsetHeight + 'px';
parent.document.getElementById('serendipity_iframe').style.height = document.querySelector('html').offsetHeight + 'px';
parent.document.getElementById('serendipity_iframe').scrolling = 'no';
parent.document.getElementById('serendipity_iframe').style.border = 0;
{rdelim}

7
templates/timeline/preview_iframe.tpl
View File

@ -23,17 +23,14 @@
<script src="{serendipity_getFile file='admin/serendipity_editor.js'}"></script>
<script>
window.onload = function() {ldelim}
parent.document.getElementById('serendipity_iframe').style.height = document.getElementById('maincontent').offsetHeight
+ parseInt(document.getElementById('maincontent').style.marginTop)
+ parseInt(document.getElementById('maincontent').style.marginBottom)
+ 'px';
parent.document.getElementById('serendipity_iframe').style.height = document.querySelector('html').offsetHeight + 'px';
parent.document.getElementById('serendipity_iframe').scrolling = 'no';
parent.document.getElementById('serendipity_iframe').style.border = 0;
{rdelim}
</script>
</head>
<body>
<main id="maincontent" class="container content" role="main" style="margin: 0 auto;">
<main id="maincontent" class="container content" role="main">
<div class="row">
<div class="col-md-9">
{if $mode == 'preview'}