Map css fixes for iPad

bcgov · Oct 12, 2023 · 1a73c18 · 1a73c18
1 parent e4de2bd
commit 1a73c18
Showing 1 changed file with 36 additions and 0 deletions.
diff --git a/.../angular/src/app/components/report-of-fire/location-page/rof-location-page.component.scss b/.../angular/src/app/components/report-of-fire/location-page/rof-location-page.component.scss
@@ -99,4 +99,40 @@
   text-shadow: 2px 2px 3px rgba(0,0,0,36%), -2px 2px 3px rgba(0,0,0,36%), 2px -2px 3px rgba(0,0,0,36%), -2px -2px 3px rgba(0,0,0,36%);
 }
 
+@media (min-width: 1024px) and (max-height: 790px) and (min-height: 720px) {
+   .map-container {
+      height: 45vh !important;
+   }
+}
+
+@media (min-width: 1024px) and (max-height: 719px) and (min-height: 610px) {
+  .map-container {
+     height: 40vh !important;
+  }
+}
+
+@media (min-width: 1024px) and (max-height: 609px) and (min-height: 555px) {
+  .map-container {
+     height: 35vh !important;
+  }
+}
+
+@media (min-width: 1024px) and (max-height: 554px) and (min-height: 510px) {
+  .map-container {
+     height: 30vh !important;
+  }
+}
+
+@media (min-width: 1024px) and (max-height: 509px) {
+  .map-container {
+     height: 25vh !important;
+  }
+}
+
+@media (min-width: 768px) and (max-height: 835px) {
+  .map-container {
+     height: 45vh !important;
+  }
+}
+