local forecast enhanced-wide #188 #196 #193 #194

server/scripts/modules/settings.mjs

@@ -37,7 +37,7 @@ const enhancedScreenChange = (value) => {
 	if (!container) {
 		// DOM not ready; defer enabling if set
 		if (value) {
-			deferredDomSettings.add('enhanced');
+			deferredDomSettings.add('enhancedScreens');
 		}
 		return;
 	}

server/styles/scss/_weather-display.scss

@@ -16,6 +16,13 @@
 		background-repeat: no-repeat;
 	}
 
+	.wide.enhanced & {
+		&:has(.can-enhance) {
+			background-image: url(../images/backgrounds/1-wide-enhanced.png);
+			background-position-x: 0px;
+		}
+	}
+
 	/* this method is required to hide blocks so they can be measured while off screen */
 	height: 0px;
 
@@ -135,6 +142,12 @@
 			margin-left: p.$blue-box-margin;
 			margin-right: p.$blue-box-margin;
 			width: calc(100% - 128px);
+
+			.wide.enhanced & {
+				&.can-enhance {
+					width: calc(p.$wide-width - p.$blue-box-margin - p.$blue-box-margin)
+				}
+			}
 		}
 
 	}