Fixed positioning for zooming at different resolutions

JoshuaForrest · JoshuaForrest · commit ccdb7c0b2ff9 · 2025-03-11T15:15:17.000Z
diff --git a/client/sass/_map-controls.scss b/client/sass/_map-controls.scss
@@ -305,11 +305,16 @@ $gov-font: "HelveticaNeue", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
     @media screen and (max-device-width: $tablet-width) {
       display: none;
     }
-    @media screen and (min-resolution: 2.2dppx) {
+    @media screen and (min-device-width: $desktop-width) and (min-resolution: 2.2dppx) {
       position: absolute;
       bottom: 45px;
       margin-right: -5px;
     }
+    @media screen and (min-device-width: $desktop-width) and (max-width: $tablet-width) and (min-resolution: 1.75dppx) {
+      position: absolute;
+      bottom: 45px;
+      margin-right: -5px;
+  }
   }
   
   .esri-zoom.with-scenario-bar {
diff --git a/client/sass/map-page.scss b/client/sass/map-page.scss
@@ -78,6 +78,9 @@ body {
     @media screen and (max-device-width: $small-mobile-width) {
       bottom: 40px;
     }
+    @media screen and (min-device-width: $desktop-width) and (max-width: $small-mobile-width) and (min-resolution: 4dppx) {
+      bottom: 20px;
+    }
   }
 
   .os-logo-position-change {

Original file line number	Diff line number	Diff line change
`@@ -305,11 +305,16 @@ $gov-font: "HelveticaNeue", "Helvetica Neue", "Arial", "Helvetica", sans-serif;`
`305`	`305`	`@media screen and (max-device-width: $tablet-width) {`
`306`	`306`	`display: none;`
`307`	`307`	`}`
`308`		`- @media screen and (min-resolution: 2.2dppx) {`
	`308`	`+ @media screen and (min-device-width: $desktop-width) and (min-resolution: 2.2dppx) {`
`309`	`309`	`position: absolute;`
`310`	`310`	`bottom: 45px;`
`311`	`311`	`margin-right: -5px;`
`312`	`312`	`}`
	`313`	`+ @media screen and (min-device-width: $desktop-width) and (max-width: $tablet-width) and (min-resolution: 1.75dppx) {`
	`314`	`+ position: absolute;`
	`315`	`+ bottom: 45px;`
	`316`	`+ margin-right: -5px;`
	`317`	`+ }`
`313`	`318`	`}`
`314`	`319`
`315`	`320`	`.esri-zoom.with-scenario-bar {`
Original file line number	Diff line number	Diff line change
`@@ -78,6 +78,9 @@ body {`
`78`	`78`	`@media screen and (max-device-width: $small-mobile-width) {`
`79`	`79`	`bottom: 40px;`
`80`	`80`	`}`
	`81`	`+ @media screen and (min-device-width: $desktop-width) and (max-width: $small-mobile-width) and (min-resolution: 4dppx) {`
	`82`	`+ bottom: 20px;`
	`83`	`+ }`
`81`	`84`	`}`
`82`	`85`
`83`	`86`	`.os-logo-position-change {`