CSS: Fix class name for outer iframe `<html>` tag

* Add the class "pad" to the `<html>` tag in `pad.html` (the outer
    iframe's parent).
  * Change the CSS selector that refers to the `<html>` tag in
    `pad.html` from `html:not(.inner-editor)` to `html.pad`.
  * Change the class name of the outer iframe's `<html>` tag from
    "inner-editor" to "outer-editor".
  * Update CSS rules to use the new class name.
pull/4924/head
Richard Hansen 2021-03-04 13:46:42 -05:00 committed by John McLear
parent 6615d36f8d
commit 48e1d1c23f
4 changed files with 4 additions and 4 deletions

View File

@ -4,7 +4,7 @@
@import url('./lists_and_indents.css');
html.inner-editor {
html.outer-editor, html.inner-editor {
height: auto !important;
background-color: transparent !important;
}

View File

@ -4,7 +4,7 @@ html, body {
margin: 0;
padding: 0;
}
html:not(.inner-editor), html:not(.inner-editor) body {
html.pad, html.pad body {
overflow: hidden;
}
body {

View File

@ -207,7 +207,7 @@ const Ace2Editor = function () {
})();`;
const outerHTML =
[doctype, `<html class="inner-editor outerdoc ${clientVars.skinVariants}"><head>`];
[doctype, `<html class="outer-editor outerdoc ${clientVars.skinVariants}"><head>`];
pushStyleTagsFor(outerHTML, includedCSS);
// bizarrely, in FF2, a file with no "external" dependencies won't finish loading properly

View File

@ -7,7 +7,7 @@
<!doctype html>
<% e.begin_block("htmlHead"); %>
<html class="<%=pluginUtils.clientPluginNames().join(' '); %> <%=settings.skinVariants%>">
<html class="pad <%=pluginUtils.clientPluginNames().join(' '); %> <%=settings.skinVariants%>">
<% e.end_block(); %>
<title><%=settings.title%></title>