@happeouikit/content-renderer 3.2.10 → 3.2.11
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.
- package/dist/index.cjs.js +10 -14
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +10 -14
- package/dist/index.es.js.map +1 -1
- package/package.json +2 -2
package/dist/index.es.js
CHANGED
|
@@ -5359,13 +5359,10 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
|
|
|
5359
5359
|
width: 100%;
|
|
5360
5360
|
margin: var(--space-md) 0;
|
|
5361
5361
|
text-align: left;
|
|
5362
|
-
border-
|
|
5363
|
-
|
|
5364
|
-
|
|
5365
|
-
|
|
5366
|
-
th,
|
|
5367
|
-
td {
|
|
5368
|
-
padding: 0.5em;
|
|
5362
|
+
border-spacing: 0;
|
|
5363
|
+
border-collapse: separate; // doubles internal borders, but needed to allow more customization
|
|
5364
|
+
> tbody > tr > td {
|
|
5365
|
+
padding: 0.25em 0.5em;
|
|
5369
5366
|
border: 0.5px solid rgba(0, 0, 0, 0.12);
|
|
5370
5367
|
&.fr-selected-cell {
|
|
5371
5368
|
border: 0.5px solid var(--color-active-primary);
|
|
@@ -5395,20 +5392,19 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
|
|
|
5395
5392
|
}
|
|
5396
5393
|
// to "cancel" the separate borders style, we halve all borders to 0.5px
|
|
5397
5394
|
// but override with 1px for external borders
|
|
5398
|
-
& {
|
|
5395
|
+
& > tbody > {
|
|
5399
5396
|
tr:first-child > td { border-top-width: 1px; }
|
|
5400
5397
|
tr:last-child > td { border-bottom-width: 1px; }
|
|
5401
5398
|
tr > td:first-child { border-left-width: 1px; }
|
|
5402
5399
|
tr > td:last-child { border-right-width: 1px; }
|
|
5403
5400
|
}
|
|
5404
|
-
&.invisible-borders {
|
|
5405
|
-
th:not(.fr-selected-cell),
|
|
5401
|
+
&.invisible-borders > tbody > tr > {
|
|
5406
5402
|
td:not(.fr-selected-cell) {
|
|
5407
5403
|
// keeping a transparent border so that selection doesn't push things by 1 pixel
|
|
5408
5404
|
border: 1px dashed transparent;
|
|
5409
5405
|
}
|
|
5410
5406
|
}
|
|
5411
|
-
&.alternating-rows {
|
|
5407
|
+
&.alternating-rows > tbody > {
|
|
5412
5408
|
tr:nth-child(odd) {
|
|
5413
5409
|
background: rgba(255, 255, 255, 0.05);
|
|
5414
5410
|
}
|
|
@@ -5416,7 +5412,7 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
|
|
|
5416
5412
|
background: rgba(0, 0, 0, 0.05);
|
|
5417
5413
|
}
|
|
5418
5414
|
}
|
|
5419
|
-
&.round-corners {
|
|
5415
|
+
&.round-corners > tbody > {
|
|
5420
5416
|
tr:first-child { border-radius: 6px 6px 0 0; }
|
|
5421
5417
|
tr:first-child > td:first-child { border-top-left-radius: 6px; }
|
|
5422
5418
|
tr:first-child > td:last-child { border-top-right-radius: 6px; }
|
|
@@ -5424,12 +5420,12 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
|
|
|
5424
5420
|
tr:last-child > td:first-child { border-bottom-left-radius: 6px; }
|
|
5425
5421
|
tr:last-child > td:last-child { border-bottom-right-radius: 6px; }
|
|
5426
5422
|
}
|
|
5427
|
-
&.highlight-first-row {
|
|
5423
|
+
&.highlight-first-row > tbody > {
|
|
5428
5424
|
tr:first-child > td {
|
|
5429
5425
|
font-weight: bold;
|
|
5430
5426
|
}
|
|
5431
5427
|
}
|
|
5432
|
-
&.highlight-first-column {
|
|
5428
|
+
&.highlight-first-column > tbody > {
|
|
5433
5429
|
tr > td:first-child {
|
|
5434
5430
|
font-weight: bold;
|
|
5435
5431
|
}
|