MDL-42111 TinyMCE media preview: fix video preview display for TinyMCE media.

Effected themes: boxxie, clean, brick, formal_white and splash.

theme/bootstrapbase/less/moodle/core.less

@@ -1262,8 +1262,11 @@ audio.mediaplugin_html5audio {
 .core_media_preview.pagelayout-embedded #maincontent {
     height: 0;
 }
-.core_media_preview.pagelayout-embedded .mediaplugin {
+body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
+    padding: 0;
     margin: 0;
+    min-width: 0;
+    background: none;
 }
 /** Fix YUI 2 Treeview for Right to left languages **/
 .dir-rtl .ygtvtn,

theme/bootstrapbase/less/moodle/responsive.less

@@ -421,6 +421,6 @@
     margin-left: 0;
   }
   div[role=main] {
-      margin-bottom: 2em;
+      margin-bottom: 1em;
   }
 }

theme/boxxie/style/core.css

@@ -1064,4 +1064,11 @@ h2.headingblock {
     margin-right: 3px;
     padding: 2px; /* adds padding to icon */
     width: 12px;
-}
+}
+
+.core_media_preview #page-wrapper {
+    min-width: 0;
+    background: none;
+    margin: 0;
+    padding: 0 5px;
+}

theme/brick/style/pagelayout.css

@@ -116,4 +116,21 @@ body {
 }
 
 .pagelayout-report #page-content #region-main {overflow:auto;}
-.pagelayout-report #page-content #region-main .region-content {overflow:visible;}
+.pagelayout-report #page-content #region-main .region-content {overflow:visible;}
+
+.core_media_preview #page {
+    width: 100%;
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+}
+
+body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
+    width: 422px;
+    padding: 0px;
+    background: none;
+}
+.core_media_preview.pagelayout-embedded .mediaplugin {
+    margin: 5px;
+}
+

theme/formal_white/style/pagelayout.css

@@ -62,6 +62,18 @@
     background-color:#FFF;
 }
 
+.core_media_preview #page-content #region-post-box {
+    margin-left: 0;
+}
+
+.core_media_preview #page-content #region-main-wrap {
+    width: 100%;
+}
+
+.core_media_preview #page-content #region-main {
+    margin-left: 30px;
+}
+
 #page-content #region-post-box {
     margin-left:[[calculated:minusdoubleblockcolumnwidth]];
     /* arrotonadamento angolo in basso a dx */

theme/splash/style/pagelayout.css

@@ -776,3 +776,14 @@ table.quizreviewsummary {
     left:0;
     padding-top:10px;
 }
+
+body#page-lib-editor-tinymce-plugins-moodlemedia-preview #page {
+    width: 100%;
+}
+body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
+    min-height: 100%;
+    margin-bottom: 0;
+}
+body#page-lib-editor-tinymce-plugins-moodlemedia-preview .mediaplugin {
+    padding-top: 10px;
+}