@rolster/styles-foundations 2.3.6 → 2.3.8
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.
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
// Rolster Technology Datatable Component
|
|
2
|
-
// v2.0.
|
|
2
|
+
// v2.0.5
|
|
3
3
|
// @license MIT
|
|
4
4
|
// Author: Rolster Developers
|
|
5
5
|
// Created: 20/Mar/2018
|
|
6
|
-
// Updated:
|
|
6
|
+
// Updated: 26/Oct/2024
|
|
7
7
|
|
|
8
8
|
@mixin datatable_cell_control() {
|
|
9
9
|
--rlc-avatar-border-radius: var(--rls-sizing-x3);
|
|
@@ -13,12 +13,23 @@
|
|
|
13
13
|
|
|
14
14
|
--rlc-action-ripple-dimension: var(--rls-sizing-x16);
|
|
15
15
|
--rlc-action-ripple-position: -8rem;
|
|
16
|
-
|
|
16
|
+
|
|
17
|
+
--rlc-ballot-padding: 0rem;
|
|
18
|
+
--rlc-ballot-component-row-gap: 1rem;
|
|
19
|
+
--rlc-ballot-title-letter-spacing: var(--rls-smalltext-letter-spacing);
|
|
20
|
+
--rlc-ballot-title-font-size: var(--rls-smalltext-font-size);
|
|
21
|
+
--rlc-ballot-title-height: var(--rls-smalltext-line-height);
|
|
22
|
+
--rlc-ballot-subtitle-letter-spacing: var(--rls-overline-letter-spacing);
|
|
23
|
+
--rlc-ballot-subtitle-font-size: var(--rls-overline-font-size);
|
|
24
|
+
--rlc-ballot-subtitle-height: var(--rls-overline-line-height);
|
|
25
|
+
|
|
17
26
|
--rlc-fieldbox-body-background: transparent;
|
|
18
27
|
--rlc-fieldbox-body-border: none;
|
|
19
28
|
--rlc-fieldbox-body-box-shadow: none;
|
|
20
29
|
--rlc-fieldbox-body-padding: 0rem;
|
|
21
30
|
|
|
31
|
+
--rlc-skeleton-text-column-gap: var(--rls-sizing-x2);
|
|
32
|
+
|
|
22
33
|
--rlc-switch-element-size: var(--rls-sizing-x10);
|
|
23
34
|
--rlc-switch-bar-radius: var(--rls-sizing-x2);
|
|
24
35
|
--rlc-switch-bar-height: var(--rls-sizing-x4);
|
|
@@ -225,12 +236,9 @@
|
|
|
225
236
|
.rls-poster {
|
|
226
237
|
display: flex;
|
|
227
238
|
width: calc(100% - var(--rls-sizing-x2));
|
|
228
|
-
height: 100%;
|
|
229
239
|
margin: var(--rls-sizing-x3) var(--rls-sizing-x2);
|
|
230
240
|
justify-content: center;
|
|
231
241
|
align-items: center;
|
|
232
|
-
overflow: hidden;
|
|
233
|
-
height: var(--rls-sizing-x14);
|
|
234
242
|
line-height: var(--rls-sizing-x14);
|
|
235
243
|
overflow: hidden;
|
|
236
244
|
text-overflow: ellipsis;
|
|
@@ -240,24 +248,9 @@
|
|
|
240
248
|
}
|
|
241
249
|
|
|
242
250
|
& > .rls-ballot {
|
|
243
|
-
padding:
|
|
244
|
-
height: var(--rls-sizing-x20);
|
|
245
|
-
|
|
246
|
-
.rls-ballot__title {
|
|
247
|
-
font-weight: var(--rls-font-weight-semibold);
|
|
248
|
-
font-size: var(--rls-smalltext-font-size);
|
|
249
|
-
letter-spacing: var(--rls-smalltext-letter-spacing);
|
|
250
|
-
min-height: var(--rls-sizing-x8);
|
|
251
|
-
line-height: var(--rls-sizing-x8);
|
|
252
|
-
}
|
|
251
|
+
--rlc-badge-padding: 0.5rem 1.5rem;
|
|
253
252
|
|
|
254
|
-
|
|
255
|
-
margin-top: 0rem;
|
|
256
|
-
font-size: var(--rls-overline-font-size);
|
|
257
|
-
letter-spacing: var(--rls-overline-letter-spacing);
|
|
258
|
-
min-height: var(--rls-sizing-x8);
|
|
259
|
-
line-height: var(--rls-sizing-x8);
|
|
260
|
-
}
|
|
253
|
+
height: var(--rls-sizing-x20);
|
|
261
254
|
}
|
|
262
255
|
|
|
263
256
|
& > a {
|
|
@@ -272,7 +265,13 @@
|
|
|
272
265
|
position: relative;
|
|
273
266
|
width: 100%;
|
|
274
267
|
overflow: hidden;
|
|
275
|
-
background: var(--rls-app-color-100);
|
|
276
268
|
border-radius: 0rem 0rem var(--rls-sizing-x4) var(--rls-sizing-x4);
|
|
269
|
+
padding-left: var(--rlc-datatable-padding-scroll);
|
|
270
|
+
padding-right: var(--pvt-header-padding-right);
|
|
271
|
+
box-sizing: border-box;
|
|
272
|
+
|
|
273
|
+
tr {
|
|
274
|
+
background: var(--rlc-datatable-footer-background);
|
|
275
|
+
}
|
|
277
276
|
}
|
|
278
277
|
}
|