save

2026-04-19 04:57:52 +00:00 · 2021-08-05 14:10:18 +01:00
parent f4c6fa91fe
commit 659a61577d
12 changed files with 580 additions and 17 deletions
@@ -0,0 +1,166 @@
+@import '~src/function.scss';
+/* CONTENT */
+:host{
+  //padding: 30px 20px 0 20px !important;
+  margin: 0;
+}
+
+.title{
+  padding: 30px 20px 0 20px !important;
+    font-family: Roboto;
+    font-size: 25px;
+    color:#000;
+    overflow: auto;
+
+    .thetitle{
+      width: fit-content;
+      float: left;
+    }
+    .theicon{
+      width: fit-content;
+      float: right;
+    }
+  }
+
+.listview{
+  width: 100%t;
+  padding: 0px 20px 15px 20px !important;
+  overflow: auto;
+}
+
+ion-list{
+  background: transparent;
+}
+
+.item-wrapper{
+  border-radius: 15px;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
+  border:1px solid #e9e9e9 !important;
+  background-color: #fff !important;
+  margin-bottom: 10px !important;
+  padding: 15px;
+
+  .item{
+    background-color: var(--white);
+    margin: 0 auto;
+    overflow: hidden;
+
+    .item-top-detail{
+      width: 100%;
+      float: left;
+      font-family: Roboto;
+      font-size: 12pt;
+      font-weight: 700;
+      color: #0d89d1;
+      padding-left: 3px;
+
+      .item-subject{
+        width: 84%;
+        float: left;
+
+        ion-label{
+          margin: 0 !important;
+          padding: 2.5px 10.5px 2.5px 10.5px;
+        }
+      }
+
+      .item-icon{
+        width: fit-content;
+        float: right;
+      /* font-size: 13px; */
+        margin: 0 !important;
+        padding: 0 !important;
+
+        ion-icon{
+          font-size: 12pt;
+          color: #42b9fe;
+          float: left;
+        }
+        label{
+          font-size: 10pt;
+        }
+      }
+    }
+    .item-middle-detail{
+      font-size: 10pt;
+      width: 100%;
+      overflow: auto;
+      padding-left: 3px;
+      //border: 1px solid red;
+      margin: 0 !important;
+
+      .item-remetente{
+        //width: 200px;
+        font-family: Roboto;
+       /*  font-size: 13px; */
+        font-weight: normal;
+        color: #000000;
+        float: left;
+        /* border: 1px solid red; */
+
+        ion-label{
+          padding: 2.5px 10.5px 2.5px 10.5px;
+          margin: 0 !important;
+        }
+      }
+    }
+    .item-middle-detail-extra{
+      font-size: 10pt;
+      padding-left: 3px;
+      //border: 1px solid red;
+
+      .item-middle-detail-extra-text{
+        //border: 1px solid blue;
+
+        ion-label{
+          padding: 2.5px 10.5px 2.5px 10.5px;
+          margin: 0 !important;
+        }
+      }
+    }
+    .item-bottom-detail{
+      font-size: 12pt;
+      width: 100%;
+      overflow: auto;
+      margin-top: 10px;
+      padding-bottom: 0 !important;
+
+      .item-workflow{
+        float: left;
+        margin: 0 !important;
+        align-self: flex-start;
+
+
+        .label{
+          border-radius: 15px;
+          background: #ffb703;
+          /* font-size: 12px; */
+          float: right;
+          padding: 2.5px 13.5px 2.5px 13.5px;
+          color: #fff;
+      }
+      }
+      .item-date{
+        width: auto;
+        font-family: Roboto;
+        font-size: 10pt;
+        font-weight: normal;
+        font-stretch: normal;
+        font-style: normal;
+        line-height: normal;
+        letter-spacing: normal;
+        color: #797979;
+        text-align: right;
+        flex-grow: 1;
+
+        ion-label{
+          margin: 0 !important;
+          padding: 0 !important;
+        }
+      }
+    }
+    .item-middle-detail, .item-bottom-detail{
+      margin-bottom: 5px;
+    }
+  }
+}