fix(ionic/forms): add css for table fields

gnucoop · Jul 8, 2021 · 1fba2b4 · 1fba2b4
1 parent 44ebb8a
commit 1fba2b4
Showing 1 changed file with 47 additions and 0 deletions.
diff --git a/src/ionic/forms/table-field.scss b/src/ionic/forms/table-field.scss
@@ -1,3 +1,50 @@
 table.ajf-table-field {
+  border-collapse: collapse;
+  border-spacing: 0;
   width: 100%;
+
+  tr {
+    td {
+      position: relative;
+      min-width: 1em;
+
+      span,
+      input {
+        cursor: text;
+        position: absolute;
+        width: 100%;
+        box-sizing: border-box;
+        outline: none;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        display: inline-block;
+        border-top: solid 1px #cccccc;
+        border-right: solid 1px transparent;
+        border-bottom: solid 1px transparent;
+        border-left: solid 1px #cccccc;
+        font-family: inherit;
+        font-size: inherit;
+        line-height: inherit;
+        text-align: center;
+      }
+
+      &:last-child {
+        span,
+        input {
+          border-right-color: #cccccc;
+        }
+      }
+    }
+
+    &:last-of-type {
+      td {
+        span,
+        input {
+          border-bottom-color: #cccccc;
+        }
+      }
+    }
+  }
 }