Self-contained structure mode css

fsbraun · fsbraun · commit 6c60e12402c4 · 2024-05-08T21:28:35.000+02:00
diff --git a/cms/static/cms/sass/components/_toolbar.scss b/cms/static/cms/sass/components/_toolbar.scss
@@ -85,7 +85,7 @@
         z-index: 30;
 
         @at-root .cms-structure-mode-structure & {
-            right: $toolbar-height;
+            inset-inline-end: $toolbar-height;
         }
     }
     .cms-toolbar .cms-btn-action {
@@ -365,6 +365,17 @@
     }
 }
 
+@at-root .cms-structure-mode-endpoint.cms-structure-mode-structure & {
+    .cms-toolbar-item-cms-mode-switcher {
+        display: none;
+    }
+    .cms-toolbar-right {
+        padding-inline-end: 0;
+    }
+    .cms-toolbar::after, .cms-debug-bar {
+        inset-inline-end: 0;
+    }
+}
 //###########################################################
 // #TOOLBAR/dialog#
 .cms-messages {
diff --git a/cms/templates/cms/toolbar/structure.html b/cms/templates/cms/toolbar/structure.html
@@ -1,6 +1,6 @@
 {% load cms_tags cms_js_tags i18n sekizai_tags %}
 <!DOCTYPE html>
-<html class="cms-overflow">
+<html class="cms-overflow cms-structure-mode-endpoint">
 <head>
     <meta charset="UTF-8">
     <title>{{ object.title }}</title>

Original file line number	Diff line number	Diff line change
`@@ -85,7 +85,7 @@`
`85`	`85`	`z-index: 30;`
`86`	`86`
`87`	`87`	`@at-root .cms-structure-mode-structure & {`
`88`		`- right: $toolbar-height;`
	`88`	`+ inset-inline-end: $toolbar-height;`
`89`	`89`	`}`
`90`	`90`	`}`
`91`	`91`	`.cms-toolbar .cms-btn-action {`
`@@ -365,6 +365,17 @@`
`365`	`365`	`}`
`366`	`366`	`}`
`367`	`367`
	`368`	`+@at-root .cms-structure-mode-endpoint.cms-structure-mode-structure & {`
	`369`	`+ .cms-toolbar-item-cms-mode-switcher {`
	`370`	`+ display: none;`
	`371`	`+ }`
	`372`	`+ .cms-toolbar-right {`
	`373`	`+ padding-inline-end: 0;`
	`374`	`+ }`
	`375`	`+ .cms-toolbar::after, .cms-debug-bar {`
	`376`	`+ inset-inline-end: 0;`
	`377`	`+ }`
	`378`	`+}`
`368`	`379`	`//###########################################################`
`369`	`380`	`// #TOOLBAR/dialog#`
`370`	`381`	`.cms-messages {`