@enigmatry/entry-components 1.15.1-preview.16 → 1.15.1-preview.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/package.json +1 -1
  2. package/styles/modules/_default-theme.scss +2 -7
  3. package/styles/modules/components/tables/_cells.scss +2 -6
  4. package/styles/modules/components/tables/_rows.scss +8 -11
  5. package/styles/modules/components/tables/_sorting.scss +0 -4
  6. package/styles/partials/core/components/tables/_action-cells.scss +2 -15
  7. package/styles/partials/core/components/tables/_index.scss +1 -4
  8. package/styles/partials/core/components/tables/_layout.scss +2 -19
  9. package/styles/partials/core/components/tables/_cells.scss +0 -47
  10. package/styles/partials/core/components/tables/_rows.scss +0 -15
  11. package/styles/partials/core/components/tables/_sorting.scss +0 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enigmatry/entry-components",
3
- "version": "1.15.1-preview.16",
3
+ "version": "1.15.1-preview.17",
4
4
  "author": "Enigmatry",
5
5
  "description": "Enigmatry entry angular material components",
6
6
  "homepage": "https://github.com/enigmatry/entry-angular-building-blocks/tree/master/libs/entry-components#readme",
package/styles/modules/_default-theme.scss CHANGED
@@ -1,4 +1,3 @@
1
- /* stylelint-disable number-max-precision */
2
1
  $theme: (
3
2
  general: (
4
3
  colors: (
@@ -31,20 +30,16 @@ $theme: (
31
30
  ),
32
31
  tables: (
33
32
  cells: (
34
- first-cell-padding-left: 4px,
35
- last-cell-padding-right: 4px,
36
- min-width: unset
33
+ edge-gap: 4px
37
34
  ),
38
35
  rows: (
39
- selected-background-color: #06C,
40
36
  selected-color: #FFF,
41
37
  odd-even-row: odd,
42
38
  odd-even-background: #F0F0F0
43
39
  ),
44
40
  columns: (
45
41
  sorted: (
46
- font-weight: 700,
47
- content-align: left
42
+ font-weight: 700
48
43
  )
49
44
  ),
50
45
  contents: (
package/styles/modules/components/tables/_cells.scss CHANGED
@@ -10,14 +10,10 @@
10
10
  }
11
11
 
12
12
  .mat-mdc-header-cell:first-of-type, .mat-mdc-cell:first-of-type, .mat-mdc-footer-cell:first-of-type {
13
- padding-left: map.get($theme, 'tables', 'cells', 'first-cell-padding-left');
13
+ padding-left: map.get($theme, 'tables', 'cells', 'edge-gap');
14
14
  }
15
15
 
16
16
  .mat-mdc-header-cell:last-of-type, .mat-mdc-cell:last-of-type, .mat-mdc-footer-cell:last-of-type {
17
- padding-right: map.get($theme, 'tables', 'cells', 'last-cell-padding-right');
18
- }
19
-
20
- .entry-table-checkbox-cell, .entry-table-context-menu-cell {
21
- min-width: map.get($theme, 'tables', 'cells', 'min-width');
17
+ padding-right: map.get($theme, 'tables', 'cells', 'edge-gap');
22
18
  }
23
19
  }
package/styles/modules/components/tables/_rows.scss CHANGED
@@ -3,19 +3,16 @@
3
3
 
4
4
  @mixin generate-from($theme) {
5
5
  .mat-mdc-row {
6
- @include list.row-coloring(map.get($theme, 'tables', 'rows', 'odd-even-background'),
7
- map.get($theme, 'tables', 'rows', 'odd-even-row'));
6
+ &.mdc-data-table__row {
7
+ @include list.row-coloring(map.get($theme, 'tables', 'rows', 'odd-even-background'),
8
+ map.get($theme, 'tables', 'rows', 'odd-even-row'));
8
9
 
9
- &.selected {
10
- background-color: map.get($theme, 'tables', 'rows', 'selected-background-color');
10
+ &.selected {
11
+ background-color: map.get($theme, 'general', 'colors', 'primary');
11
12
 
12
- &:hover {
13
- background-color: map.get($theme, 'tables', 'rows', 'selected-background-color');
14
- color: map.get($theme, 'tables', 'rows', 'selected-color');
15
- }
16
-
17
- .mat-mdc-cell {
18
- color: map.get($theme, 'tables', 'rows', 'selected-color');
13
+ .mat-mdc-cell {
14
+ color: map.get($theme, 'tables', 'rows', 'selected-color');
15
+ }
19
16
  }
20
17
  }
21
18
  }
package/styles/modules/components/tables/_sorting.scss CHANGED
@@ -11,8 +11,4 @@
11
11
  .mat-sort-header-sorted, .mat-sort-header-arrow {
12
12
  color: map.get($theme, 'general', 'colors', 'dark');
13
13
  }
14
-
15
- .mat-sort-header-content {
16
- text-align: map.get($theme, 'tables', 'columns', 'sorted', 'content-align');
17
- }
18
14
  }
package/styles/partials/core/components/tables/_action-cells.scss CHANGED
@@ -1,16 +1,3 @@
1
- .entry-table .mat-icon-button {
2
- padding-top: 8px;
3
- border: none;
4
- background-color: transparent;
5
- cursor: pointer;
6
- }
7
-
8
- .entry-table-checkbox-cell {
9
- flex: none;
10
- width: 56px;
11
- max-width: 40px;
12
-
13
- .mat-mdc-checkbox {
14
- display: flex;
15
- }
1
+ .entry-table-checkbox-cell, .entry-table-context-menu-cell {
2
+ width: 48px;
16
3
  }
package/styles/partials/core/components/tables/_index.scss CHANGED
@@ -1,5 +1,2 @@
1
1
  @use 'action-cells';
2
- @use 'cells';
3
- @use 'layout';
4
- @use 'rows';
5
- @use 'sorting';
2
+ @use 'layout';
package/styles/partials/core/components/tables/_layout.scss CHANGED
@@ -1,23 +1,11 @@
1
1
  @use '@enigmatry/scss-foundation/src/modules/display/items';
2
2
 
3
3
  .entry-table {
4
- display: flex;
5
- position: relative;
6
- flex-direction: column;
7
- width: 100%;
8
-
9
- .mat-mdc-table-container {
10
- overflow: auto;
11
-
12
- &.mat-mdc-table-with-data {
4
+ .mat-table-container {
5
+ &.mat-table-with-data {
13
6
  flex: 1;
14
7
  }
15
8
  }
16
-
17
- .mat-mdc-table {
18
- min-width: 100%;
19
- border-collapse: separate;
20
- }
21
9
  }
22
10
 
23
11
  .entry-table-layout {
@@ -26,11 +14,6 @@
26
14
  overflow: auto;
27
15
  }
28
16
 
29
- .entry-table-content {
30
- flex-direction: column;
31
- width: 0;
32
- }
33
-
34
17
  .entry-table-footer {
35
18
  position: relative;
36
19
  z-index: 1;
package/styles/partials/core/components/tables/_cells.scss DELETED
@@ -1,47 +0,0 @@
1
- @use '@enigmatry/scss-foundation/src/modules/display/items';
2
-
3
- .entry-table {
4
- .mat-mdc-cell, .mat-mdc-header-cell {
5
- padding: 0 10px;
6
- border-bottom: none;
7
- }
8
-
9
- .mat-mdc-header-cell, .mat-mdc-footer-cell, .mat-mdc-cell {
10
- box-sizing: border-box;
11
- padding: 4px 10px;
12
-
13
- &.entry-table-checkbox-cell {
14
- padding: {
15
- right: 10px;
16
- left: 10px;
17
- }
18
- }
19
-
20
- &.entry-table-context-menu-cell {
21
- @include items.fully-align(center, flex-end);
22
- /* stylelint-disable-next-line declaration-no-important */
23
- min-width: unset !important;
24
- }
25
- }
26
-
27
- .mat-mdc-table {
28
- .mat-mdc-header-cell, .mat-mdc-footer-cell, .mat-mdc-cell {
29
- &:not(.entry-table-checkbox-cell) {
30
- min-width: 80px;
31
- }
32
- }
33
- }
34
-
35
- .mat-header-cell-inner {
36
- display: flex;
37
- align-items: center;
38
- }
39
-
40
- .currency {
41
- text-align: right;
42
-
43
- .mat-header-cell-inner {
44
- justify-content: right;
45
- }
46
- }
47
- }
package/styles/partials/core/components/tables/_rows.scss DELETED
@@ -1,15 +0,0 @@
1
- .entry-table {
2
- .mat-mdc-table {
3
- .mdc-data-table__header-row, .mdc-data-table__row {
4
- height: 36px;
5
- }
6
- }
7
- }
8
-
9
- .entry-table-menu {
10
- min-height: 40px;
11
-
12
- .mat-mdc-menu-content:not(:empty) {
13
- padding: 0;
14
- }
15
- }
package/styles/partials/core/components/tables/_sorting.scss DELETED
@@ -1,8 +0,0 @@
1
- .entry-table {
2
- .mat-sort-header-icon {
3
- width: 18px;
4
- height: 18px;
5
- margin: 0 4px;
6
- font-size: 18px;
7
- }
8
- }