Add generic modal

2026-04-20 13:26:08 +00:00 · 2021-02-24 09:14:58 +01:00
parent 23f5e954c9
commit 7f5a698b20
27 changed files with 2049 additions and 468 deletions
@@ -0,0 +1,191 @@
+ion-content{
+    --background:transparent;
+    --padding-top:0px;
+    --padding-start: 20px;
+    --padding-end: 20px;
+    font-size: 18px;
+}
+ion-menu{
+    --height: 225px;
+  }
+.header-toolbar{
+   --background:transparent;
+   --opacity: 1;
+}
+  .main-header{
+    width: 100%; /* 400px */
+    height: 100%;
+    font-family: Roboto;
+    border-top-left-radius: 25px;
+    border-top-right-radius: 25px;
+    background-color: #fff;
+    overflow:hidden;
+    padding: 30px 0px 0px 0px;
+    color:#000;
+    transform: translate3d(0, 1px, 0);
+    
+    .title-content{
+      width: 360px;
+      margin: 0px auto;
+      overflow: auto;
+      padding: 0 !important;
+      background: #fff;
+
+      .left{
+        width: 37px;
+        float: left;
+        font-size: 35px;
+        overflow: hidden;
+      }
+      .middle{
+          width: 230px;
+          padding: 0!important;
+          float: left;
+          margin: 2.5px 0 0 0;
+        }
+      .header-icon-right{
+        width: 45px;
+        font-size: 45px;
+        float: right;
+        overflow: auto;
+      }
+      .div-icon{
+        width: 92px;
+        float: right;
+        overflow: auto;
+        padding: 1px;
+      }
+      .div-icon .edit{
+        font-size: 35px;
+        float: left;
+      }
+      .div-icon .delete{
+        padding: 7px;
+        font-size: 21px;
+        color:#fff;
+        background: #d30606;
+        border-radius: 20px;
+        margin-left: 10px;
+      }
+    }
+
+    .title{
+      font-size: 25px;
+    }
+
+  }
+  .main-content{
+    width: 100%; /* 400px */
+    font-family: Roboto;
+    margin: 0 auto;
+    background-color: #fff;
+    overflow:auto;
+    padding: 15px 0px 0 0px;
+
+    .upper-content{
+        margin-left: 50px;
+        overflow: auto;
+        font-size: 18px;
+      
+        .content-location{
+          width: 100%;
+          margin: 0 auto;
+          padding: 0;
+          overflow: auto;
+        }
+      
+        .location-detail{
+          width: 210px;
+          font-weight: 700;
+          font-size: 18px;
+          float: left;
+          margin: 5px 5px 5px 0px;
+        }
+        .button-mdgpr-Oficial{
+            width: 91px;
+            --border-radius: 20px;
+            --background: #ffb703;
+            margin-left: 5px;
+            float: left;
+        }
+        .button-mdgpr-Pessoal{
+          width: 91px;
+          --border-radius: 20px;
+          --background: #f05d5e;
+          margin-left: 5px;
+          float: left;
+        }
+
+        .button-pr-Oficial{
+          width: 91px;
+          --border-radius: 20px;
+          --background: #cbeecb;
+          margin-left: 5px;
+          float: left;
+      }
+      .button-pr-Pessoal{
+        width: 91px;
+        --border-radius: 20px;
+        --background: #cab0dc;
+        margin-left: 5px;
+        float: left;
+      }
+
+
+        .button-calendar-type ion-button{
+          height: 25px;
+        }
+        .button-edit-event {
+            width: 140px;
+            height: 44px;
+            border-radius: 22.5px;
+            --background: #e0e9ee;
+            --color:#061b52;
+        }
+        .content-details p{
+            font-size: 16px;
+        }
+      }
+      .middle-conten{
+        .middle-content h3, .middle-content p{
+          font-size: 16px;
+        }
+      }
+      
+      .bottom-content{
+        width: 360px;
+        margin: 0 auto;
+        
+        .bottom-content h3{
+          font-size: 16px;
+          margin: 0 0 0 10px;
+        }
+        .attach-document{
+          font-size: 15px;
+          color: #0d89d1;
+          margin: 5px 5px 5px 10px;
+          padding: 5px;
+          float: left;
+        }
+        .attach-icon{
+          width: 37px;
+          font-size: 35px;
+          float: left;
+        }
+        .attach-title-item{
+          width: 100%;
+          font-size: 15px;
+          color:#0d89d1;
+        }
+        /* SPAN */
+        .span-left{
+          float: left;
+          font-size: 15x;
+        }
+        .span-right{
+        text-align: right;
+        float: right;
+        font-size: 13px;
+        }
+    }
+  }