Merge pull request #554 from Budibase/replace-ui-kit-02

Removing uk-table and uk-margin
6 years ago · c5b37e1630
4 changed files with 31 additions and 3 deletions
--- a/packages/builder/src/budibase.css
+++ b/packages/builder/src/budibase.css
@ -127,4 +127,30 @@
    align-items: center;
    justify-content: center;
    font-size: 20px;
-}
+}
+
+/* Table styles */
+.bb-table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    width: 100%;
+    margin-bottom: var(--spacing-xl);
+}
+
+* + .bb-table { 
+    margin-top: var(--spacing-xl)
+}
+
+.bb-table th {
+    padding: var(--spacing-l) var(--spacing-m);
+    text-align: left;
+    vertical-align: bottom;
+}
+
+.bb-table td {
+    padding: var(--spacing-l) var(--spacing-m);
+    vertical-align: top;
+}
+
+.bb-table td > :last-child { margin-bottom: 0; }
+
--- a/packages/builder/src/components/database/DataTable/ModelDataTable.svelte
+++ b/packages/builder/src/components/database/DataTable/ModelDataTable.svelte
@ -63,7 +63,7 @@
      {/if}
    </div>
  </div>
-  <table class="uk-table">
+  <table class="bb-table">
    <thead>
      <tr>
        <th class="edit-header">
--- a/packages/builder/src/components/database/DataTable/Table.svelte
+++ b/packages/builder/src/components/database/DataTable/Table.svelte
@ -43,7 +43,7 @@
      <slot />
    </div>
  </div>
-  <table class="uk-table">
+  <table class="bb-table">
    <thead>
      <tr>
        {#each columns as header}
--- a/packages/builder/src/global.css
+++ b/packages/builder/src/global.css
@ -96,6 +96,8 @@ textarea {
    cursor: pointer;
 }

+/* Top bottom spacing */
+
 .bb-margin-m {
    margin-bottom: var(--spacing-m);
 }