@posiwise/shared-components 0.0.9 → 0.0.11

package/assets/scss/shared/_modal.scss

@@ -0,0 +1,28 @@
+.nsm-content {
+    margin-top: 100px;
+}
+
+.nsm-dialog.large-modal {
+    max-width: none;
+}
+
+.nsm-dialog.medium-modal {
+    max-width: 800px;
+}
+
+.nsm-dialog .button:first-of-type {
+    margin-left: 0;
+}
+
+content {
+    padding: 25px;
+}
+
+.nsm-body {
+    .mb-3.row {
+        label {
+            font-size: 14px;
+            text-transform: initial;
+        }
+    }
+}

package/assets/scss/shared/_prime-ng-tables.scss

@@ -0,0 +1,107 @@
+@media only screen and (max-width: 425px) {
+    .table-title {
+        flex-wrap: wrap;
+        justify-content: center;
+        padding: 20px 15px;
+
+        .col-xs-6 {
+            width: 100%;
+
+            h3 {
+                border: 0 none;
+                display: block;
+                margin: 0;
+                padding: 0;
+                text-align: center;
+            }
+
+            span {
+                display: block;
+                margin: 0;
+                padding: 0;
+                text-align: center;
+                top: 0;
+            }
+
+            button {
+                margin: 10px 0 0;
+            }
+        }
+    }
+
+    .primeng-datatable-container {
+        padding: 0 !important;
+
+        .fa-search {
+            display: none;
+        }
+
+        .col-4,
+        .col-8 {
+            display: block;
+            flex: 100%;
+            margin: 0 0 20px;
+            max-width: 100%;
+            width: 100%;
+        }
+
+        input {
+            max-width: 100% !important;
+            width: 100%;
+        }
+
+        tr {
+            // &:first-child {
+            //   display: none;
+            // }
+            &:nth-child(odd) {
+                background-color: rgb(221 221 221) !important;
+            }
+
+            td {
+                // border-bottom: 1px solid #616060 !important;
+                // font-family: 'Roboto', sans-serif;
+                display: block;
+                font-family: $mainFontFamily;
+                font-size: 16px;
+                padding-left: 33% !important;
+                position: relative;
+                text-align: right !important;
+                width: 100%;
+
+                &::after {
+                    content: attr(data-head);
+
+                    // font-family: 'Roboto', sans-serif;
+                    font-family: $mainFontFamily;
+                    font-size: 15px;
+                    font-weight: 600;
+                    left: 3px;
+                    position: absolute;
+                    top: 10px;
+                    word-break: break-all;
+                }
+
+                &:empty {
+                    display: none;
+                }
+
+                &.text-truncate {
+                    max-height: 60px;
+                    max-width: 100%;
+                    overflow: hidden;
+                }
+            }
+
+            .list-inline .fa,
+            .fas {
+                font-size: 20px;
+                padding: 2px 8px;
+            }
+
+            &.head {
+                display: none;
+            }
+        }
+    }
+}