moved modal style

marktplatz/templates/marktplatz/modal-sa.html

@@ -1,4 +1,6 @@
-    <style>
+
+
+    <!-- <style>
     .modal {
       display: none;
       position: fixed;
@@ -34,7 +36,7 @@
       text-decoration: none;
       cursor: pointer;
     }
-    </style>
+    </style> -->
 
 
     <!-- Trigger/Open The Modal -->

marktplatz/templates/marktplatz/modal-share.html

@@ -1,8 +1,8 @@
 {% load fullurl %}
 {% load tags %}
 {% load static %}
-
-    <style>
+{% load email_obfuscator %}
+    <!-- <style>
     .modal {
       display: none;
       position: fixed;
@@ -39,7 +39,7 @@
       cursor: pointer;
     }
 
-    </style>
+    </style> -->
 
 
     <!-- Trigger/Open The Modal -->
@@ -68,7 +68,8 @@
             <div class="col-sm-4">
               <div class="cursor-pointer" onclick="">
 
-              <a href="mailto:?subject={{  product.wohnprojekt  }}&body=Guten%20Tag!%0D%0A%0D%0AIch%20finde%20das%20folgende%20Projekt%20sehr%20interesant!%0D%0A%0D%0A{% fullurl 'product-detail-embed' pk=product.wohnprojekt.pk %}"><i class="fas fa-envelope"></i> <br>Send mail</a>
+              <a href="mailto:{{ product.wohnprojekt.email |obfuscate }}?subject={{  product.wohnprojekt  }}&body=Guten%20Tag!%0D%0A%0D%0AIch%20finde%20das%20folgende%20Projekt%20sehr%20interesant!%0D%0A%0D%0A{% fullurl 'product-detail-embed' pk=product.wohnprojekt.pk %}"><i class="fas fa-envelope"></i> <br>Send mail</a>
+
             </div>
             </div>
             <div class="col-sm-4"></div>

project_base/templates/base_generic.html

@@ -146,6 +146,48 @@
         padding-bottom: 10px;
         width: 75%
       }
+
+      /* ----- MODAL ------- */
+
+      .modal {
+        display: none;
+        position: fixed;
+        z-index: 3;
+        padding-top: 100px;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        overflow: auto;
+        background-color: rgb(0,0,0);
+        background-color: rgba(0,0,0,0.4);
+      }
+
+      .modal-content {
+        background-color: #fefefe;
+        margin: auto;
+        padding: 20px;
+        border: 1px solid #888;
+        width: 80%;
+      }
+
+      .close {
+        color: #aaaaaa;
+        float: right;
+        font-size: 28px;
+        font-weight: bold;
+      }
+
+      .close:hover,
+      .close:focus {
+        color: #000;
+        text-decoration: none;
+        cursor: pointer;
+      }
+
+
+
+
     </style>