@coolon/angular-ui-powerups 1.12.0 → 1.13.1

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.13.1](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.13.0...v1.13.1) (2020-06-13)
+
+
+### Bug Fixes
+
+* fixed issue with AbstractInputComponent ([29b9579](https://bitbucket.org/coolon/angular-ui-powerups/commit/29b9579f55150642dbef2d91a64b06fa6798608f))
+
+## [1.13.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.12.0...v1.13.0) (2020-06-13)
+
+
+### Features
+
+* added aup-multiple-select and list editing to tables ([e44d1a0](https://bitbucket.org/coolon/angular-ui-powerups/commit/e44d1a0c6cf3c9bc25d41df8cc48d770abae33ae))
+* added template support to aup-table ([de478bb](https://bitbucket.org/coolon/angular-ui-powerups/commit/de478bbf8a678f7e92c0586ab503b48f6b049088))
+
 ## [1.12.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.11.4...v1.12.0) (2020-06-11)
 
 

package/assets/table.scss

@@ -1,9 +1,40 @@
 aup-table {
-  --default-column-gap: var(--column-gap, 24px);
+  --default-column-gap: var(--column-gap, 24px); // material design table column padding
+
+  .mat-table {
+    th.mat-header-cell:first-of-type, td.mat-cell:first-of-type, td.mat-footer-cell:first-of-type {
+      padding-left: 0;
+    }
+  }
 
   aup-table-cell-renderer, aup-table-header-cell-renderer {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: center;
+    height: 100%;
+
+    &.first-column {
+      padding-left: var(--default-column-gap);
+    }
+
     &:not(.first-column) {
       padding-left: var(--default-column-gap);
     }
+
+    min-height: 47px; // same as mat table row height - border bottom.
+  }
+
+  aup-table-cell-renderer {
+    &.fillCell {
+      justify-content: stretch;
+      padding-left: 0 !important;
+    }
+    &.padChild {
+      > *:first-child {
+        padding-left: var(--default-column-gap);
+        flex:1;
+      }
+    }
   }
 }