Made modal content scrollable

origo-map · Jun 27, 2016 · a9be1d5 · a9be1d5
1 parent 051531c
commit a9be1d5
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/css/style.css b/css/style.css
@@ -1017,6 +1017,7 @@ li .menu-button:hover {
 .mdk-modal {
   background-color: white;
   border-radius: 6px;
+	bottom: auto;
   -webkit-box-shadow: 0 2px 8px 1px rgba(0,0,0,0.45);
   box-shadow: 0 2px 8px 1px rgba(0,0,0,0.45);
   font-family: Arial,sans-serif;
@@ -1025,7 +1026,11 @@ li .menu-button:hover {
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   position: fixed;
-  top: 50%;
+	right: auto;
+	top: 50%;
+	-webkit-transform-style: preserve-3d;
+  -moz-transform-style: preserve-3d;
+  transform-style: preserve-3d;
   width: 300px;
   z-index: 100;
 }
@@ -1044,7 +1049,9 @@ li .menu-button:hover {
 .mdk-modal-content {
   font-size: 0.9em;
   line-height: 1.1em;
+	max-height: calc(100vh - 100px);
   padding: 10px 15px;
+	overflow-y: auto;
 }
 .mdk-modal-content .share-link {
   padding: 10px 5px;