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
parent
6615d36f8d
commit
48e1d1c23f
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue