Merge pull request #1448 from cshagen/master

Colors theme: Fix layout issues
openWB · Mar 7, 2024 · b4e0557 · b4e0557
2 parents 8bfd775 + d3d0208
commit b4e0557
Show file tree

Hide file tree

Showing 20 changed files with 603 additions and 395 deletions.
diff --git a/packages/modules/web_themes/colors/source/src/assets/css/style.css b/packages/modules/web_themes/colors/source/src/assets/css/style.css
@@ -24,7 +24,12 @@ body>.container {
 /* No media query since this is the default in Bootstrap */
 html {
 	font-size: 12px;
+	.settingscolumn {
+		grid-column: span 12;
+	}
 }
+
+
 @media screen and (min-width: 240px) {
 	html {
 		font-size: 13px;
@@ -81,6 +86,9 @@ html {
 @media screen and (min-width: 992px) {
 	html {
 		font-size: 11px;
+		.settingscolumn {
+			grid-column: span 4;
+		}
 	}
 }
 /* Extra large devices (very large desktops, 1200px and up) */
@@ -309,11 +317,23 @@ body>.container-fluid {
 .grid-col-12 {
 	grid-column: span 12;
 }
-.subgrid {
-	display:grid;
-	grid-column: 1 / 13; 
-	grid-template-columns: subgrid;
-	justify-content: top;
+
+@supports (grid-template-columns: subgrid) {
+	.subgrid {
+		display:grid;
+		grid-column: span 12; 
+		grid-template-columns: subgrid;
+		justify-content: top;
+	}
+}
+@supports not (grid-template-columns: subgrid) {
+	.subgrid {
+		display:grid;
+		grid-column: span 12; 
+		grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
+		justify-content: top;
+		width: 100%;
+	}
 }
 .grid-left {
 	justify-self: start;
@@ -365,4 +385,8 @@ swiper-slide {
 
 option {
 	color: blue;
-}
+}
+.ttarea .ttmessage {visibility: hidden}
+.ttarea:hover  .ttmessage {
+    visibility: visible;
+}
diff --git a/packages/modules/web_themes/colors/source/src/assets/js/themeConfig.ts b/packages/modules/web_themes/colors/source/src/assets/js/themeConfig.ts
@@ -415,7 +415,9 @@ function writeCookie() {
 	prefs.debug = globalConfig.debug
 
 	document.cookie =
-		'openWBColorTheme=' + JSON.stringify(prefs) + '; max-age=16000000'
+		'openWBColorTheme=' +
+		JSON.stringify(prefs) +
+		';max-age=16000000;samesite=strict'
 }
 
 function readCookie() {