Prevent RTE in fullscreen being partially covered by the left menu column (should fix #14890) (#15002)

jannikanker · Jannik Anker · JasonElkin · web-flow · commit 6b599b641c3a · 2023-11-29T14:59:20.000+01:00
* Should fix #14890 * Set z-index of #leftcolumn to 0 when Tiny MCE is in fullscreen mode --------- Co-authored-by: Jannik Anker <jaa@kfforsikring.dk> Co-authored-by: Jason Elkin <jason@bumpdigital.co.uk>
diff --git a/src/Umbraco.Web.UI.Client/src/less/application/grid.less b/src/Umbraco.Web.UI.Client/src/less/application/grid.less
@@ -84,6 +84,12 @@ body.umb-drawer-is-visible #mainwrapper{
   &.above-backdrop{
       z-index: 7501;
   }
+
+  // force behind TinyMCE when it's in fullscreen mode
+  .tox-fullscreen & {
+    z-index: 0;
+  }
+
 }
 
 #navigation {

Original file line number	Diff line number	Diff line change
`@@ -84,6 +84,12 @@ body.umb-drawer-is-visible #mainwrapper{`
`84`	`84`	`&.above-backdrop{`
`85`	`85`	`z-index: 7501;`
`86`	`86`	`}`
	`87`	`+`
	`88`	`+ // force behind TinyMCE when it's in fullscreen mode`
	`89`	`+ .tox-fullscreen & {`
	`90`	`+ z-index: 0;`
	`91`	`+ }`
	`92`	`+`
`87`	`93`	`}`
`88`	`94`
`89`	`95`	`#navigation {`