@agorapulse/ui-theme 20.1.2 → 20.1.4
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
|
@@ -73,14 +73,20 @@
|
|
|
73
73
|
opacity: 1;
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
// Checkbox cells - shared styles for both header and body
|
|
79
|
+
th[cdk-header-cell].ap-table__header-cell--checkbox,
|
|
80
|
+
td[cdk-cell].ap-table__body-cell--checkbox {
|
|
81
|
+
width: 52px;
|
|
82
|
+
text-align: center;
|
|
83
|
+
}
|
|
76
84
|
|
|
77
|
-
|
|
78
|
-
|
|
85
|
+
// Small variant checkbox cells
|
|
86
|
+
&.ap-table--small {
|
|
87
|
+
th[cdk-header-cell].ap-table__header-cell--checkbox,
|
|
88
|
+
td[cdk-cell].ap-table__body-cell--checkbox {
|
|
79
89
|
width: 40px;
|
|
80
|
-
text-align: center;
|
|
81
|
-
justify-content: center;
|
|
82
|
-
padding: var(--ref-spacing-xs);
|
|
83
|
-
vertical-align: middle;
|
|
84
90
|
}
|
|
85
91
|
}
|
|
86
92
|
|
|
@@ -104,15 +110,6 @@
|
|
|
104
110
|
}
|
|
105
111
|
}
|
|
106
112
|
|
|
107
|
-
// Checkbox body cells
|
|
108
|
-
&.ap-table__body-cell--checkbox {
|
|
109
|
-
width: 40px;
|
|
110
|
-
text-align: center;
|
|
111
|
-
justify-content: center;
|
|
112
|
-
padding: var(--ref-spacing-xs);
|
|
113
|
-
vertical-align: middle;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
113
|
// Drag handle body cells
|
|
117
114
|
&.ap-table__body-cell--drag {
|
|
118
115
|
padding: 0 var(--ref-spacing-sm);
|
|
@@ -199,49 +196,50 @@
|
|
|
199
196
|
}
|
|
200
197
|
|
|
201
198
|
// CDK Drag and Drop styling - applied globally
|
|
202
|
-
tr[cdk-row]
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
199
|
+
tr[cdk-row] {
|
|
200
|
+
&.cdk-drag-preview {
|
|
201
|
+
display: flex;
|
|
202
|
+
align-items: center;
|
|
203
|
+
border-radius: var(--ref-border-radius-md);
|
|
204
|
+
background-color: var(--ref-color-electric-blue-10);
|
|
205
|
+
border: 1px solid var(--ref-color-electric-blue-40);
|
|
206
|
+
opacity: 0.95;
|
|
210
207
|
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
208
|
+
// Remove default table borders from preview
|
|
209
|
+
td[cdk-cell] {
|
|
210
|
+
border: none;
|
|
211
|
+
padding: var(--ref-spacing-xs);
|
|
212
|
+
font-size: var(--ref-font-size-sm);
|
|
213
|
+
color: var(--ref-color-grey-100);
|
|
214
|
+
font-family: Averta;
|
|
215
|
+
background-color: transparent;
|
|
216
|
+
}
|
|
220
217
|
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
218
|
+
// Preserve text styling in drag preview
|
|
219
|
+
.ap-table__cell-text {
|
|
220
|
+
color: var(--ref-color-grey-100);
|
|
221
|
+
font-size: var(--ref-font-size-sm);
|
|
222
|
+
font-family: Averta;
|
|
226
223
|
|
|
227
|
-
|
|
228
|
-
|
|
224
|
+
&.ap-table__cell-text--bold {
|
|
225
|
+
font-weight: var(--ref-font-weight-bold);
|
|
226
|
+
}
|
|
229
227
|
}
|
|
230
228
|
}
|
|
231
|
-
}
|
|
232
229
|
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
}
|
|
230
|
+
&.cdk-drag-placeholder {
|
|
231
|
+
background-color: var(--ref-color-electric-blue-05) !important;
|
|
232
|
+
border: 1px dashed var(--ref-color-electric-blue-30) !important;
|
|
233
|
+
opacity: 0.7 !important;
|
|
234
|
+
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1) !important;
|
|
235
|
+
}
|
|
239
236
|
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
}
|
|
237
|
+
&.cdk-drag-animating {
|
|
238
|
+
transition: transform 350ms cubic-bezier(0, 0, 0.2, 1);
|
|
239
|
+
}
|
|
243
240
|
|
|
244
|
-
// Dragging state styles
|
|
245
|
-
|
|
246
|
-
|
|
241
|
+
// Dragging state styles
|
|
242
|
+
&.cdk-drop-list-dragging .cdk-drag {
|
|
243
|
+
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
|
244
|
+
}
|
|
247
245
|
}
|