Fix Modal height (#2038)

* Fix Modal height Changed Shares and traces modal heights so on small screens modal so it will fit to screen add css into global modal css * Replace id selector with Class Replace ID selector of modal container with class selector --------- Co-authored-by: Harel M <[email protected]>
IsraelHikingMap · Oct 13, 2024 · 9ed2026 · 9ed2026
1 parent 663ffe5
commit 9ed2026
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/IsraelHiking.Web/src/scss/dialogs.scss b/IsraelHiking.Web/src/scss/dialogs.scss
@@ -58,4 +58,10 @@
         min-width: 48px;
         height: 48px;
     }
+}
+
+@media(max-height:550px){
+    .mat-mdc-dialog-content {
+       max-height: calc(100vh - 170px);
+   }
 }