@agorapulse/ui-theme 20.1.14 → 20.1.16
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.
|
Binary file
|
package/assets/style/_table.scss
CHANGED
|
@@ -26,7 +26,7 @@ $cell-height-small: 40px;
|
|
|
26
26
|
height: calc(100% - $cell-height);
|
|
27
27
|
max-height: calc(100% - $cell-height);
|
|
28
28
|
width: 100%;
|
|
29
|
-
overflow-y:
|
|
29
|
+
overflow-y: auto;
|
|
30
30
|
border-radius: var(--ref-border-radius-md);
|
|
31
31
|
}
|
|
32
32
|
|
|
@@ -39,22 +39,25 @@ $cell-height-small: 40px;
|
|
|
39
39
|
tr[cdk-row] {
|
|
40
40
|
background-color: var(--ref-color-white);
|
|
41
41
|
|
|
42
|
+
&.selected {
|
|
43
|
+
background-color: var(--ref-color-soft-blue-10);
|
|
44
|
+
}
|
|
45
|
+
|
|
42
46
|
&:last-child {
|
|
43
47
|
td[cdk-cell] {
|
|
44
48
|
border-bottom: none;
|
|
45
49
|
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
46
52
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
td[cdk-cell]:last-child {
|
|
52
|
-
border-bottom-right-radius: var(--ref-border-radius-md);
|
|
53
|
-
}
|
|
53
|
+
// Apply border radius to last row only when table has no footer
|
|
54
|
+
&:not(:has(tfoot > .cdk-footer-row)) tr[cdk-row]:last-child {
|
|
55
|
+
td[cdk-cell]:first-child {
|
|
56
|
+
border-bottom-left-radius: var(--ref-border-radius-md);
|
|
54
57
|
}
|
|
55
58
|
|
|
56
|
-
|
|
57
|
-
|
|
59
|
+
td[cdk-cell]:last-child {
|
|
60
|
+
border-bottom-right-radius: var(--ref-border-radius-md);
|
|
58
61
|
}
|
|
59
62
|
}
|
|
60
63
|
|
|
@@ -152,11 +155,19 @@ $cell-height-small: 40px;
|
|
|
152
155
|
&.ap-table__header-cell--sortable {
|
|
153
156
|
cursor: pointer;
|
|
154
157
|
|
|
155
|
-
ap-symbol {
|
|
158
|
+
.ap-table__header-sort-symbol {
|
|
156
159
|
opacity: 0;
|
|
157
160
|
}
|
|
158
161
|
|
|
159
|
-
&:hover ap-symbol {
|
|
162
|
+
&:hover .ap-table__header-sort-symbol {
|
|
163
|
+
opacity: 1;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
&.ap-table__header-cell--sorted {
|
|
168
|
+
color: var(--ref-color-electric-blue-150);
|
|
169
|
+
|
|
170
|
+
.ap-table__header-sort-symbol {
|
|
160
171
|
opacity: 1;
|
|
161
172
|
}
|
|
162
173
|
}
|
|
@@ -231,6 +242,14 @@ $cell-height-small: 40px;
|
|
|
231
242
|
width: $cell-height;
|
|
232
243
|
text-align: center;
|
|
233
244
|
}
|
|
245
|
+
|
|
246
|
+
&:first-child {
|
|
247
|
+
border-bottom-left-radius: var(--ref-border-radius-md);
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
&:last-child {
|
|
251
|
+
border-bottom-right-radius: var(--ref-border-radius-md);
|
|
252
|
+
}
|
|
234
253
|
}
|
|
235
254
|
|
|
236
255
|
// ========================================================================
|