@conduction/nextcloud-vue 2.148.0 → 2.150.0
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/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue.js +1 -1
- package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue2.js +24 -7
- package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue2.js.map +1 -1
- package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue3.js.map +1 -1
- package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue.js +1 -1
- package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue2.js +12 -1
- package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue3.js +2 -1
- package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnChartWidget/CnChartWidget.vue.js +1 -1
- package/dist/esm/components/CnChartWidget/CnChartWidget.vue2.js +12 -0
- package/dist/esm/components/CnChartWidget/CnChartWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnChartWidget/CnChartWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue.js +1 -1
- package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue2.js +23 -1
- package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue3.js +1 -1
- package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnDataTable/CnDataTable.vue2.js +34 -1
- package/dist/esm/components/CnDataTable/CnDataTable.vue2.js.map +1 -1
- package/dist/esm/components/CnDataTable/CnDataTable.vue3.js.map +1 -1
- package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHeaderItems.vue.js +1 -1
- package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHeaderItems.vue2.js.map +1 -1
- package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHeaderItems.vue3.js.map +1 -1
- package/dist/esm/components/CnDeviceFramesWidget/CnDeviceFramesWidget.vue.js +1 -1
- package/dist/esm/components/CnDeviceFramesWidget/CnDeviceFramesWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnDeviceFramesWidget/CnDeviceFramesWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue.js +1 -1
- package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue2.js +64 -8
- package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue2.js.map +1 -1
- package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue3.js +14 -4
- package/dist/esm/components/CnDuplicateWarning/CnDuplicateWarning.vue3.js.map +1 -1
- package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue.js +1 -1
- package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js +26 -3
- package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue3.js +10 -2
- package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue.js +1 -1
- package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue2.js +84 -1
- package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue3.js +61 -33
- package/dist/esm/components/CnFieldListWidget/CnFieldListWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue.js +1 -1
- package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue2.js +49 -2
- package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue3.js +90 -59
- package/dist/esm/components/CnFlowRunsWidget/CnFlowRunsWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnFollowingWidgetHost/CnFollowingWidgetHost.vue2.js +3 -1
- package/dist/esm/components/CnFollowingWidgetHost/CnFollowingWidgetHost.vue2.js.map +1 -1
- package/dist/esm/components/CnFollowingWidgetHost/CnFollowingWidgetHost.vue3.js.map +1 -1
- package/dist/esm/components/CnNotesCard/CnNotesCard.vue.js +1 -1
- package/dist/esm/components/CnNotesCard/CnNotesCard.vue2.js +10 -0
- package/dist/esm/components/CnNotesCard/CnNotesCard.vue2.js.map +1 -1
- package/dist/esm/components/CnNotesCard/CnNotesCard.vue3.js.map +1 -1
- package/dist/esm/components/CnObjectCard/CnObjectCard.vue.js +1 -1
- package/dist/esm/components/CnObjectCard/CnObjectCard.vue2.js +11 -0
- package/dist/esm/components/CnObjectCard/CnObjectCard.vue2.js.map +1 -1
- package/dist/esm/components/CnObjectCard/CnObjectCard.vue3.js +28 -21
- package/dist/esm/components/CnObjectCard/CnObjectCard.vue3.js.map +1 -1
- package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue.js +1 -1
- package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js +1 -1
- package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue.js +1 -1
- package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js +3 -15
- package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js +123 -115
- package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue.js +1 -1
- package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue2.js +4 -0
- package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue2.js.map +1 -1
- package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue3.js.map +1 -1
- package/dist/esm/l10n/en.json.js +2 -1
- package/dist/esm/l10n/en.json.js.map +1 -1
- package/dist/esm/l10n/nl.json.js +2 -1
- package/dist/esm/l10n/nl.json.js.map +1 -1
- package/dist/esm/library-style.js +1 -1
- package/dist/esm/nextcloud-vue.css +761 -520
- package/dist/esm/utils/fillTemplate.js +19 -2
- package/dist/esm/utils/fillTemplate.js.map +1 -1
- package/dist/nextcloud-vue.cjs.js +1368 -945
- package/dist/nextcloud-vue.cjs.js.map +2 -2
- package/dist/nextcloud-vue.css +761 -520
- package/l10n/en.json +2 -1
- package/l10n/nl.json +2 -1
- package/package.json +1 -1
- package/src/components/CnAuditTrailCard/CnAuditTrailCard.vue +24 -7
- package/src/components/CnAuditTrailWidget/CnAuditTrailWidget.vue +13 -1
- package/src/components/CnChartWidget/CnChartWidget.md +1 -1
- package/src/components/CnChartWidget/CnChartWidget.vue +12 -0
- package/src/components/CnChecklistRunWidget/CnChecklistRunWidget.vue +29 -2
- package/src/components/CnDataTable/CnDataTable.vue +34 -1
- package/src/components/CnDetailWidgetHost/CnDetailWidgetHeaderItems.vue +6 -1
- package/src/components/CnDeviceFramesWidget/CnDeviceFramesWidget.vue +1 -0
- package/src/components/CnDuplicateWarning/CnDuplicateWarning.vue +74 -10
- package/src/components/CnFactsWidget/CnFactsWidget.vue +35 -3
- package/src/components/CnFieldListWidget/CnFieldListWidget.vue +131 -3
- package/src/components/CnFlowRunsWidget/CnFlowRunsWidget.vue +103 -5
- package/src/components/CnFollowingWidgetHost/CnFollowingWidgetHost.vue +3 -1
- package/src/components/CnNotesCard/CnNotesCard.vue +10 -0
- package/src/components/CnObjectCard/CnObjectCard.vue +16 -0
- package/src/components/CnObjectListWidget/CnObjectListWidget.vue +1 -1
- package/src/components/CnRecordListWidget/CnRecordListWidget.vue +19 -19
- package/src/components/CnRegisterMapping/CnRegisterMapping.vue +4 -0
- package/src/css/board.css +2 -0
- package/src/css/dialog.css +17 -0
- package/src/css/look-board-detail.css +52 -3
- package/src/css/look-board-index.css +42 -2
- package/src/css/look-board.css +45 -5
- package/src/css/table.css +5 -2
- package/src/utils/fillTemplate.js +19 -2
|
@@ -1009,14 +1009,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
1009
1009
|
}
|
|
1010
1010
|
|
|
1011
1011
|
/* A saved view's manage menu (DqFilterBeheren, DqFilterInMenu "Beheer
|
|
1012
|
-
<view>"):
|
|
1012
|
+
<view>"): 278px wide outside (the board's 264px of content, 6px in and a
|
|
1013
|
+
1px line), rows of at least 40px, 6px 10px in, 8px rounded,
|
|
1013
1014
|
the icon 12px before a 14px label at 600 with its explanation under it in
|
|
1014
1015
|
12px muted text at 400; the separator in the soft line, and Delete in the
|
|
1015
1016
|
error red. Its rows carry the panel's `cn-saved-views-` test ids.
|
|
1016
1017
|
@spec openspec/changes/board-saved-view-manage-menu/specs/board-saved-view-manage-menu/spec.md#requirement-a-saved-views-manage-menu-is-the-boards-menu */
|
|
1017
1018
|
body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-item__popper:has(li[data-testid^="cn-saved-views-"]) .v-popper__wrapper .v-popper__inner {
|
|
1018
1019
|
box-sizing: border-box;
|
|
1019
|
-
width:
|
|
1020
|
+
width: 278px;
|
|
1020
1021
|
max-width: calc(100vw - 32px);
|
|
1021
1022
|
}
|
|
1022
1023
|
|
|
@@ -1587,8 +1588,8 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
1587
1588
|
text-align: start;
|
|
1588
1589
|
}
|
|
1589
1590
|
|
|
1590
|
-
/* Body
|
|
1591
|
-
A row header (dossiq's prerequisites) reads as a strong cell, not as a
|
|
1591
|
+
/* Body cells read 14px at 1.2, as the boards' settings tables do; a row's
|
|
1592
|
+
height comes from its content (a pill or a 34px button). A row header (dossiq's prerequisites) reads as a strong cell, not as a
|
|
1592
1593
|
head: the theme paints every th, so its tokens are handed the cell's. */
|
|
1593
1594
|
.cn-look-board .settings-section table:not(.cn-data-table):not(.cn-look-nextcloud *) td,
|
|
1594
1595
|
.cn-look-board .settings-section table:not(.cn-data-table):not(.cn-look-nextcloud *) tbody th {
|
|
@@ -1596,7 +1597,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
1596
1597
|
border-bottom: 1px solid var(--color-background-dark);
|
|
1597
1598
|
color: var(--color-main-text);
|
|
1598
1599
|
font-size: 14px;
|
|
1599
|
-
line-height: 1.
|
|
1600
|
+
line-height: 1.2;
|
|
1600
1601
|
vertical-align: middle;
|
|
1601
1602
|
}
|
|
1602
1603
|
|
|
@@ -1727,6 +1728,38 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
1727
1728
|
min-width: 0;
|
|
1728
1729
|
}
|
|
1729
1730
|
|
|
1731
|
+
/* A settings card's first line sits where the boards draw it: an
|
|
1732
|
+
"Uitleg tonen" link, a switch or a note adds no height beyond its text, so
|
|
1733
|
+
the first text is 16px under the subtitle (DqBeheerinstellingen
|
|
1734
|
+
"Zaak-e-mail" and "AI-ondersteunde verwerking", DqBeheerGeavanceerd "KCC"
|
|
1735
|
+
and "Storeregister": 7px and 29px lower live). The controls keep their full
|
|
1736
|
+
hit area; the negative margin only takes it out of the line.
|
|
1737
|
+
@spec openspec/changes/board-settings-first-line/specs/settings-board-look/spec.md */
|
|
1738
|
+
.cn-look-board .cn-settings-fields__hints-toggle:not(.cn-look-nextcloud *) {
|
|
1739
|
+
margin-block: -8px;
|
|
1740
|
+
}
|
|
1741
|
+
|
|
1742
|
+
.cn-look-board .cn-settings-field--switch:not(.cn-look-nextcloud *) > .checkbox-radio-switch {
|
|
1743
|
+
margin-block: -8px;
|
|
1744
|
+
}
|
|
1745
|
+
|
|
1746
|
+
.cn-look-board .cn-settings-field--status:not(.cn-look-nextcloud *) > .notecard {
|
|
1747
|
+
margin: 0;
|
|
1748
|
+
}
|
|
1749
|
+
|
|
1750
|
+
/* A card's longer explanation reads as the boards' second paragraph: 14px
|
|
1751
|
+
muted at 1.5, the fields 14px under it (DqBeheerGeavanceerd "Urgentie in de
|
|
1752
|
+
werkvoorraad": 15px and 30px live). The theme sizes every paragraph through
|
|
1753
|
+
its tokens. */
|
|
1754
|
+
.cn-look-board .cn-settings-section__description-text:not(.cn-look-nextcloud *) {
|
|
1755
|
+
--nldesign-component-paragraph-font-size: 14px;
|
|
1756
|
+
--nldesign-component-paragraph-line-height: 1.5;
|
|
1757
|
+
--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
|
|
1758
|
+
margin: 0;
|
|
1759
|
+
font-size: 14px;
|
|
1760
|
+
line-height: 1.5;
|
|
1761
|
+
}
|
|
1762
|
+
|
|
1730
1763
|
@container (max-width: 400px) {
|
|
1731
1764
|
.cn-look-board .settings-section:not(.cn-look-nextcloud *) > .cn-settings-section__actions,
|
|
1732
1765
|
.cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .settings-section__desc) > .cn-settings-section__actions {
|
|
@@ -2681,6 +2714,12 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
2681
2714
|
font-weight: 500;
|
|
2682
2715
|
}
|
|
2683
2716
|
|
|
2717
|
+
/* A compact card keeps its 15px/700 title on a dashboard page too (DqInspectie). */
|
|
2718
|
+
.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list--compact .cn-record-list__card .cn-record-list__title {
|
|
2719
|
+
font-weight: 700;
|
|
2720
|
+
line-height: 1.2;
|
|
2721
|
+
}
|
|
2722
|
+
|
|
2684
2723
|
.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list--compact .cn-record-list__main {
|
|
2685
2724
|
gap: 2px;
|
|
2686
2725
|
}
|
|
@@ -3539,6 +3578,7 @@ html :where(.cn-look-board) :is(h2, h3, h5, h6):where(.cn-inner-heading) {
|
|
|
3539
3578
|
.cn-look-board .cn-saved-view-share__mode:not(.cn-look-nextcloud *) {
|
|
3540
3579
|
border-radius: 8px;
|
|
3541
3580
|
background: var(--cn-board-sunken-ground);
|
|
3581
|
+
line-height: normal;
|
|
3542
3582
|
}
|
|
3543
3583
|
/*
|
|
3544
3584
|
* The board dialog (screens-dialog-parity, canon section 5).
|
|
@@ -4137,6 +4177,23 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
4137
4177
|
max-height: calc(100% - var(--cn-dialog-top, 88px) - 24px);
|
|
4138
4178
|
}
|
|
4139
4179
|
}
|
|
4180
|
+
|
|
4181
|
+
/* The chosen option's fields start 12px under its description, the label on
|
|
4182
|
+
the normal line, as DqVolgendeStap draws "Opschorten": the row's 12px
|
|
4183
|
+
bottom padding plus the cell's 8px gap and a 21px label line put them
|
|
4184
|
+
11.6px lower (r31).
|
|
4185
|
+
@spec openspec/changes/board-choice-card-fields-under-the-text/specs/dialog/spec.md */
|
|
4186
|
+
.cn-dialog-board .cn-choice-cards .cn-choice-cards__cell--with-details {
|
|
4187
|
+
gap: 12px;
|
|
4188
|
+
}
|
|
4189
|
+
|
|
4190
|
+
.cn-dialog-board .cn-choice-cards .cn-choice-cards__cell--with-details .cn-choice-cards__row {
|
|
4191
|
+
padding-bottom: 0;
|
|
4192
|
+
}
|
|
4193
|
+
|
|
4194
|
+
.cn-dialog-board .cn-transition-input-fields .cn-transition-input-fields__label {
|
|
4195
|
+
line-height: normal;
|
|
4196
|
+
}
|
|
4140
4197
|
/*
|
|
4141
4198
|
* The board form field (screens-form-parity, canon sections 5 and 6).
|
|
4142
4199
|
*
|
|
@@ -4470,6 +4527,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
4470
4527
|
|
|
4471
4528
|
.cn-board-view.cn-board-view--board .cn-board-view__card-sub {
|
|
4472
4529
|
font-size: 13px;
|
|
4530
|
+
line-height: normal;
|
|
4473
4531
|
color: var(--color-text-maxcontrast);
|
|
4474
4532
|
}
|
|
4475
4533
|
|
|
@@ -4489,6 +4547,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
4489
4547
|
|
|
4490
4548
|
.cn-board-view.cn-board-view--board .cn-board-view__card-footer {
|
|
4491
4549
|
display: flex;
|
|
4550
|
+
line-height: normal;
|
|
4492
4551
|
align-items: center;
|
|
4493
4552
|
justify-content: space-between;
|
|
4494
4553
|
gap: 8px;
|
|
@@ -5799,8 +5858,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
5799
5858
|
@spec openspec/changes/board-avatar-chip/specs/data-table/spec.md#requirement-a-board-avatar-cell-draws-the-initials-chip */
|
|
5800
5859
|
.cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar-initials--neutral {
|
|
5801
5860
|
background: var(--color-background-dark);
|
|
5802
|
-
color: var(--
|
|
5861
|
+
color: var(--cn-board-text-soft);
|
|
5803
5862
|
font-size: 13px;
|
|
5863
|
+
line-height: normal;
|
|
5804
5864
|
}
|
|
5805
5865
|
|
|
5806
5866
|
.cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar:has(.cn-cell-renderer__avatar-initials--neutral) {
|
|
@@ -6233,17 +6293,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
6233
6293
|
margin: 0;
|
|
6234
6294
|
font-size: 17px;
|
|
6235
6295
|
font-weight: 700;
|
|
6236
|
-
line-height:
|
|
6296
|
+
line-height: normal;
|
|
6237
6297
|
text-decoration: none;
|
|
6238
6298
|
white-space: normal;
|
|
6239
6299
|
}
|
|
6240
6300
|
|
|
6241
6301
|
.cn-look-board .cn-object-card--board .cn-object-card__record-meta {
|
|
6242
6302
|
--nldesign-component-paragraph-font-size: 14px;
|
|
6303
|
+
--nldesign-component-paragraph-line-height: normal;
|
|
6243
6304
|
--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
|
|
6244
6305
|
margin: 0;
|
|
6245
6306
|
color: var(--color-text-maxcontrast);
|
|
6246
6307
|
font-size: 14px;
|
|
6308
|
+
line-height: normal;
|
|
6247
6309
|
}
|
|
6248
6310
|
|
|
6249
6311
|
/* The meta line, note and description are paragraphs: each hands the theme,
|
|
@@ -6251,11 +6313,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
6251
6313
|
.cn-look-board .cn-object-card--board .cn-object-card__record-note {
|
|
6252
6314
|
--nldesign-component-paragraph-font-size: 13px;
|
|
6253
6315
|
--nldesign-component-paragraph-font-weight: 600;
|
|
6316
|
+
--nldesign-component-paragraph-line-height: normal;
|
|
6254
6317
|
--nldesign-component-paragraph-color: var(--cn-board-text-soft);
|
|
6255
6318
|
margin: 0;
|
|
6256
6319
|
color: var(--cn-board-text-soft);
|
|
6257
6320
|
font-size: 13px;
|
|
6258
6321
|
font-weight: 600;
|
|
6322
|
+
line-height: normal;
|
|
6259
6323
|
}
|
|
6260
6324
|
|
|
6261
6325
|
.cn-look-board .cn-object-card--board .cn-object-card__record-note--purple {
|
|
@@ -6423,9 +6487,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
6423
6487
|
--app-sidebar-width: 360px;
|
|
6424
6488
|
}
|
|
6425
6489
|
|
|
6490
|
+
/* The subtitle 2px under the title at a normal line height, and the tab's
|
|
6491
|
+
content 20px in from the panel edge (the tab's 10px and 10px here), as
|
|
6492
|
+
DqFilterBeheren draws the side panel.
|
|
6493
|
+
@spec openspec/changes/board-side-panel-rhythm/specs/board-side-panel-rhythm/spec.md */
|
|
6426
6494
|
.cn-look-board:has(.cn-index-page) > .app-sidebar .app-sidebar-header__subname {
|
|
6495
|
+
margin-top: 2px;
|
|
6427
6496
|
color: var(--color-text-maxcontrast);
|
|
6428
6497
|
font-size: 14px;
|
|
6498
|
+
line-height: normal;
|
|
6499
|
+
}
|
|
6500
|
+
|
|
6501
|
+
.cn-look-board:has(.cn-index-page) > .app-sidebar .cn-index-sidebar__section {
|
|
6502
|
+
padding: 10px;
|
|
6429
6503
|
}
|
|
6430
6504
|
|
|
6431
6505
|
.cn-look-board:has(.cn-index-page) > .app-sidebar .app-sidebar__close {
|
|
@@ -6644,9 +6718,33 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
6644
6718
|
@spec openspec/changes/board-index-sidebar-title-inset/specs/board-index-sidebar-title-inset/spec.md#requirement-the-index-side-panel-title-is-inset-as-the-board-draws-it */
|
|
6645
6719
|
.cn-look-board .cn-index-sidebar-panel .app-sidebar-header.app-sidebar-header .app-sidebar-header__info .app-sidebar-header__desc.app-sidebar-header__desc {
|
|
6646
6720
|
padding-block-start: 15px;
|
|
6721
|
+
padding-block-end: 0;
|
|
6647
6722
|
padding-inline-start: 20px;
|
|
6648
6723
|
}
|
|
6649
6724
|
|
|
6725
|
+
/* The line under the title is a paragraph the theme sets with `!important`
|
|
6726
|
+
(15px, its own leading): 14px muted at its normal leading, 2px under the
|
|
6727
|
+
title, so the tab row starts 14px under it and the first field 20px under
|
|
6728
|
+
the tabs (DqZakenSorteren, DqFilterBeheren: title 20, line 46, tabs 77,
|
|
6729
|
+
search field 137).
|
|
6730
|
+
@spec openspec/changes/board-side-panel-header-rhythm/specs/board-side-panel-header-rhythm/spec.md#requirement-the-side-panel-header-and-first-field-sit-as-the-boards-draw-them */
|
|
6731
|
+
.cn-look-board .cn-index-sidebar-panel .app-sidebar-header__subname {
|
|
6732
|
+
--nldesign-component-paragraph-font-size: 14px;
|
|
6733
|
+
--nldesign-component-paragraph-line-height: normal;
|
|
6734
|
+
--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
|
|
6735
|
+
font-size: 14px !important;
|
|
6736
|
+
line-height: normal !important;
|
|
6737
|
+
margin-block-start: -3px !important;
|
|
6738
|
+
}
|
|
6739
|
+
|
|
6740
|
+
.cn-look-board .cn-index-sidebar-panel .cn-index-sidebar__tab-content > .cn-index-sidebar__section:first-child {
|
|
6741
|
+
padding-top: 8px;
|
|
6742
|
+
}
|
|
6743
|
+
|
|
6744
|
+
.cn-look-board .cn-index-sidebar-panel .cn-index-sidebar__tab-content > .cn-index-sidebar__section:first-child > .input-field {
|
|
6745
|
+
margin-top: 0;
|
|
6746
|
+
}
|
|
6747
|
+
|
|
6650
6748
|
.cn-look-board .cn-index-sidebar-panel .app-sidebar-tabs__nav[role="tablist"] {
|
|
6651
6749
|
justify-content: flex-start;
|
|
6652
6750
|
gap: 4px;
|
|
@@ -6839,6 +6937,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
6839
6937
|
.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__name-text {
|
|
6840
6938
|
font-size: 14px;
|
|
6841
6939
|
font-weight: 600;
|
|
6940
|
+
line-height: normal;
|
|
6842
6941
|
}
|
|
6843
6942
|
|
|
6844
6943
|
/* A view's count: a grey pill at the end of its row (DqFilterBeheren). */
|
|
@@ -7756,10 +7855,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
7756
7855
|
cursor: grab;
|
|
7757
7856
|
}
|
|
7758
7857
|
|
|
7759
|
-
/* The handle before a reorderable row's name: a muted 16px grip 10px before
|
|
7858
|
+
/* The handle before a reorderable row's name: a muted 16px grip 10px before
|
|
7859
|
+
it. It floats, so a name that wraps in a narrow cell wraps beside the grip
|
|
7860
|
+
instead of dropping under it. */
|
|
7760
7861
|
.cn-table-row__handle {
|
|
7761
7862
|
display: inline-flex;
|
|
7762
|
-
|
|
7863
|
+
float: inline-start;
|
|
7864
|
+
margin-block-start: 1px;
|
|
7763
7865
|
margin-inline-end: 10px;
|
|
7764
7866
|
color: var(--color-text-maxcontrast);
|
|
7765
7867
|
cursor: grab;
|
|
@@ -12366,6 +12468,14 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
12366
12468
|
padding: calc(12px - var(--cn-board-first-line-leading)) var(--cn-board-card-inline-padding) 20px;
|
|
12367
12469
|
}
|
|
12368
12470
|
|
|
12471
|
+
/* A card that opens on a record-list table starts 12px under its title: the
|
|
12472
|
+
table's head row sets its own padding and line height, so no first line
|
|
12473
|
+
carries the half-leading the rule above takes off (r31 DqZaaktype
|
|
12474
|
+
"Berichten aan de aanvrager" sat 2.2px high). */
|
|
12475
|
+
.cn-look-board .cn-detail-page .cn-widget-wrapper__content:has(> .cn-record-list > .cn-record-list__table:first-child):not(.cn-look-nextcloud *) {
|
|
12476
|
+
padding-top: 12px;
|
|
12477
|
+
}
|
|
12478
|
+
|
|
12369
12479
|
/* A history card with stacked rows (DqTaak "Historie") opens on the first
|
|
12370
12480
|
row's hairline 6px under the title, the row's own 12px padding above its
|
|
12371
12481
|
text, as drawn: 19px from the title to the first action.
|
|
@@ -12456,6 +12566,15 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
12456
12566
|
font-weight: 500;
|
|
12457
12567
|
}
|
|
12458
12568
|
|
|
12569
|
+
/* The files table's checkbox column is the board's 42px (12px either side
|
|
12570
|
+
of the 18px box): DqZaakDocumenten and DqDocumentenBeheer both draw it so.
|
|
12571
|
+
The component's 36px pushed the file icon and name 6px left (r31: name 96
|
|
12572
|
+
vs 100; probed with the rule: icon 54 as drawn, name 102).
|
|
12573
|
+
@spec openspec/changes/board-files-select-column-42/specs/board-files-select-column-42/spec.md#requirement-the-files-tables-checkbox-column-is-42px */
|
|
12574
|
+
.cn-look-board .cn-files-browser__col-select:not(.cn-look-nextcloud *) {
|
|
12575
|
+
width: 42px;
|
|
12576
|
+
}
|
|
12577
|
+
|
|
12459
12578
|
/* A labelled select in a page card is the board's field, as in a board
|
|
12460
12579
|
dialog (dialog.css): its label above the control at 14px/600 on the normal
|
|
12461
12580
|
line (the theme's label weight token set to 600 here), the control 40px,
|
|
@@ -13199,10 +13318,10 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
13199
13318
|
|
|
13200
13319
|
/* The buttons above the groups are the card's 34px controls ("Bekijken als
|
|
13201
13320
|
flow", "Taak toevoegen"), not the page's 40px ones. */
|
|
13202
|
-
/* The buttons sit 14px
|
|
13203
|
-
|
|
13321
|
+
/* The buttons sit 14px above the groups, the card's gap; above them the
|
|
13322
|
+
content's own top padding is the space under the subtitle. */
|
|
13204
13323
|
.cn-look-board .cn-grouped-cards__actions.cn-grouped-cards__actions:not(.cn-look-nextcloud *) {
|
|
13205
|
-
margin-block:
|
|
13324
|
+
margin-block: 0 14px;
|
|
13206
13325
|
}
|
|
13207
13326
|
|
|
13208
13327
|
.cn-look-board .cn-grouped-cards__actions:not(.cn-look-nextcloud *) .button-vue {
|
|
@@ -13994,6 +14113,38 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
13994
14113
|
.cn-look-board .cn-timeline-manage__draft-label:not(.cn-look-nextcloud *) {
|
|
13995
14114
|
line-height: 1.2;
|
|
13996
14115
|
}
|
|
14116
|
+
|
|
14117
|
+
/* A facts card's link with an icon (Werkinstructie) sets the icon beside its
|
|
14118
|
+
text, 10px apart, the text on the normal line starting 10px under the
|
|
14119
|
+
title, as the Dq boards draw it. The anchor was a block, so the icon stood
|
|
14120
|
+
on its own line above the text (r31).
|
|
14121
|
+
@spec openspec/changes/board-facts-link-icon-beside-text/specs/facts-widget/spec.md */
|
|
14122
|
+
.cn-look-board .cn-facts-widget .cn-facts-widget__link:has(> .material-design-icon):not(.cn-look-nextcloud *) {
|
|
14123
|
+
display: flex;
|
|
14124
|
+
align-items: center;
|
|
14125
|
+
gap: 10px;
|
|
14126
|
+
margin-top: var(--cn-board-first-line-leading);
|
|
14127
|
+
line-height: normal;
|
|
14128
|
+
}
|
|
14129
|
+
|
|
14130
|
+
/* A table in a detail page card names each row in the link colour at 14px,
|
|
14131
|
+
as DqZaakGerelateerd draws "Deelzaken" and "Objecten" (r31: 15px in the
|
|
14132
|
+
body ink). The row opens the record, so its name reads as the link.
|
|
14133
|
+
@spec openspec/changes/board-detail-table-title-cells/specs/board-tables/spec.md */
|
|
14134
|
+
.cn-look-board .cn-detail-page .cn-object-list-widget td.cn-table-col--title:not(.cn-look-nextcloud *),
|
|
14135
|
+
.cn-look-board .cn-detail-page .cn-object-list-widget td.cn-table-col--title .cn-cell-renderer:not(.cn-look-nextcloud *) {
|
|
14136
|
+
font-size: 14px;
|
|
14137
|
+
line-height: 1.2;
|
|
14138
|
+
color: var(--color-primary-element);
|
|
14139
|
+
}
|
|
14140
|
+
|
|
14141
|
+
/* A data card keeps its 14px under a subtitle too (DqZaakBetrokkenen
|
|
14142
|
+
"Zetels"): the subtitle rule's 12px won over the data card's 14px, so the
|
|
14143
|
+
labels sat 2.2px high (r31).
|
|
14144
|
+
@spec openspec/changes/board-data-card-under-subtitle/specs/board-card/spec.md */
|
|
14145
|
+
.cn-look-board .cn-detail-page .cn-widget-wrapper:not(.cn-detail-page__side *):has(> .cn-widget-wrapper__header .cn-widget-wrapper__subtitle) > .cn-widget-wrapper__content:has(> .cn-object-data-widget__grid-wrap) {
|
|
14146
|
+
padding-top: 14px;
|
|
14147
|
+
}
|
|
13997
14148
|
/*
|
|
13998
14149
|
* The reports page under the board look (screens-reports-page-board-look,
|
|
13999
14150
|
* board DcRapportages): a 28px title over a muted lead, one section per
|
|
@@ -16851,7 +17002,7 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
16851
17002
|
}
|
|
16852
17003
|
|
|
16853
17004
|
|
|
16854
|
-
.cn-chart-widget[data-v-
|
|
17005
|
+
.cn-chart-widget[data-v-37644514] {
|
|
16855
17006
|
width: 100%;
|
|
16856
17007
|
/* A chart FITS its container — it is never a scroll region. apexcharts
|
|
16857
17008
|
sizes its SVG from the element it is mounted in, but it also enforces
|
|
@@ -16873,13 +17024,13 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
16873
17024
|
takes what is left, so the chart is sized by the box rather than sizing it.
|
|
16874
17025
|
`min-height: 0` drops the 100px floor — on a fixed-height surface a floor is
|
|
16875
17026
|
the thing that produces the overflow it was meant to prevent. */
|
|
16876
|
-
.cn-chart-widget--fit[data-v-
|
|
17027
|
+
.cn-chart-widget--fit[data-v-37644514] {
|
|
16877
17028
|
height: 100%;
|
|
16878
17029
|
min-height: 0;
|
|
16879
17030
|
display: flex;
|
|
16880
17031
|
flex-direction: column;
|
|
16881
17032
|
}
|
|
16882
|
-
.cn-chart-widget__canvas[data-v-
|
|
17033
|
+
.cn-chart-widget__canvas[data-v-37644514] {
|
|
16883
17034
|
min-width: 0;
|
|
16884
17035
|
max-width: 100%;
|
|
16885
17036
|
/* Never a scroll region (see the root). `overflow-x: hidden` alone made
|
|
@@ -16892,14 +17043,14 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
16892
17043
|
/* apexcharts writes an inline `width` onto its own wrapper from its measured
|
|
16893
17044
|
minimum, which beats the container when the container is narrower. Cap the
|
|
16894
17045
|
painted box so the inline width cannot push past the widget's border. */
|
|
16895
|
-
.cn-chart-widget[data-v-
|
|
16896
|
-
.cn-chart-widget[data-v-
|
|
17046
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-canvas,
|
|
17047
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-canvas svg {
|
|
16897
17048
|
max-width: 100%;
|
|
16898
17049
|
}
|
|
16899
17050
|
|
|
16900
17051
|
/* The SVG is a block: as an inline box it sits on a line and adds the line's
|
|
16901
17052
|
descender space under the chart. */
|
|
16902
|
-
.cn-chart-widget[data-v-
|
|
17053
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-canvas svg {
|
|
16903
17054
|
display: block;
|
|
16904
17055
|
}
|
|
16905
17056
|
|
|
@@ -16907,24 +17058,24 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
16907
17058
|
would grow to its content, i.e. to the chart, and the percentage height would
|
|
16908
17059
|
resolve against a box the chart itself defined. `overflow: hidden` keeps a
|
|
16909
17060
|
sub-pixel rounding difference from reintroducing a scrollbar. */
|
|
16910
|
-
.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-
|
|
17061
|
+
.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-37644514] {
|
|
16911
17062
|
flex: 1 1 0;
|
|
16912
17063
|
min-height: 0;
|
|
16913
17064
|
overflow: hidden;
|
|
16914
17065
|
}
|
|
16915
|
-
.cn-chart-widget__fallback[data-v-
|
|
17066
|
+
.cn-chart-widget__fallback[data-v-37644514] {
|
|
16916
17067
|
display: flex;
|
|
16917
17068
|
align-items: center;
|
|
16918
17069
|
justify-content: center;
|
|
16919
17070
|
min-height: 150px;
|
|
16920
17071
|
color: var(--color-text-maxcontrast);
|
|
16921
17072
|
}
|
|
16922
|
-
.cn-chart-widget__html[data-v-
|
|
17073
|
+
.cn-chart-widget__html[data-v-37644514] {
|
|
16923
17074
|
display: flex;
|
|
16924
17075
|
flex-direction: column;
|
|
16925
17076
|
gap: 12px;
|
|
16926
17077
|
}
|
|
16927
|
-
.cn-chart-widget__bar-list[data-v-
|
|
17078
|
+
.cn-chart-widget__bar-list[data-v-37644514] {
|
|
16928
17079
|
display: flex;
|
|
16929
17080
|
flex-direction: column;
|
|
16930
17081
|
gap: 10px;
|
|
@@ -16932,7 +17083,7 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
16932
17083
|
margin: 0;
|
|
16933
17084
|
padding: 0;
|
|
16934
17085
|
}
|
|
16935
|
-
.cn-chart-widget__bar-line[data-v-
|
|
17086
|
+
.cn-chart-widget__bar-line[data-v-37644514] {
|
|
16936
17087
|
align-items: center;
|
|
16937
17088
|
background: none;
|
|
16938
17089
|
border: 0;
|
|
@@ -16947,32 +17098,32 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
16947
17098
|
text-align: start;
|
|
16948
17099
|
width: 100%;
|
|
16949
17100
|
}
|
|
16950
|
-
.cn-chart-widget__bar-line--drill[data-v-
|
|
17101
|
+
.cn-chart-widget__bar-line--drill[data-v-37644514] {
|
|
16951
17102
|
border-radius: var(--border-radius-small, 4px);
|
|
16952
17103
|
cursor: pointer;
|
|
16953
17104
|
}
|
|
16954
|
-
.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-
|
|
16955
|
-
.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-
|
|
17105
|
+
.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-37644514],
|
|
17106
|
+
.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-37644514] {
|
|
16956
17107
|
text-decoration: underline;
|
|
16957
17108
|
}
|
|
16958
|
-
.cn-chart-widget__bar-label[data-v-
|
|
17109
|
+
.cn-chart-widget__bar-label[data-v-37644514] {
|
|
16959
17110
|
overflow: hidden;
|
|
16960
17111
|
text-overflow: ellipsis;
|
|
16961
17112
|
white-space: nowrap;
|
|
16962
17113
|
}
|
|
16963
|
-
.cn-chart-widget__bar-track[data-v-
|
|
17114
|
+
.cn-chart-widget__bar-track[data-v-37644514] {
|
|
16964
17115
|
background: var(--color-background-dark);
|
|
16965
17116
|
border-radius: 4px;
|
|
16966
17117
|
display: block;
|
|
16967
17118
|
height: 14px;
|
|
16968
17119
|
overflow: hidden;
|
|
16969
17120
|
}
|
|
16970
|
-
.cn-chart-widget__bar-fill[data-v-
|
|
17121
|
+
.cn-chart-widget__bar-fill[data-v-37644514] {
|
|
16971
17122
|
background: var(--color-primary-element);
|
|
16972
17123
|
display: block;
|
|
16973
17124
|
height: 100%;
|
|
16974
17125
|
}
|
|
16975
|
-
.cn-chart-widget__bar-value[data-v-
|
|
17126
|
+
.cn-chart-widget__bar-value[data-v-37644514] {
|
|
16976
17127
|
font-weight: 600;
|
|
16977
17128
|
text-align: end;
|
|
16978
17129
|
white-space: nowrap;
|
|
@@ -16980,10 +17131,10 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
16980
17131
|
|
|
16981
17132
|
/* `barValueAtEnd`: no track; the bar takes its share of the row and gives way
|
|
16982
17133
|
to the value right after its end, so the longest bar still fits. */
|
|
16983
|
-
.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-line[data-v-
|
|
17134
|
+
.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-line[data-v-37644514] {
|
|
16984
17135
|
grid-template-columns: minmax(80px, 130px) minmax(0, 1fr);
|
|
16985
17136
|
}
|
|
16986
|
-
.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-track[data-v-
|
|
17137
|
+
.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-track[data-v-37644514] {
|
|
16987
17138
|
align-items: center;
|
|
16988
17139
|
background: none;
|
|
16989
17140
|
display: flex;
|
|
@@ -16991,71 +17142,71 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
16991
17142
|
height: auto;
|
|
16992
17143
|
overflow: visible;
|
|
16993
17144
|
}
|
|
16994
|
-
.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-fill[data-v-
|
|
17145
|
+
.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-fill[data-v-37644514] {
|
|
16995
17146
|
border-radius: 4px;
|
|
16996
17147
|
flex: 0 1 auto;
|
|
16997
17148
|
height: 18px;
|
|
16998
17149
|
min-width: 2px;
|
|
16999
17150
|
}
|
|
17000
|
-
.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-value[data-v-
|
|
17151
|
+
.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-value[data-v-37644514] {
|
|
17001
17152
|
flex: none;
|
|
17002
17153
|
text-align: start;
|
|
17003
17154
|
}
|
|
17004
|
-
.cn-chart-widget__footnote[data-v-
|
|
17155
|
+
.cn-chart-widget__footnote[data-v-37644514] {
|
|
17005
17156
|
color: var(--color-text-maxcontrast);
|
|
17006
17157
|
margin: 0;
|
|
17007
17158
|
}
|
|
17008
|
-
.cn-chart-widget__notice[data-v-
|
|
17159
|
+
.cn-chart-widget__notice[data-v-37644514] {
|
|
17009
17160
|
margin: 12px 0 0;
|
|
17010
17161
|
}
|
|
17011
|
-
.cn-chart-widget__notice-text[data-v-
|
|
17162
|
+
.cn-chart-widget__notice-text[data-v-37644514] {
|
|
17012
17163
|
margin: 0;
|
|
17013
17164
|
}
|
|
17014
17165
|
|
|
17015
17166
|
/* Under an ApexCharts plot the footnote is a sibling of the canvas, so it keeps
|
|
17016
17167
|
its own line height while the canvas takes the rest of a fitted column. */
|
|
17017
|
-
.cn-chart-widget > .cn-chart-widget__footnote[data-v-
|
|
17168
|
+
.cn-chart-widget > .cn-chart-widget__footnote[data-v-37644514] {
|
|
17018
17169
|
flex: 0 0 auto;
|
|
17019
17170
|
margin-top: 8px;
|
|
17020
17171
|
}
|
|
17021
|
-
.cn-chart-widget__matrix[data-v-
|
|
17172
|
+
.cn-chart-widget__matrix[data-v-37644514] {
|
|
17022
17173
|
display: grid;
|
|
17023
17174
|
gap: 4px;
|
|
17024
17175
|
}
|
|
17025
|
-
.cn-chart-widget__matrix-row[data-v-
|
|
17176
|
+
.cn-chart-widget__matrix-row[data-v-37644514] {
|
|
17026
17177
|
display: contents;
|
|
17027
17178
|
}
|
|
17028
17179
|
|
|
17029
17180
|
/* A column takes its share of the width (minmax(0, 1fr)), so a long phase
|
|
17030
17181
|
name breaks inside its own column instead of running into the next. */
|
|
17031
|
-
.cn-chart-widget__matrix-head[data-v-
|
|
17182
|
+
.cn-chart-widget__matrix-head[data-v-37644514] {
|
|
17032
17183
|
--nldesign-color-on-surface: var(--color-text-maxcontrast);
|
|
17033
17184
|
color: var(--color-text-maxcontrast);
|
|
17034
17185
|
padding: 6px;
|
|
17035
17186
|
hyphens: auto;
|
|
17036
17187
|
overflow-wrap: anywhere;
|
|
17037
17188
|
}
|
|
17038
|
-
.cn-chart-widget__matrix-label[data-v-
|
|
17189
|
+
.cn-chart-widget__matrix-label[data-v-37644514] {
|
|
17039
17190
|
padding: 10px 6px;
|
|
17040
17191
|
}
|
|
17041
|
-
.cn-chart-widget__matrix-cell[data-v-
|
|
17192
|
+
.cn-chart-widget__matrix-cell[data-v-37644514] {
|
|
17042
17193
|
border-radius: 6px;
|
|
17043
17194
|
padding: 10px;
|
|
17044
17195
|
text-align: center;
|
|
17045
17196
|
}
|
|
17046
|
-
.cn-chart-widget__matrix-cell--success[data-v-
|
|
17197
|
+
.cn-chart-widget__matrix-cell--success[data-v-37644514] {
|
|
17047
17198
|
background: var(--color-success-light, color-mix(in srgb, var(--color-success) 15%, var(--color-main-background)));
|
|
17048
17199
|
}
|
|
17049
|
-
.cn-chart-widget__matrix-cell--warning[data-v-
|
|
17200
|
+
.cn-chart-widget__matrix-cell--warning[data-v-37644514] {
|
|
17050
17201
|
background: var(--color-warning-light, color-mix(in srgb, var(--color-warning) 15%, var(--color-main-background)));
|
|
17051
17202
|
}
|
|
17052
|
-
.cn-chart-widget__matrix-cell--error[data-v-
|
|
17203
|
+
.cn-chart-widget__matrix-cell--error[data-v-37644514] {
|
|
17053
17204
|
background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
|
|
17054
17205
|
}
|
|
17055
|
-
.cn-chart-widget__matrix-cell--danger[data-v-
|
|
17206
|
+
.cn-chart-widget__matrix-cell--danger[data-v-37644514] {
|
|
17056
17207
|
background: color-mix(in srgb, var(--color-error) 25%, var(--color-main-background));
|
|
17057
17208
|
}
|
|
17058
|
-
.cn-chart-widget__matrix-cell--current[data-v-
|
|
17209
|
+
.cn-chart-widget__matrix-cell--current[data-v-37644514] {
|
|
17059
17210
|
font-weight: 700;
|
|
17060
17211
|
outline: 3px solid var(--color-primary-element);
|
|
17061
17212
|
outline-offset: -3px;
|
|
@@ -17067,26 +17218,26 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
17067
17218
|
primary at 35% and at 70%, and level 1 inverted. Levels 1 to 3 take a dark
|
|
17068
17219
|
ink; the board's white on level 3 is about 3.1:1, and 70% is as deep as the
|
|
17069
17220
|
dark ink stays at 4.5:1 in Nextcloud's dark theme. */
|
|
17070
|
-
.cn-chart-widget__matrix-cell--1[data-v-
|
|
17221
|
+
.cn-chart-widget__matrix-cell--1[data-v-37644514] {
|
|
17071
17222
|
--nldesign-color-on-surface: var(--color-primary-element-light-text);
|
|
17072
17223
|
background: var(--color-primary-element-light);
|
|
17073
17224
|
color: var(--color-primary-element-light-text);
|
|
17074
17225
|
}
|
|
17075
|
-
.cn-chart-widget__matrix-cell--2[data-v-
|
|
17226
|
+
.cn-chart-widget__matrix-cell--2[data-v-37644514] {
|
|
17076
17227
|
background: color-mix(in srgb, var(--color-primary-element) 35%, var(--color-main-background));
|
|
17077
17228
|
color: var(--color-main-text);
|
|
17078
17229
|
}
|
|
17079
|
-
.cn-chart-widget__matrix-cell--3[data-v-
|
|
17230
|
+
.cn-chart-widget__matrix-cell--3[data-v-37644514] {
|
|
17080
17231
|
--nldesign-color-on-surface: var(--color-main-text);
|
|
17081
17232
|
background: color-mix(in srgb, var(--color-primary-element) 70%, var(--color-main-background));
|
|
17082
17233
|
color: var(--color-main-text);
|
|
17083
17234
|
}
|
|
17084
|
-
.cn-chart-widget__matrix-cell--4[data-v-
|
|
17235
|
+
.cn-chart-widget__matrix-cell--4[data-v-37644514] {
|
|
17085
17236
|
--nldesign-color-on-surface: var(--color-primary-element-light);
|
|
17086
17237
|
background: var(--color-primary-element-light-text);
|
|
17087
17238
|
color: var(--color-primary-element-light);
|
|
17088
17239
|
}
|
|
17089
|
-
.cn-chart-widget__empty[data-v-
|
|
17240
|
+
.cn-chart-widget__empty[data-v-37644514] {
|
|
17090
17241
|
display: flex;
|
|
17091
17242
|
align-items: center;
|
|
17092
17243
|
justify-content: center;
|
|
@@ -17101,25 +17252,25 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
17101
17252
|
content-sized case; in fit mode they take the leftover space and centre in it
|
|
17102
17253
|
instead, since the floor would overflow a short tile. Declared after the base
|
|
17103
17254
|
rules so the cascade order matches specificity (no-descending-specificity). */
|
|
17104
|
-
.cn-chart-widget--fit .cn-chart-widget__empty[data-v-
|
|
17105
|
-
.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-
|
|
17255
|
+
.cn-chart-widget--fit .cn-chart-widget__empty[data-v-37644514],
|
|
17256
|
+
.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-37644514] {
|
|
17106
17257
|
flex: 1 1 0;
|
|
17107
17258
|
min-height: 0;
|
|
17108
17259
|
}
|
|
17109
|
-
.cn-chart-widget__error[data-v-
|
|
17260
|
+
.cn-chart-widget__error[data-v-37644514] {
|
|
17110
17261
|
font-size: 14px;
|
|
17111
17262
|
margin: 0;
|
|
17112
17263
|
}
|
|
17113
17264
|
|
|
17114
17265
|
/* In-widget view switcher pills (views[] prop) — compact segmented row,
|
|
17115
17266
|
mirroring the dashboard date-range pill styling. */
|
|
17116
|
-
.cn-chart-widget__views[data-v-
|
|
17267
|
+
.cn-chart-widget__views[data-v-37644514] {
|
|
17117
17268
|
display: flex;
|
|
17118
17269
|
gap: 4px;
|
|
17119
17270
|
margin-bottom: 6px;
|
|
17120
17271
|
justify-content: flex-end;
|
|
17121
17272
|
}
|
|
17122
|
-
.cn-chart-widget__view-pill[data-v-
|
|
17273
|
+
.cn-chart-widget__view-pill[data-v-37644514] {
|
|
17123
17274
|
padding: 2px 10px;
|
|
17124
17275
|
border: 1px solid var(--color-border);
|
|
17125
17276
|
border-radius: 999px;
|
|
@@ -17128,7 +17279,7 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
17128
17279
|
font-size: 12px;
|
|
17129
17280
|
cursor: pointer;
|
|
17130
17281
|
}
|
|
17131
|
-
.cn-chart-widget__view-pill--active[data-v-
|
|
17282
|
+
.cn-chart-widget__view-pill--active[data-v-37644514] {
|
|
17132
17283
|
background: var(--color-primary-element-light, #aad2ed);
|
|
17133
17284
|
color: var(--color-main-text);
|
|
17134
17285
|
border-color: var(--color-primary-element, #0082c9);
|
|
@@ -17157,8 +17308,8 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
17157
17308
|
each override below therefore carries one more class than the apexcharts rule
|
|
17158
17309
|
it replaces, and holds even without the scope attribute this block compiles
|
|
17159
17310
|
with. */
|
|
17160
|
-
.cn-chart-widget[data-v-
|
|
17161
|
-
.cn-chart-widget[data-v-
|
|
17311
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-light,
|
|
17312
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-dark {
|
|
17162
17313
|
background: var(--color-main-background);
|
|
17163
17314
|
border: 1px solid var(--color-border);
|
|
17164
17315
|
color: var(--color-main-text);
|
|
@@ -17167,8 +17318,8 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
17167
17318
|
|
|
17168
17319
|
/* The title row is the date/category header ("Aug 26"). Its own background is
|
|
17169
17320
|
what made it unreadable rather than merely off-theme. */
|
|
17170
|
-
.cn-chart-widget[data-v-
|
|
17171
|
-
.cn-chart-widget[data-v-
|
|
17321
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
|
|
17322
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
|
|
17172
17323
|
background: var(--color-background-hover);
|
|
17173
17324
|
border-bottom: 1px solid var(--color-border);
|
|
17174
17325
|
color: var(--color-main-text);
|
|
@@ -17177,8 +17328,8 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
17177
17328
|
/* Crosshair axis tooltips. apexcharts puts light hex values on the BASE class
|
|
17178
17329
|
here and only overrides them for its dark theme, so the base rule has to be
|
|
17179
17330
|
replaced too — not just the theme variants. */
|
|
17180
|
-
.cn-chart-widget[data-v-
|
|
17181
|
-
.cn-chart-widget[data-v-
|
|
17331
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip,
|
|
17332
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip {
|
|
17182
17333
|
background: var(--color-main-background);
|
|
17183
17334
|
border: 1px solid var(--color-border);
|
|
17184
17335
|
color: var(--color-main-text);
|
|
@@ -17187,55 +17338,55 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
17187
17338
|
/* Their pointer arrows are two stacked triangles: `::before` paints the border
|
|
17188
17339
|
edge, `::after` the fill. Both need the tokens the box above uses, or the
|
|
17189
17340
|
arrow keeps the old palette and reads as a stray light wedge. */
|
|
17190
|
-
.cn-chart-widget[data-v-
|
|
17191
|
-
.cn-chart-widget[data-v-
|
|
17341
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-bottom::after,
|
|
17342
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-top::after {
|
|
17192
17343
|
border-bottom-color: var(--color-main-background);
|
|
17193
17344
|
border-top-color: var(--color-main-background);
|
|
17194
17345
|
}
|
|
17195
|
-
.cn-chart-widget[data-v-
|
|
17196
|
-
.cn-chart-widget[data-v-
|
|
17346
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-bottom::before,
|
|
17347
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-top::before {
|
|
17197
17348
|
border-bottom-color: var(--color-border);
|
|
17198
17349
|
border-top-color: var(--color-border);
|
|
17199
17350
|
}
|
|
17200
|
-
.cn-chart-widget[data-v-
|
|
17201
|
-
.cn-chart-widget[data-v-
|
|
17351
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-left::after,
|
|
17352
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-right::after {
|
|
17202
17353
|
border-left-color: var(--color-main-background);
|
|
17203
17354
|
border-right-color: var(--color-main-background);
|
|
17204
17355
|
}
|
|
17205
|
-
.cn-chart-widget[data-v-
|
|
17206
|
-
.cn-chart-widget[data-v-
|
|
17356
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-left::before,
|
|
17357
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-right::before {
|
|
17207
17358
|
border-left-color: var(--color-border);
|
|
17208
17359
|
border-right-color: var(--color-border);
|
|
17209
17360
|
}
|
|
17210
17361
|
|
|
17211
17362
|
/* Toolbar menu — only reachable with `toolbar: true`, but the same defect: a
|
|
17212
17363
|
hardcoded `#fff` panel under inherited near-white text. */
|
|
17213
|
-
.cn-chart-widget[data-v-
|
|
17364
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-menu {
|
|
17214
17365
|
background: var(--color-main-background);
|
|
17215
17366
|
border: 1px solid var(--color-border);
|
|
17216
17367
|
color: var(--color-main-text);
|
|
17217
17368
|
}
|
|
17218
|
-
.cn-chart-widget[data-v-
|
|
17369
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-menu .apexcharts-menu-item:hover {
|
|
17219
17370
|
background: var(--color-background-hover);
|
|
17220
17371
|
}
|
|
17221
17372
|
|
|
17222
17373
|
/* Toolbar icons: `#6e8192` at rest and `#333` on hover, i.e. the hover state
|
|
17223
17374
|
vanishes against a dark background. One selector per icon class, matching
|
|
17224
17375
|
apexcharts' own list, to clear its (0,3,1) hover rules. */
|
|
17225
|
-
.cn-chart-widget[data-v-
|
|
17226
|
-
.cn-chart-widget[data-v-
|
|
17227
|
-
.cn-chart-widget[data-v-
|
|
17228
|
-
.cn-chart-widget[data-v-
|
|
17229
|
-
.cn-chart-widget[data-v-
|
|
17230
|
-
.cn-chart-widget[data-v-
|
|
17376
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-menu-icon svg,
|
|
17377
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-reset-icon svg,
|
|
17378
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-selection-icon svg,
|
|
17379
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoom-icon svg,
|
|
17380
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
|
|
17381
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
|
|
17231
17382
|
fill: var(--color-text-maxcontrast);
|
|
17232
17383
|
}
|
|
17233
|
-
.cn-chart-widget[data-v-
|
|
17234
|
-
.cn-chart-widget[data-v-
|
|
17235
|
-
.cn-chart-widget[data-v-
|
|
17236
|
-
.cn-chart-widget[data-v-
|
|
17237
|
-
.cn-chart-widget[data-v-
|
|
17238
|
-
.cn-chart-widget[data-v-
|
|
17384
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
|
|
17385
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
|
|
17386
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
|
|
17387
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
|
|
17388
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
|
|
17389
|
+
.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
|
|
17239
17390
|
fill: var(--color-main-text);
|
|
17240
17391
|
}
|
|
17241
17392
|
|
|
@@ -20062,10 +20213,13 @@ svg.leaflet-image-layer.leaflet-interactive path {
|
|
|
20062
20213
|
cursor: grab;
|
|
20063
20214
|
}
|
|
20064
20215
|
|
|
20065
|
-
/* The handle before a reorderable row's name: a muted 16px grip 10px before
|
|
20216
|
+
/* The handle before a reorderable row's name: a muted 16px grip 10px before
|
|
20217
|
+
it. It floats, so a name that wraps in a narrow cell wraps beside the grip
|
|
20218
|
+
instead of dropping under it. */
|
|
20066
20219
|
.cn-table-row__handle {
|
|
20067
20220
|
display: inline-flex;
|
|
20068
|
-
|
|
20221
|
+
float: inline-start;
|
|
20222
|
+
margin-block-start: 1px;
|
|
20069
20223
|
margin-inline-end: 10px;
|
|
20070
20224
|
color: var(--color-text-maxcontrast);
|
|
20071
20225
|
cursor: grab;
|
|
@@ -21719,56 +21873,56 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
|
|
|
21719
21873
|
}
|
|
21720
21874
|
|
|
21721
21875
|
|
|
21722
|
-
.cn-audit-card__list[data-v-
|
|
21876
|
+
.cn-audit-card__list[data-v-bd3033c8] {
|
|
21723
21877
|
list-style: none;
|
|
21724
21878
|
margin: 0;
|
|
21725
21879
|
padding: 0;
|
|
21726
21880
|
}
|
|
21727
|
-
.cn-audit-card__row[data-v-
|
|
21881
|
+
.cn-audit-card__row[data-v-bd3033c8] {
|
|
21728
21882
|
padding: 6px 0;
|
|
21729
21883
|
border-bottom: 1px solid var(--color-border);
|
|
21730
21884
|
}
|
|
21731
|
-
.cn-audit-card__row[data-v-
|
|
21885
|
+
.cn-audit-card__row[data-v-bd3033c8]:last-child {
|
|
21732
21886
|
border-bottom: none;
|
|
21733
21887
|
}
|
|
21734
|
-
.cn-audit-card__row-head[data-v-
|
|
21888
|
+
.cn-audit-card__row-head[data-v-bd3033c8] {
|
|
21735
21889
|
display: flex;
|
|
21736
21890
|
justify-content: space-between;
|
|
21737
21891
|
gap: 8px;
|
|
21738
21892
|
}
|
|
21739
|
-
.cn-audit-card__action[data-v-
|
|
21893
|
+
.cn-audit-card__action[data-v-bd3033c8] {
|
|
21740
21894
|
color: var(--color-main-text);
|
|
21741
21895
|
}
|
|
21742
|
-
.cn-audit-card__when[data-v-
|
|
21896
|
+
.cn-audit-card__when[data-v-bd3033c8] {
|
|
21743
21897
|
color: var(--color-text-maxcontrast);
|
|
21744
21898
|
font-size: 0.85em;
|
|
21745
21899
|
white-space: nowrap;
|
|
21746
21900
|
}
|
|
21747
|
-
.cn-audit-card__row-body[data-v-
|
|
21901
|
+
.cn-audit-card__row-body[data-v-bd3033c8] {
|
|
21748
21902
|
color: var(--color-text-maxcontrast);
|
|
21749
21903
|
font-size: 0.9em;
|
|
21750
21904
|
}
|
|
21751
|
-
.cn-audit-card__refused[data-v-
|
|
21905
|
+
.cn-audit-card__refused[data-v-bd3033c8] {
|
|
21752
21906
|
margin-inline-start: 6px;
|
|
21753
21907
|
font-weight: 700;
|
|
21754
21908
|
color: var(--color-error-text, var(--color-main-text));
|
|
21755
21909
|
}
|
|
21756
|
-
.cn-audit-card__reason[data-v-
|
|
21910
|
+
.cn-audit-card__reason[data-v-bd3033c8] {
|
|
21757
21911
|
margin: 2px 0 0;
|
|
21758
21912
|
font-size: 0.9em;
|
|
21759
21913
|
overflow-wrap: anywhere;
|
|
21760
21914
|
}
|
|
21761
|
-
.cn-audit-card__empty[data-v-
|
|
21915
|
+
.cn-audit-card__empty[data-v-bd3033c8] {
|
|
21762
21916
|
color: var(--color-text-maxcontrast);
|
|
21763
21917
|
text-align: center;
|
|
21764
21918
|
padding: 12px 0;
|
|
21765
21919
|
}
|
|
21766
|
-
.cn-audit-card__footnote[data-v-
|
|
21920
|
+
.cn-audit-card__footnote[data-v-bd3033c8] {
|
|
21767
21921
|
margin: 12px 0 0;
|
|
21768
21922
|
color: var(--color-text-maxcontrast);
|
|
21769
21923
|
font-size: 13px;
|
|
21770
21924
|
}
|
|
21771
|
-
.cn-audit-card__show-all[data-v-
|
|
21925
|
+
.cn-audit-card__show-all[data-v-bd3033c8] {
|
|
21772
21926
|
background: none;
|
|
21773
21927
|
border: none;
|
|
21774
21928
|
color: var(--color-primary-element);
|
|
@@ -21776,7 +21930,7 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
|
|
|
21776
21930
|
padding: 4px 0;
|
|
21777
21931
|
font: inherit;
|
|
21778
21932
|
}
|
|
21779
|
-
.cn-audit-card__show-all[data-v-
|
|
21933
|
+
.cn-audit-card__show-all[data-v-bd3033c8]:hover {
|
|
21780
21934
|
text-decoration: underline;
|
|
21781
21935
|
}
|
|
21782
21936
|
|
|
@@ -26460,77 +26614,77 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
|
|
|
26460
26614
|
}
|
|
26461
26615
|
|
|
26462
26616
|
|
|
26463
|
-
.cn-notes-card__add-form[data-v-
|
|
26617
|
+
.cn-notes-card__add-form[data-v-23928d29] {
|
|
26464
26618
|
margin-bottom: 12px;
|
|
26465
26619
|
}
|
|
26466
|
-
.cn-notes-card__textarea[data-v-
|
|
26620
|
+
.cn-notes-card__textarea[data-v-23928d29] {
|
|
26467
26621
|
width: 100%;
|
|
26468
26622
|
margin-bottom: 8px;
|
|
26469
26623
|
box-sizing: border-box;
|
|
26470
26624
|
}
|
|
26471
|
-
.cn-notes-card__replying[data-v-
|
|
26625
|
+
.cn-notes-card__replying[data-v-23928d29] {
|
|
26472
26626
|
display: flex;
|
|
26473
26627
|
align-items: center;
|
|
26474
26628
|
justify-content: space-between;
|
|
26475
26629
|
margin: 0 0 4px;
|
|
26476
26630
|
color: var(--color-text-maxcontrast);
|
|
26477
26631
|
}
|
|
26478
|
-
.cn-notes-card__note--reply[data-v-
|
|
26632
|
+
.cn-notes-card__note--reply[data-v-23928d29] {
|
|
26479
26633
|
margin-inline-start: 24px;
|
|
26480
26634
|
}
|
|
26481
|
-
.cn-notes-card__quote[data-v-
|
|
26635
|
+
.cn-notes-card__quote[data-v-23928d29] {
|
|
26482
26636
|
margin: 0 0 2px;
|
|
26483
26637
|
padding-inline-start: 8px;
|
|
26484
26638
|
border-inline-start: 2px solid var(--color-border-dark);
|
|
26485
26639
|
color: var(--color-text-maxcontrast);
|
|
26486
26640
|
font-size: 0.9em;
|
|
26487
26641
|
}
|
|
26488
|
-
.cn-notes-card__empty[data-v-
|
|
26642
|
+
.cn-notes-card__empty[data-v-23928d29] {
|
|
26489
26643
|
text-align: center;
|
|
26490
26644
|
padding: 16px 12px;
|
|
26491
26645
|
color: var(--color-text-maxcontrast);
|
|
26492
26646
|
font-size: 13px;
|
|
26493
26647
|
}
|
|
26494
|
-
.cn-notes-card__list[data-v-
|
|
26648
|
+
.cn-notes-card__list[data-v-23928d29] {
|
|
26495
26649
|
display: flex;
|
|
26496
26650
|
flex-direction: column;
|
|
26497
26651
|
}
|
|
26498
|
-
.cn-notes-card__note[data-v-
|
|
26652
|
+
.cn-notes-card__note[data-v-23928d29] {
|
|
26499
26653
|
padding: 10px 0;
|
|
26500
26654
|
border-bottom: 1px solid var(--color-border);
|
|
26501
26655
|
position: relative;
|
|
26502
26656
|
}
|
|
26503
|
-
.cn-notes-card__note[data-v-
|
|
26657
|
+
.cn-notes-card__note[data-v-23928d29]:last-child {
|
|
26504
26658
|
border-bottom: none;
|
|
26505
26659
|
}
|
|
26506
|
-
.cn-notes-card__initials[data-v-
|
|
26660
|
+
.cn-notes-card__initials[data-v-23928d29] {
|
|
26507
26661
|
display: none;
|
|
26508
26662
|
}
|
|
26509
|
-
.cn-notes-card__note-header[data-v-
|
|
26663
|
+
.cn-notes-card__note-header[data-v-23928d29] {
|
|
26510
26664
|
display: flex;
|
|
26511
26665
|
justify-content: space-between;
|
|
26512
26666
|
align-items: baseline;
|
|
26513
26667
|
margin-bottom: 4px;
|
|
26514
26668
|
}
|
|
26515
|
-
.cn-notes-card__author[data-v-
|
|
26669
|
+
.cn-notes-card__author[data-v-23928d29] {
|
|
26516
26670
|
font-size: 13px;
|
|
26517
26671
|
}
|
|
26518
|
-
.cn-notes-card__author--self[data-v-
|
|
26672
|
+
.cn-notes-card__author--self[data-v-23928d29] {
|
|
26519
26673
|
color: var(--color-main-text);
|
|
26520
26674
|
}
|
|
26521
|
-
.cn-notes-card__visibility[data-v-
|
|
26675
|
+
.cn-notes-card__visibility[data-v-23928d29] {
|
|
26522
26676
|
display: flex;
|
|
26523
26677
|
align-items: center;
|
|
26524
26678
|
gap: 8px;
|
|
26525
26679
|
margin-bottom: 4px;
|
|
26526
26680
|
}
|
|
26527
|
-
.cn-notes-card__time[data-v-
|
|
26681
|
+
.cn-notes-card__time[data-v-23928d29] {
|
|
26528
26682
|
font-size: 11px;
|
|
26529
26683
|
color: var(--color-text-maxcontrast);
|
|
26530
26684
|
flex-shrink: 0;
|
|
26531
26685
|
margin-left: 8px;
|
|
26532
26686
|
}
|
|
26533
|
-
.cn-notes-card__body[data-v-
|
|
26687
|
+
.cn-notes-card__body[data-v-23928d29] {
|
|
26534
26688
|
font-size: 13px;
|
|
26535
26689
|
margin: 0;
|
|
26536
26690
|
white-space: pre-wrap;
|
|
@@ -26541,18 +26695,18 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
|
|
|
26541
26695
|
/* The note's own class leads so the position outranks NcButton's
|
|
26542
26696
|
`position: relative`, which loads later at the same weight and put the
|
|
26543
26697
|
button in the flow under the note. */
|
|
26544
|
-
.cn-notes-card__note > .cn-notes-card__delete-btn[data-v-
|
|
26698
|
+
.cn-notes-card__note > .cn-notes-card__delete-btn[data-v-23928d29] {
|
|
26545
26699
|
position: absolute;
|
|
26546
26700
|
top: 8px;
|
|
26547
26701
|
right: -4px;
|
|
26548
26702
|
opacity: 0;
|
|
26549
26703
|
transition: opacity 0.15s ease;
|
|
26550
26704
|
}
|
|
26551
|
-
.cn-notes-card__note:hover > .cn-notes-card__delete-btn[data-v-
|
|
26552
|
-
.cn-notes-card__note:focus-within > .cn-notes-card__delete-btn[data-v-
|
|
26705
|
+
.cn-notes-card__note:hover > .cn-notes-card__delete-btn[data-v-23928d29],
|
|
26706
|
+
.cn-notes-card__note:focus-within > .cn-notes-card__delete-btn[data-v-23928d29] {
|
|
26553
26707
|
opacity: 1;
|
|
26554
26708
|
}
|
|
26555
|
-
.cn-notes-card__show-all[data-v-
|
|
26709
|
+
.cn-notes-card__show-all[data-v-23928d29] {
|
|
26556
26710
|
background: none;
|
|
26557
26711
|
border: none;
|
|
26558
26712
|
color: var(--color-primary-element);
|
|
@@ -26563,7 +26717,7 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
|
|
|
26563
26717
|
width: 100%;
|
|
26564
26718
|
text-align: center;
|
|
26565
26719
|
}
|
|
26566
|
-
.cn-notes-card__show-all[data-v-
|
|
26720
|
+
.cn-notes-card__show-all[data-v-23928d29]:hover {
|
|
26567
26721
|
text-decoration: underline;
|
|
26568
26722
|
}
|
|
26569
26723
|
|
|
@@ -29819,7 +29973,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29819
29973
|
|
|
29820
29974
|
|
|
29821
29975
|
/* The row a following card describes (content.rowSelection). */
|
|
29822
|
-
.cn-object-list-widget[data-v-
|
|
29976
|
+
.cn-object-list-widget[data-v-29fab8f0] .cn-object-list-widget__row--selected {
|
|
29823
29977
|
background: var(--color-primary-element-light, #eaf0f7);
|
|
29824
29978
|
}
|
|
29825
29979
|
|
|
@@ -29830,7 +29984,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29830
29984
|
Horizontal overflow is owned by `.cn-table-container` (overflow-x: auto); a
|
|
29831
29985
|
second scroll container here would produce a nested scrollbar, so this host
|
|
29832
29986
|
stays plain. */
|
|
29833
|
-
.cn-object-list-widget[data-v-
|
|
29987
|
+
.cn-object-list-widget[data-v-29fab8f0] {
|
|
29834
29988
|
width: 100%;
|
|
29835
29989
|
height: 100%;
|
|
29836
29990
|
display: flex;
|
|
@@ -29842,10 +29996,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29842
29996
|
relative` is set only in the dropping state so a widget without a drop zone
|
|
29843
29997
|
keeps the containing block it had — an unconditional rule here would
|
|
29844
29998
|
re-parent any absolutely-positioned descendant a host has placed. */
|
|
29845
|
-
.cn-object-list-widget--dropping[data-v-
|
|
29999
|
+
.cn-object-list-widget--dropping[data-v-29fab8f0] {
|
|
29846
30000
|
position: relative;
|
|
29847
30001
|
}
|
|
29848
|
-
.cn-object-list-widget__drop-overlay[data-v-
|
|
30002
|
+
.cn-object-list-widget__drop-overlay[data-v-29fab8f0] {
|
|
29849
30003
|
position: absolute;
|
|
29850
30004
|
inset: 0;
|
|
29851
30005
|
z-index: 2;
|
|
@@ -29863,7 +30017,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29863
30017
|
and the drop would land on nothing. */
|
|
29864
30018
|
pointer-events: none;
|
|
29865
30019
|
}
|
|
29866
|
-
.cn-object-list-widget__table[data-v-
|
|
30020
|
+
.cn-object-list-widget__table[data-v-29fab8f0] {
|
|
29867
30021
|
flex: 1 1 auto;
|
|
29868
30022
|
min-height: 0;
|
|
29869
30023
|
overflow: hidden;
|
|
@@ -29872,16 +30026,16 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29872
30026
|
/* The empty state is CnWidgetEmptyState now — it brings its own layout, so
|
|
29873
30027
|
all this rule still owns is letting it claim the cell's leftover height
|
|
29874
30028
|
(ADR-062: it fits the cell, it never forces one). */
|
|
29875
|
-
.cn-object-list-widget__empty[data-v-
|
|
30029
|
+
.cn-object-list-widget__empty[data-v-29fab8f0] {
|
|
29876
30030
|
flex: 1 1 auto;
|
|
29877
30031
|
min-height: 0;
|
|
29878
30032
|
}
|
|
29879
30033
|
|
|
29880
30034
|
/* The pager sits flush at the bottom of the card, above "View all". */
|
|
29881
|
-
.cn-object-list-widget__pager[data-v-
|
|
30035
|
+
.cn-object-list-widget__pager[data-v-29fab8f0] {
|
|
29882
30036
|
flex-shrink: 0;
|
|
29883
30037
|
}
|
|
29884
|
-
.cn-object-list-widget__view-all[data-v-
|
|
30038
|
+
.cn-object-list-widget__view-all[data-v-29fab8f0] {
|
|
29885
30039
|
align-self: flex-start;
|
|
29886
30040
|
background: none;
|
|
29887
30041
|
border: none;
|
|
@@ -29892,32 +30046,32 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29892
30046
|
padding: 4px;
|
|
29893
30047
|
text-decoration: none;
|
|
29894
30048
|
}
|
|
29895
|
-
.cn-object-list-widget__view-all[data-v-
|
|
29896
|
-
.cn-object-list-widget__view-all[data-v-
|
|
30049
|
+
.cn-object-list-widget__view-all[data-v-29fab8f0]:hover,
|
|
30050
|
+
.cn-object-list-widget__view-all[data-v-29fab8f0]:focus-visible {
|
|
29897
30051
|
text-decoration: underline;
|
|
29898
30052
|
}
|
|
29899
|
-
.cn-object-list-widget__more[data-v-
|
|
30053
|
+
.cn-object-list-widget__more[data-v-29fab8f0] {
|
|
29900
30054
|
color: var(--color-text-maxcontrast);
|
|
29901
30055
|
font-size: 0.85em;
|
|
29902
30056
|
margin: 4px 0 0;
|
|
29903
30057
|
padding: 4px;
|
|
29904
30058
|
}
|
|
29905
|
-
.cn-object-list-widget__links[data-v-
|
|
30059
|
+
.cn-object-list-widget__links[data-v-29fab8f0] {
|
|
29906
30060
|
display: flex;
|
|
29907
30061
|
flex-wrap: wrap;
|
|
29908
30062
|
gap: 16px;
|
|
29909
30063
|
margin: 12px 0 0;
|
|
29910
30064
|
font-size: 14px;
|
|
29911
30065
|
}
|
|
29912
|
-
.cn-object-list-widget__link[data-v-
|
|
30066
|
+
.cn-object-list-widget__link[data-v-29fab8f0] {
|
|
29913
30067
|
font-weight: 600;
|
|
29914
30068
|
}
|
|
29915
|
-
.cn-object-list-widget__link-note[data-v-
|
|
30069
|
+
.cn-object-list-widget__link-note[data-v-29fab8f0] {
|
|
29916
30070
|
margin-inline-start: 6px;
|
|
29917
30071
|
color: var(--color-text-maxcontrast);
|
|
29918
30072
|
font-size: 13px;
|
|
29919
30073
|
}
|
|
29920
|
-
.cn-object-list-widget__footnote[data-v-
|
|
30074
|
+
.cn-object-list-widget__footnote[data-v-29fab8f0] {
|
|
29921
30075
|
color: var(--color-text-maxcontrast);
|
|
29922
30076
|
font-size: 13px;
|
|
29923
30077
|
margin: 8px 0 0;
|
|
@@ -29926,7 +30080,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29926
30080
|
/* Footer Add — same pattern as the integration leaves' footer action
|
|
29927
30081
|
("Open in Calendar"): full-width, centered, divider-topped, pinned to
|
|
29928
30082
|
the card bottom. */
|
|
29929
|
-
.cn-object-list-widget__add[data-v-
|
|
30083
|
+
.cn-object-list-widget__add[data-v-29fab8f0] {
|
|
29930
30084
|
align-self: stretch;
|
|
29931
30085
|
border-top: 1px solid var(--color-border);
|
|
29932
30086
|
/* Bleed through the host card's 16px content padding so the divider
|
|
@@ -29934,31 +30088,31 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29934
30088
|
margin: auto -16px -16px;
|
|
29935
30089
|
padding: 4px;
|
|
29936
30090
|
}
|
|
29937
|
-
.cn-object-list-widget__error[data-v-
|
|
30091
|
+
.cn-object-list-widget__error[data-v-29fab8f0] {
|
|
29938
30092
|
color: var(--color-text-maxcontrast);
|
|
29939
30093
|
font-size: 0.85em;
|
|
29940
30094
|
margin: 4px 0 0;
|
|
29941
30095
|
}
|
|
29942
|
-
.cn-object-list-widget__prompt[data-v-
|
|
30096
|
+
.cn-object-list-widget__prompt[data-v-29fab8f0] {
|
|
29943
30097
|
color: var(--color-text-maxcontrast);
|
|
29944
30098
|
font-style: italic;
|
|
29945
30099
|
padding: 16px 4px;
|
|
29946
30100
|
margin: 0;
|
|
29947
30101
|
text-align: center;
|
|
29948
30102
|
}
|
|
29949
|
-
.cn-object-list-widget__facet[data-v-
|
|
30103
|
+
.cn-object-list-widget__facet[data-v-29fab8f0] {
|
|
29950
30104
|
display: flex;
|
|
29951
30105
|
align-items: center;
|
|
29952
30106
|
flex-wrap: wrap;
|
|
29953
30107
|
gap: 6px;
|
|
29954
30108
|
padding: 0 4px 8px;
|
|
29955
30109
|
}
|
|
29956
|
-
.cn-object-list-widget__facet-label[data-v-
|
|
30110
|
+
.cn-object-list-widget__facet-label[data-v-29fab8f0] {
|
|
29957
30111
|
color: var(--color-text-maxcontrast);
|
|
29958
30112
|
font-size: 0.85em;
|
|
29959
30113
|
font-weight: 600;
|
|
29960
30114
|
}
|
|
29961
|
-
.cn-object-list-widget__facet-chip[data-v-
|
|
30115
|
+
.cn-object-list-widget__facet-chip[data-v-29fab8f0] {
|
|
29962
30116
|
background-color: var(--color-background-hover);
|
|
29963
30117
|
border: 1px solid var(--color-border);
|
|
29964
30118
|
border-radius: var(--border-radius-pill, 16px);
|
|
@@ -29968,13 +30122,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29968
30122
|
font-size: 0.85em;
|
|
29969
30123
|
padding: 2px 10px;
|
|
29970
30124
|
}
|
|
29971
|
-
.cn-object-list-widget__facet-chip--active[data-v-
|
|
30125
|
+
.cn-object-list-widget__facet-chip--active[data-v-29fab8f0] {
|
|
29972
30126
|
background-color: var(--color-primary-element-light);
|
|
29973
30127
|
border-color: var(--color-primary-element);
|
|
29974
30128
|
color: var(--color-primary-element-text, var(--color-main-text));
|
|
29975
30129
|
}
|
|
29976
|
-
.cn-object-list-widget__facet-clear[data-v-
|
|
29977
|
-
.cn-object-list-widget__bulk-clear[data-v-
|
|
30130
|
+
.cn-object-list-widget__facet-clear[data-v-29fab8f0],
|
|
30131
|
+
.cn-object-list-widget__bulk-clear[data-v-29fab8f0] {
|
|
29978
30132
|
background: none;
|
|
29979
30133
|
border: none;
|
|
29980
30134
|
color: var(--color-primary-element);
|
|
@@ -29983,11 +30137,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29983
30137
|
font-size: 0.85em;
|
|
29984
30138
|
padding: 2px 4px;
|
|
29985
30139
|
}
|
|
29986
|
-
.cn-object-list-widget__facet-clear[data-v-
|
|
29987
|
-
.cn-object-list-widget__bulk-clear[data-v-
|
|
30140
|
+
.cn-object-list-widget__facet-clear[data-v-29fab8f0]:hover,
|
|
30141
|
+
.cn-object-list-widget__bulk-clear[data-v-29fab8f0]:hover {
|
|
29988
30142
|
text-decoration: underline;
|
|
29989
30143
|
}
|
|
29990
|
-
.cn-object-list-widget__bulk-bar[data-v-
|
|
30144
|
+
.cn-object-list-widget__bulk-bar[data-v-29fab8f0] {
|
|
29991
30145
|
align-items: center;
|
|
29992
30146
|
background-color: var(--color-primary-element-light);
|
|
29993
30147
|
border-radius: var(--border-radius, 8px);
|
|
@@ -29997,10 +30151,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29997
30151
|
margin: 0 0 8px;
|
|
29998
30152
|
padding: 6px 10px;
|
|
29999
30153
|
}
|
|
30000
|
-
.cn-object-list-widget__bulk-count[data-v-
|
|
30154
|
+
.cn-object-list-widget__bulk-count[data-v-29fab8f0] {
|
|
30001
30155
|
font-weight: 600;
|
|
30002
30156
|
}
|
|
30003
|
-
.cn-object-list-widget__bulk-action[data-v-
|
|
30157
|
+
.cn-object-list-widget__bulk-action[data-v-29fab8f0] {
|
|
30004
30158
|
background-color: var(--color-main-background);
|
|
30005
30159
|
border: 1px solid var(--color-border);
|
|
30006
30160
|
border-radius: var(--border-radius, 8px);
|
|
@@ -30008,25 +30162,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
30008
30162
|
font: inherit;
|
|
30009
30163
|
padding: 4px 10px;
|
|
30010
30164
|
}
|
|
30011
|
-
.cn-object-list-widget__bulk-action--destructive[data-v-
|
|
30165
|
+
.cn-object-list-widget__bulk-action--destructive[data-v-29fab8f0] {
|
|
30012
30166
|
border-color: var(--color-error);
|
|
30013
30167
|
color: var(--color-error);
|
|
30014
30168
|
}
|
|
30015
|
-
.cn-object-list-widget__groups[data-v-
|
|
30169
|
+
.cn-object-list-widget__groups[data-v-29fab8f0] {
|
|
30016
30170
|
display: flex;
|
|
30017
30171
|
flex-direction: column;
|
|
30018
30172
|
gap: 16px;
|
|
30019
30173
|
min-height: 0;
|
|
30020
30174
|
overflow: auto;
|
|
30021
30175
|
}
|
|
30022
|
-
.cn-object-list-widget__group-heading[data-v-
|
|
30176
|
+
.cn-object-list-widget__group-heading[data-v-29fab8f0] {
|
|
30023
30177
|
color: var(--color-text-maxcontrast);
|
|
30024
30178
|
font-size: 0.85em;
|
|
30025
30179
|
font-weight: 600;
|
|
30026
30180
|
margin: 0 0 4px;
|
|
30027
30181
|
text-transform: uppercase;
|
|
30028
30182
|
}
|
|
30029
|
-
.cn-object-list-widget__upload[data-v-
|
|
30183
|
+
.cn-object-list-widget__upload[data-v-29fab8f0] {
|
|
30030
30184
|
background-color: var(--color-main-background);
|
|
30031
30185
|
border: 1px solid var(--color-border);
|
|
30032
30186
|
border-radius: var(--border-radius, 8px);
|
|
@@ -30035,7 +30189,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
30035
30189
|
margin: 8px 0 0;
|
|
30036
30190
|
padding: 6px 12px;
|
|
30037
30191
|
}
|
|
30038
|
-
.cn-object-list-widget__upload-input[data-v-
|
|
30192
|
+
.cn-object-list-widget__upload-input[data-v-29fab8f0] {
|
|
30039
30193
|
display: none;
|
|
30040
30194
|
}
|
|
30041
30195
|
|
|
@@ -33301,13 +33455,13 @@ to { background-position: -200% 0;
|
|
|
33301
33455
|
}
|
|
33302
33456
|
|
|
33303
33457
|
|
|
33304
|
-
.cn-detail-widget-header-items[data-v-
|
|
33458
|
+
.cn-detail-widget-header-items[data-v-03e0f8bc] {
|
|
33305
33459
|
display: inline-flex;
|
|
33306
33460
|
flex-wrap: wrap;
|
|
33307
33461
|
align-items: center;
|
|
33308
33462
|
gap: 12px;
|
|
33309
33463
|
}
|
|
33310
|
-
.cn-detail-page__catalog-action[data-v-
|
|
33464
|
+
.cn-detail-page__catalog-action[data-v-03e0f8bc] {
|
|
33311
33465
|
align-items: center;
|
|
33312
33466
|
background: var(--color-primary-element-light);
|
|
33313
33467
|
border: 0;
|
|
@@ -33319,15 +33473,20 @@ to { background-position: -200% 0;
|
|
|
33319
33473
|
font-size: 13px;
|
|
33320
33474
|
font-weight: 700;
|
|
33321
33475
|
gap: 6px;
|
|
33322
|
-
margin: 0;
|
|
33323
33476
|
min-height: 32px;
|
|
33324
33477
|
padding: 0 14px;
|
|
33325
33478
|
white-space: nowrap;
|
|
33326
33479
|
}
|
|
33327
33480
|
|
|
33481
|
+
/* server.css gives every button `margin: 3px 3px 3px 0` at (0,2,1); the
|
|
33482
|
+
doubled class outranks it. */
|
|
33483
|
+
.cn-detail-page__catalog-action.cn-detail-page__catalog-action[data-v-03e0f8bc] {
|
|
33484
|
+
margin: 0;
|
|
33485
|
+
}
|
|
33486
|
+
|
|
33328
33487
|
|
|
33329
33488
|
/* The card keeps its own box, footnote included. */
|
|
33330
|
-
.cn-audit-trail-widget[data-v-
|
|
33489
|
+
.cn-audit-trail-widget[data-v-99c9557e] {
|
|
33331
33490
|
display: contents;
|
|
33332
33491
|
}
|
|
33333
33492
|
|
|
@@ -34571,7 +34730,7 @@ to { background-position: -200% 0;
|
|
|
34571
34730
|
}
|
|
34572
34731
|
|
|
34573
34732
|
|
|
34574
|
-
.cn-object-card[data-v-
|
|
34733
|
+
.cn-object-card[data-v-6e1fe7c7] {
|
|
34575
34734
|
display: flex;
|
|
34576
34735
|
gap: 12px;
|
|
34577
34736
|
padding: 16px;
|
|
@@ -34581,80 +34740,80 @@ to { background-position: -200% 0;
|
|
|
34581
34740
|
cursor: pointer;
|
|
34582
34741
|
transition: box-shadow 0.2s ease, border-color 0.2s ease;
|
|
34583
34742
|
}
|
|
34584
|
-
.cn-object-card[data-v-
|
|
34743
|
+
.cn-object-card[data-v-6e1fe7c7]:hover {
|
|
34585
34744
|
border-color: var(--color-primary-element);
|
|
34586
34745
|
box-shadow: 0 2px 8px var(--color-box-shadow);
|
|
34587
34746
|
}
|
|
34588
|
-
.cn-object-card--selected[data-v-
|
|
34747
|
+
.cn-object-card--selected[data-v-6e1fe7c7] {
|
|
34589
34748
|
border-color: var(--color-primary-element);
|
|
34590
34749
|
background: var(--color-primary-element-light);
|
|
34591
34750
|
}
|
|
34592
34751
|
|
|
34593
34752
|
/* The 4px start border takes 3px of padding, so the content stays put. */
|
|
34594
|
-
.cn-object-card.cn-object-card--accent[data-v-
|
|
34753
|
+
.cn-object-card.cn-object-card--accent[data-v-6e1fe7c7] {
|
|
34595
34754
|
border-inline-start-width: 4px;
|
|
34596
34755
|
padding-inline-start: 13px;
|
|
34597
34756
|
}
|
|
34598
|
-
.cn-object-card.cn-object-card--accent-success[data-v-
|
|
34757
|
+
.cn-object-card.cn-object-card--accent-success[data-v-6e1fe7c7] {
|
|
34599
34758
|
border-inline-start-color: var(--color-element-success);
|
|
34600
34759
|
}
|
|
34601
|
-
.cn-object-card.cn-object-card--accent-warning[data-v-
|
|
34760
|
+
.cn-object-card.cn-object-card--accent-warning[data-v-6e1fe7c7] {
|
|
34602
34761
|
border-inline-start-color: var(--color-element-warning);
|
|
34603
34762
|
}
|
|
34604
|
-
.cn-object-card.cn-object-card--accent-error[data-v-
|
|
34763
|
+
.cn-object-card.cn-object-card--accent-error[data-v-6e1fe7c7] {
|
|
34605
34764
|
border-inline-start-color: var(--color-element-error);
|
|
34606
34765
|
}
|
|
34607
|
-
.cn-object-card.cn-object-card--accent-info[data-v-
|
|
34766
|
+
.cn-object-card.cn-object-card--accent-info[data-v-6e1fe7c7] {
|
|
34608
34767
|
border-inline-start-color: var(--color-element-info);
|
|
34609
34768
|
}
|
|
34610
|
-
.cn-object-card.cn-object-card--accent-primary[data-v-
|
|
34769
|
+
.cn-object-card.cn-object-card--accent-primary[data-v-6e1fe7c7] {
|
|
34611
34770
|
border-inline-start-color: var(--color-primary-element);
|
|
34612
34771
|
}
|
|
34613
|
-
.cn-object-card__accent-icon[data-v-
|
|
34772
|
+
.cn-object-card__accent-icon[data-v-6e1fe7c7] {
|
|
34614
34773
|
display: inline-flex;
|
|
34615
34774
|
vertical-align: -2px;
|
|
34616
34775
|
margin-inline-end: 4px;
|
|
34617
34776
|
}
|
|
34618
|
-
.cn-object-card--accent-success .cn-object-card__accent-icon[data-v-
|
|
34777
|
+
.cn-object-card--accent-success .cn-object-card__accent-icon[data-v-6e1fe7c7] {
|
|
34619
34778
|
color: var(--color-text-success);
|
|
34620
34779
|
}
|
|
34621
|
-
.cn-object-card--accent-warning .cn-object-card__accent-icon[data-v-
|
|
34780
|
+
.cn-object-card--accent-warning .cn-object-card__accent-icon[data-v-6e1fe7c7] {
|
|
34622
34781
|
color: var(--color-text-warning);
|
|
34623
34782
|
}
|
|
34624
|
-
.cn-object-card--accent-error .cn-object-card__accent-icon[data-v-
|
|
34783
|
+
.cn-object-card--accent-error .cn-object-card__accent-icon[data-v-6e1fe7c7] {
|
|
34625
34784
|
color: var(--color-text-error);
|
|
34626
34785
|
}
|
|
34627
|
-
.cn-object-card--accent-info .cn-object-card__accent-icon[data-v-
|
|
34786
|
+
.cn-object-card--accent-info .cn-object-card__accent-icon[data-v-6e1fe7c7] {
|
|
34628
34787
|
color: var(--color-element-info);
|
|
34629
34788
|
}
|
|
34630
|
-
.cn-object-card--accent-primary .cn-object-card__accent-icon[data-v-
|
|
34789
|
+
.cn-object-card--accent-primary .cn-object-card__accent-icon[data-v-6e1fe7c7] {
|
|
34631
34790
|
color: var(--color-primary-element);
|
|
34632
34791
|
}
|
|
34633
|
-
.cn-object-card__checkbox[data-v-
|
|
34792
|
+
.cn-object-card__checkbox[data-v-6e1fe7c7] {
|
|
34634
34793
|
flex-shrink: 0;
|
|
34635
34794
|
padding-top: 2px;
|
|
34636
34795
|
}
|
|
34637
|
-
.cn-object-card__content[data-v-
|
|
34796
|
+
.cn-object-card__content[data-v-6e1fe7c7] {
|
|
34638
34797
|
flex: 1;
|
|
34639
34798
|
min-width: 0;
|
|
34640
34799
|
}
|
|
34641
|
-
.cn-object-card__header[data-v-
|
|
34800
|
+
.cn-object-card__header[data-v-6e1fe7c7] {
|
|
34642
34801
|
display: flex;
|
|
34643
34802
|
gap: 12px;
|
|
34644
34803
|
align-items: flex-start;
|
|
34645
34804
|
}
|
|
34646
|
-
.cn-object-card__image[data-v-
|
|
34805
|
+
.cn-object-card__image[data-v-6e1fe7c7] {
|
|
34647
34806
|
width: 48px;
|
|
34648
34807
|
height: 48px;
|
|
34649
34808
|
border-radius: var(--border-radius);
|
|
34650
34809
|
object-fit: cover;
|
|
34651
34810
|
flex-shrink: 0;
|
|
34652
34811
|
}
|
|
34653
|
-
.cn-object-card__title-area[data-v-
|
|
34812
|
+
.cn-object-card__title-area[data-v-6e1fe7c7] {
|
|
34654
34813
|
flex: 1;
|
|
34655
34814
|
min-width: 0;
|
|
34656
34815
|
}
|
|
34657
|
-
.cn-object-card__title[data-v-
|
|
34816
|
+
.cn-object-card__title[data-v-6e1fe7c7] {
|
|
34658
34817
|
margin: 0;
|
|
34659
34818
|
font-size: 16px;
|
|
34660
34819
|
font-weight: 600;
|
|
@@ -34663,16 +34822,16 @@ to { background-position: -200% 0;
|
|
|
34663
34822
|
text-overflow: ellipsis;
|
|
34664
34823
|
white-space: nowrap;
|
|
34665
34824
|
}
|
|
34666
|
-
.cn-object-card__description[data-v-
|
|
34825
|
+
.cn-object-card__description[data-v-6e1fe7c7] {
|
|
34667
34826
|
margin: 4px 0 0;
|
|
34668
34827
|
font-size: 13px;
|
|
34669
34828
|
color: var(--color-text-maxcontrast);
|
|
34670
34829
|
line-height: 1.4;
|
|
34671
34830
|
}
|
|
34672
|
-
.cn-object-card__badges[data-v-
|
|
34831
|
+
.cn-object-card__badges[data-v-6e1fe7c7] {
|
|
34673
34832
|
margin-top: 8px;
|
|
34674
34833
|
}
|
|
34675
|
-
.cn-object-card__metadata[data-v-
|
|
34834
|
+
.cn-object-card__metadata[data-v-6e1fe7c7] {
|
|
34676
34835
|
display: grid;
|
|
34677
34836
|
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
|
|
34678
34837
|
gap: 8px;
|
|
@@ -34680,19 +34839,19 @@ to { background-position: -200% 0;
|
|
|
34680
34839
|
padding-top: 12px;
|
|
34681
34840
|
border-top: 1px solid var(--color-border);
|
|
34682
34841
|
}
|
|
34683
|
-
.cn-object-card__meta-item[data-v-
|
|
34842
|
+
.cn-object-card__meta-item[data-v-6e1fe7c7] {
|
|
34684
34843
|
display: flex;
|
|
34685
34844
|
flex-direction: column;
|
|
34686
34845
|
gap: 2px;
|
|
34687
34846
|
}
|
|
34688
|
-
.cn-object-card__meta-label[data-v-
|
|
34847
|
+
.cn-object-card__meta-label[data-v-6e1fe7c7] {
|
|
34689
34848
|
font-size: 11px;
|
|
34690
34849
|
font-weight: 500;
|
|
34691
34850
|
color: var(--color-text-maxcontrast);
|
|
34692
34851
|
text-transform: uppercase;
|
|
34693
34852
|
letter-spacing: 0.3px;
|
|
34694
34853
|
}
|
|
34695
|
-
.cn-object-card__actions[data-v-
|
|
34854
|
+
.cn-object-card__actions[data-v-6e1fe7c7] {
|
|
34696
34855
|
flex-shrink: 0;
|
|
34697
34856
|
}
|
|
34698
34857
|
|
|
@@ -39413,41 +39572,41 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
|
|
|
39413
39572
|
}
|
|
39414
39573
|
|
|
39415
39574
|
|
|
39416
|
-
.cn-flow-runs-widget[data-v-
|
|
39575
|
+
.cn-flow-runs-widget[data-v-2f2e3e42] {
|
|
39417
39576
|
display: flex;
|
|
39418
39577
|
flex-direction: column;
|
|
39419
39578
|
gap: 2px;
|
|
39420
39579
|
min-width: 0;
|
|
39421
39580
|
}
|
|
39422
|
-
.cn-flow-runs-widget__loading[data-v-
|
|
39581
|
+
.cn-flow-runs-widget__loading[data-v-2f2e3e42] {
|
|
39423
39582
|
display: flex;
|
|
39424
39583
|
justify-content: center;
|
|
39425
39584
|
padding: 8px 0;
|
|
39426
39585
|
}
|
|
39427
|
-
.cn-flow-runs-widget__empty[data-v-
|
|
39428
|
-
.cn-flow-runs-widget__error[data-v-
|
|
39429
|
-
.cn-flow-runs-widget__more[data-v-
|
|
39586
|
+
.cn-flow-runs-widget__empty[data-v-2f2e3e42],
|
|
39587
|
+
.cn-flow-runs-widget__error[data-v-2f2e3e42],
|
|
39588
|
+
.cn-flow-runs-widget__more[data-v-2f2e3e42] {
|
|
39430
39589
|
margin: 0;
|
|
39431
39590
|
color: var(--color-text-maxcontrast);
|
|
39432
39591
|
font-size: 13px;
|
|
39433
39592
|
}
|
|
39434
|
-
.cn-flow-runs-widget__more[data-v-
|
|
39593
|
+
.cn-flow-runs-widget__more[data-v-2f2e3e42] {
|
|
39435
39594
|
padding-top: 4px;
|
|
39436
39595
|
}
|
|
39437
|
-
.cn-flow-runs-widget__list[data-v-
|
|
39596
|
+
.cn-flow-runs-widget__list[data-v-2f2e3e42] {
|
|
39438
39597
|
list-style: none;
|
|
39439
39598
|
margin: 0;
|
|
39440
39599
|
padding: 0;
|
|
39441
39600
|
min-width: 0;
|
|
39442
39601
|
}
|
|
39443
|
-
.cn-flow-runs-widget__row[data-v-
|
|
39602
|
+
.cn-flow-runs-widget__row[data-v-2f2e3e42] {
|
|
39444
39603
|
border-bottom: 1px solid var(--color-border);
|
|
39445
39604
|
min-width: 0;
|
|
39446
39605
|
}
|
|
39447
|
-
.cn-flow-runs-widget__row[data-v-
|
|
39606
|
+
.cn-flow-runs-widget__row[data-v-2f2e3e42]:last-child {
|
|
39448
39607
|
border-bottom: none;
|
|
39449
39608
|
}
|
|
39450
|
-
.cn-flow-runs-widget__row-content[data-v-
|
|
39609
|
+
.cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
|
|
39451
39610
|
display: flex;
|
|
39452
39611
|
align-items: center;
|
|
39453
39612
|
gap: 10px;
|
|
@@ -39456,10 +39615,10 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
|
|
|
39456
39615
|
color: inherit;
|
|
39457
39616
|
text-decoration: none;
|
|
39458
39617
|
}
|
|
39459
|
-
a.cn-flow-runs-widget__row-content[data-v-
|
|
39618
|
+
a.cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
|
|
39460
39619
|
cursor: pointer;
|
|
39461
39620
|
}
|
|
39462
|
-
.cn-flow-runs-widget__dot[data-v-
|
|
39621
|
+
.cn-flow-runs-widget__dot[data-v-2f2e3e42] {
|
|
39463
39622
|
flex: 0 0 auto;
|
|
39464
39623
|
width: 8px;
|
|
39465
39624
|
height: 8px;
|
|
@@ -39468,40 +39627,40 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
|
|
|
39468
39627
|
}
|
|
39469
39628
|
|
|
39470
39629
|
/* Executing now — the primary colour, and the only row that animates. */
|
|
39471
|
-
.cn-flow-runs-widget__dot--running[data-v-
|
|
39630
|
+
.cn-flow-runs-widget__dot--running[data-v-2f2e3e42] {
|
|
39472
39631
|
background: var(--color-primary-element, #0082c9);
|
|
39473
|
-
animation: cn-flow-runs-pulse-
|
|
39632
|
+
animation: cn-flow-runs-pulse-2f2e3e42 1.6s ease-in-out infinite;
|
|
39474
39633
|
}
|
|
39475
|
-
.cn-flow-runs-widget__dot--queued[data-v-
|
|
39634
|
+
.cn-flow-runs-widget__dot--queued[data-v-2f2e3e42] {
|
|
39476
39635
|
background: var(--color-warning, #c28900);
|
|
39477
39636
|
}
|
|
39478
|
-
.cn-flow-runs-widget__dot--suspended[data-v-
|
|
39637
|
+
.cn-flow-runs-widget__dot--suspended[data-v-2f2e3e42] {
|
|
39479
39638
|
background: var(--color-text-maxcontrast);
|
|
39480
39639
|
}
|
|
39481
39640
|
|
|
39482
39641
|
/* Terminal rows: the dot is a hollow RING, so live (filled) and finished
|
|
39483
39642
|
(hollow) never differ by colour alone. The per-status colour still rides
|
|
39484
39643
|
on the ring's border. */
|
|
39485
|
-
.cn-flow-runs-widget__dot--terminal[data-v-
|
|
39644
|
+
.cn-flow-runs-widget__dot--terminal[data-v-2f2e3e42] {
|
|
39486
39645
|
width: 6px;
|
|
39487
39646
|
height: 6px;
|
|
39488
39647
|
background: transparent;
|
|
39489
39648
|
border: 2px solid var(--color-text-maxcontrast);
|
|
39490
39649
|
}
|
|
39491
|
-
.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--completed[data-v-
|
|
39650
|
+
.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--completed[data-v-2f2e3e42] {
|
|
39492
39651
|
border-color: var(--color-success, #2d7b41);
|
|
39493
39652
|
}
|
|
39494
|
-
.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--failed[data-v-
|
|
39495
|
-
.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--dead_letter[data-v-
|
|
39653
|
+
.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--failed[data-v-2f2e3e42],
|
|
39654
|
+
.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--dead_letter[data-v-2f2e3e42] {
|
|
39496
39655
|
border-color: var(--color-error, #d91f2d);
|
|
39497
39656
|
}
|
|
39498
|
-
.cn-flow-runs-widget__body[data-v-
|
|
39657
|
+
.cn-flow-runs-widget__body[data-v-2f2e3e42] {
|
|
39499
39658
|
display: flex;
|
|
39500
39659
|
flex-direction: column;
|
|
39501
39660
|
min-width: 0;
|
|
39502
39661
|
flex: 1 1 auto;
|
|
39503
39662
|
}
|
|
39504
|
-
.cn-flow-runs-widget__name[data-v-
|
|
39663
|
+
.cn-flow-runs-widget__name[data-v-2f2e3e42] {
|
|
39505
39664
|
font-weight: 600;
|
|
39506
39665
|
white-space: nowrap;
|
|
39507
39666
|
overflow: hidden;
|
|
@@ -39511,7 +39670,7 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
|
|
|
39511
39670
|
/* Finished runs read as history: regular weight, muted colour. The hollow
|
|
39512
39671
|
dot and the section label carry the distinction for anyone who cannot
|
|
39513
39672
|
rely on colour. */
|
|
39514
|
-
.cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-
|
|
39673
|
+
.cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-2f2e3e42] {
|
|
39515
39674
|
font-weight: 400;
|
|
39516
39675
|
color: var(--color-text-maxcontrast);
|
|
39517
39676
|
}
|
|
@@ -39521,17 +39680,17 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
|
|
|
39521
39680
|
order because the cascade then depends on specificity rather than
|
|
39522
39681
|
source order — the shape that quietly stops working when someone adds
|
|
39523
39682
|
a competing rule. */
|
|
39524
|
-
a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-
|
|
39683
|
+
a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-2f2e3e42] {
|
|
39525
39684
|
text-decoration: underline;
|
|
39526
39685
|
}
|
|
39527
|
-
.cn-flow-runs-widget__meta[data-v-
|
|
39686
|
+
.cn-flow-runs-widget__meta[data-v-2f2e3e42] {
|
|
39528
39687
|
color: var(--color-text-maxcontrast);
|
|
39529
39688
|
font-size: 12px;
|
|
39530
39689
|
white-space: nowrap;
|
|
39531
39690
|
overflow: hidden;
|
|
39532
39691
|
text-overflow: ellipsis;
|
|
39533
39692
|
}
|
|
39534
|
-
.cn-flow-runs-widget__age[data-v-
|
|
39693
|
+
.cn-flow-runs-widget__age[data-v-2f2e3e42] {
|
|
39535
39694
|
flex: 0 0 auto;
|
|
39536
39695
|
color: var(--color-text-maxcontrast);
|
|
39537
39696
|
font-size: 12px;
|
|
@@ -39540,7 +39699,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
39540
39699
|
|
|
39541
39700
|
/* The history section label. Small caps text, not a colour: the section
|
|
39542
39701
|
boundary must survive monochrome. */
|
|
39543
|
-
.cn-flow-runs-widget__history-title[data-v-
|
|
39702
|
+
.cn-flow-runs-widget__history-title[data-v-2f2e3e42] {
|
|
39544
39703
|
margin: 0;
|
|
39545
39704
|
padding-top: 8px;
|
|
39546
39705
|
color: var(--color-text-maxcontrast);
|
|
@@ -39549,7 +39708,39 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
39549
39708
|
text-transform: uppercase;
|
|
39550
39709
|
letter-spacing: 0.04em;
|
|
39551
39710
|
}
|
|
39552
|
-
|
|
39711
|
+
|
|
39712
|
+
/* Status pills: each row ruled on top, the name over its meta line, the pill
|
|
39713
|
+
and the start moment at the end, as the Dq case boards draw the Flows card. */
|
|
39714
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__row[data-v-2f2e3e42] {
|
|
39715
|
+
border-top: 1px solid var(--color-border);
|
|
39716
|
+
border-bottom: none;
|
|
39717
|
+
}
|
|
39718
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
|
|
39719
|
+
flex-wrap: wrap;
|
|
39720
|
+
gap: 6px 16px;
|
|
39721
|
+
padding: 11px 0;
|
|
39722
|
+
}
|
|
39723
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__body[data-v-2f2e3e42] {
|
|
39724
|
+
flex: 1 1 260px;
|
|
39725
|
+
gap: 2px;
|
|
39726
|
+
}
|
|
39727
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__name[data-v-2f2e3e42],
|
|
39728
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-2f2e3e42] {
|
|
39729
|
+
font-size: 15px;
|
|
39730
|
+
font-weight: 500;
|
|
39731
|
+
color: var(--color-main-text);
|
|
39732
|
+
white-space: normal;
|
|
39733
|
+
}
|
|
39734
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__meta[data-v-2f2e3e42] {
|
|
39735
|
+
font-size: 13px;
|
|
39736
|
+
white-space: normal;
|
|
39737
|
+
}
|
|
39738
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__age[data-v-2f2e3e42] {
|
|
39739
|
+
flex: 0 0 104px;
|
|
39740
|
+
font-size: 13px;
|
|
39741
|
+
text-align: end;
|
|
39742
|
+
}
|
|
39743
|
+
@keyframes cn-flow-runs-pulse-2f2e3e42 {
|
|
39553
39744
|
0%, 100% { opacity: 1;
|
|
39554
39745
|
}
|
|
39555
39746
|
50% { opacity: 0.35;
|
|
@@ -39559,7 +39750,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
39559
39750
|
/* Respect a reduced-motion preference: the pulse is decoration, and the dot
|
|
39560
39751
|
colour already carries the status. */
|
|
39561
39752
|
@media (prefers-reduced-motion: reduce) {
|
|
39562
|
-
.cn-flow-runs-widget__dot--running[data-v-
|
|
39753
|
+
.cn-flow-runs-widget__dot--running[data-v-2f2e3e42] {
|
|
39563
39754
|
animation: none;
|
|
39564
39755
|
}
|
|
39565
39756
|
}
|
|
@@ -40609,13 +40800,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40609
40800
|
}
|
|
40610
40801
|
|
|
40611
40802
|
|
|
40612
|
-
.cn-facts-widget[data-v-
|
|
40803
|
+
.cn-facts-widget[data-v-e627249e] {
|
|
40613
40804
|
display: flex;
|
|
40614
40805
|
flex-direction: column;
|
|
40615
40806
|
gap: 10px;
|
|
40616
40807
|
min-width: 0;
|
|
40617
40808
|
}
|
|
40618
|
-
.cn-facts-widget__pills[data-v-
|
|
40809
|
+
.cn-facts-widget__pills[data-v-e627249e] {
|
|
40619
40810
|
display: flex;
|
|
40620
40811
|
flex-wrap: wrap;
|
|
40621
40812
|
gap: 8px;
|
|
@@ -40624,7 +40815,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40624
40815
|
/* `padding: 0`: Nextcloud's core stylesheet pads every `dl` 12px at the top
|
|
40625
40816
|
and bottom, which put a side card's facts 24px under its title, against
|
|
40626
40817
|
the board's 12 (DqZaak "Behandeling", DqZaakDocumenten). */
|
|
40627
|
-
.cn-facts-widget__rows[data-v-
|
|
40818
|
+
.cn-facts-widget__rows[data-v-e627249e] {
|
|
40628
40819
|
display: grid;
|
|
40629
40820
|
grid-template-columns: max-content 1fr;
|
|
40630
40821
|
gap: 8px 16px;
|
|
@@ -40634,17 +40825,17 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40634
40825
|
}
|
|
40635
40826
|
|
|
40636
40827
|
/* Each row is a grid of its own children: the wrapper takes no box. */
|
|
40637
|
-
.cn-facts-widget__row[data-v-
|
|
40828
|
+
.cn-facts-widget__row[data-v-e627249e] {
|
|
40638
40829
|
display: contents;
|
|
40639
40830
|
}
|
|
40640
|
-
.cn-facts-widget__row--inline[data-v-
|
|
40831
|
+
.cn-facts-widget__row--inline[data-v-e627249e] {
|
|
40641
40832
|
display: flex;
|
|
40642
40833
|
grid-column: 1 / -1;
|
|
40643
40834
|
flex-wrap: wrap;
|
|
40644
40835
|
align-items: center;
|
|
40645
40836
|
gap: 10px;
|
|
40646
40837
|
}
|
|
40647
|
-
.cn-facts-widget__row--inline .cn-facts-widget__value[data-v-
|
|
40838
|
+
.cn-facts-widget__row--inline .cn-facts-widget__value[data-v-e627249e] {
|
|
40648
40839
|
display: flex;
|
|
40649
40840
|
flex-wrap: wrap;
|
|
40650
40841
|
align-items: center;
|
|
@@ -40656,14 +40847,14 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40656
40847
|
12px around both and widened the label column to 130px. The class is
|
|
40657
40848
|
doubled so these resets outrank that rule, and a dossiq-style `:deep()`
|
|
40658
40849
|
override in an app is not needed. */
|
|
40659
|
-
.cn-facts-widget__label.cn-facts-widget__label[data-v-
|
|
40850
|
+
.cn-facts-widget__label.cn-facts-widget__label[data-v-e627249e] {
|
|
40660
40851
|
width: auto;
|
|
40661
40852
|
margin: 0;
|
|
40662
40853
|
padding: 0;
|
|
40663
40854
|
text-align: start;
|
|
40664
40855
|
color: var(--color-text-maxcontrast);
|
|
40665
40856
|
}
|
|
40666
|
-
.cn-facts-widget__value.cn-facts-widget__value[data-v-
|
|
40857
|
+
.cn-facts-widget__value.cn-facts-widget__value[data-v-e627249e] {
|
|
40667
40858
|
margin: 0;
|
|
40668
40859
|
padding: 0;
|
|
40669
40860
|
text-align: start;
|
|
@@ -40671,56 +40862,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40671
40862
|
min-width: 0;
|
|
40672
40863
|
overflow-wrap: anywhere;
|
|
40673
40864
|
}
|
|
40674
|
-
.cn-facts-widget__title[data-v-
|
|
40865
|
+
.cn-facts-widget__title[data-v-e627249e] {
|
|
40675
40866
|
font-size: 15px;
|
|
40676
40867
|
font-weight: 600;
|
|
40677
40868
|
color: var(--color-main-text);
|
|
40678
40869
|
}
|
|
40679
|
-
.cn-facts-widget__line[data-v-
|
|
40870
|
+
.cn-facts-widget__line[data-v-e627249e] {
|
|
40680
40871
|
font-size: 13px;
|
|
40681
40872
|
color: var(--color-text-maxcontrast);
|
|
40682
40873
|
}
|
|
40683
|
-
.cn-facts-widget__meter[data-v-
|
|
40874
|
+
.cn-facts-widget__meter[data-v-e627249e] {
|
|
40684
40875
|
display: flex;
|
|
40685
40876
|
flex-direction: column;
|
|
40686
40877
|
gap: 4px;
|
|
40687
40878
|
font-size: 14px;
|
|
40688
40879
|
}
|
|
40689
|
-
.cn-facts-widget__meter-head[data-v-
|
|
40880
|
+
.cn-facts-widget__meter-head[data-v-e627249e] {
|
|
40690
40881
|
display: flex;
|
|
40691
40882
|
justify-content: space-between;
|
|
40692
40883
|
gap: 16px;
|
|
40693
40884
|
}
|
|
40694
|
-
.cn-facts-widget__meter-label[data-v-
|
|
40885
|
+
.cn-facts-widget__meter-label[data-v-e627249e] {
|
|
40695
40886
|
color: var(--color-text-maxcontrast);
|
|
40696
40887
|
}
|
|
40697
|
-
.cn-facts-widget__meter-value[data-v-
|
|
40888
|
+
.cn-facts-widget__meter-value[data-v-e627249e] {
|
|
40698
40889
|
font-weight: 500;
|
|
40699
40890
|
text-align: end;
|
|
40700
40891
|
}
|
|
40701
|
-
.cn-facts-widget__meter-track[data-v-
|
|
40892
|
+
.cn-facts-widget__meter-track[data-v-e627249e] {
|
|
40702
40893
|
height: 6px;
|
|
40703
40894
|
border-radius: 3px;
|
|
40704
40895
|
background: var(--color-background-darker);
|
|
40705
40896
|
overflow: hidden;
|
|
40706
40897
|
}
|
|
40707
|
-
.cn-facts-widget__meter-bar[data-v-
|
|
40898
|
+
.cn-facts-widget__meter-bar[data-v-e627249e] {
|
|
40708
40899
|
display: block;
|
|
40709
40900
|
height: 100%;
|
|
40710
40901
|
border-radius: inherit;
|
|
40711
40902
|
background: var(--color-primary-element);
|
|
40712
40903
|
}
|
|
40713
|
-
.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-
|
|
40904
|
+
.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-e627249e] {
|
|
40714
40905
|
color: var(--color-error-text);
|
|
40715
40906
|
}
|
|
40716
|
-
.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-
|
|
40907
|
+
.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-e627249e] {
|
|
40717
40908
|
background: var(--color-error);
|
|
40718
40909
|
}
|
|
40719
|
-
.cn-facts-widget__muted[data-v-
|
|
40910
|
+
.cn-facts-widget__muted[data-v-e627249e] {
|
|
40720
40911
|
margin: 0;
|
|
40721
40912
|
color: var(--color-text-maxcontrast);
|
|
40722
40913
|
}
|
|
40723
|
-
.cn-facts-widget__label .hidden-visually[data-v-
|
|
40914
|
+
.cn-facts-widget__label .hidden-visually[data-v-e627249e] {
|
|
40724
40915
|
clip-path: inset(50%);
|
|
40725
40916
|
height: 1px;
|
|
40726
40917
|
overflow: hidden;
|
|
@@ -40728,27 +40919,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40728
40919
|
white-space: nowrap;
|
|
40729
40920
|
width: 1px;
|
|
40730
40921
|
}
|
|
40731
|
-
.cn-facts-widget__label--icon[data-v-
|
|
40922
|
+
.cn-facts-widget__label--icon[data-v-e627249e] {
|
|
40732
40923
|
align-items: center;
|
|
40733
40924
|
display: flex;
|
|
40734
40925
|
}
|
|
40735
|
-
.cn-facts-widget__value-link[data-v-
|
|
40926
|
+
.cn-facts-widget__value-link[data-v-e627249e] {
|
|
40736
40927
|
color: var(--color-primary-element);
|
|
40737
40928
|
text-decoration: underline;
|
|
40738
40929
|
}
|
|
40739
|
-
.cn-facts-widget__inline-button[data-v-
|
|
40740
|
-
.cn-facts-widget__icon-button[data-v-
|
|
40741
|
-
.cn-facts-widget__action[data-v-
|
|
40930
|
+
.cn-facts-widget__inline-button[data-v-e627249e],
|
|
40931
|
+
.cn-facts-widget__icon-button[data-v-e627249e],
|
|
40932
|
+
.cn-facts-widget__action[data-v-e627249e] {
|
|
40742
40933
|
align-items: center;
|
|
40743
40934
|
cursor: pointer;
|
|
40744
40935
|
display: inline-flex;
|
|
40745
40936
|
font: inherit;
|
|
40746
40937
|
}
|
|
40747
|
-
.cn-facts-widget__reveal-error[data-v-
|
|
40938
|
+
.cn-facts-widget__reveal-error[data-v-e627249e] {
|
|
40748
40939
|
font-size: 13px;
|
|
40749
40940
|
color: var(--color-text-error, var(--color-error));
|
|
40750
40941
|
}
|
|
40751
|
-
.cn-facts-widget__inline-button[data-v-
|
|
40942
|
+
.cn-facts-widget__inline-button[data-v-e627249e] {
|
|
40752
40943
|
background: var(--color-main-background);
|
|
40753
40944
|
border: 1px solid var(--color-border-dark);
|
|
40754
40945
|
border-radius: 16px;
|
|
@@ -40760,7 +40951,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40760
40951
|
min-height: 30px;
|
|
40761
40952
|
padding: 0 10px;
|
|
40762
40953
|
}
|
|
40763
|
-
.cn-facts-widget__icon-button[data-v-
|
|
40954
|
+
.cn-facts-widget__icon-button[data-v-e627249e] {
|
|
40764
40955
|
background: transparent;
|
|
40765
40956
|
border: 0;
|
|
40766
40957
|
border-radius: 6px;
|
|
@@ -40769,23 +40960,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40769
40960
|
padding: 2px;
|
|
40770
40961
|
vertical-align: middle;
|
|
40771
40962
|
}
|
|
40772
|
-
.cn-facts-widget__icon-button[data-v-
|
|
40773
|
-
.cn-facts-widget__icon-button[data-v-
|
|
40963
|
+
.cn-facts-widget__icon-button[data-v-e627249e]:hover,
|
|
40964
|
+
.cn-facts-widget__icon-button[data-v-e627249e]:focus-visible {
|
|
40774
40965
|
background: var(--color-background-hover);
|
|
40775
40966
|
color: var(--color-main-text);
|
|
40776
40967
|
}
|
|
40777
|
-
.cn-facts-widget__text[data-v-
|
|
40968
|
+
.cn-facts-widget__text[data-v-e627249e] {
|
|
40778
40969
|
color: var(--color-main-text);
|
|
40779
40970
|
font-size: 15px;
|
|
40780
40971
|
}
|
|
40781
40972
|
|
|
40782
40973
|
/* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
|
|
40783
|
-
.cn-facts-widget__lead[data-v-
|
|
40974
|
+
.cn-facts-widget__lead[data-v-e627249e] {
|
|
40784
40975
|
align-items: center;
|
|
40785
40976
|
display: flex;
|
|
40786
40977
|
gap: 12px;
|
|
40787
40978
|
}
|
|
40788
|
-
.cn-facts-widget__lead-tile[data-v-
|
|
40979
|
+
.cn-facts-widget__lead-tile[data-v-e627249e] {
|
|
40789
40980
|
align-items: center;
|
|
40790
40981
|
background: var(--color-background-dark);
|
|
40791
40982
|
border-radius: 8px;
|
|
@@ -40800,32 +40991,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40800
40991
|
}
|
|
40801
40992
|
|
|
40802
40993
|
/* Initials stand for a person: round, as an avatar. */
|
|
40803
|
-
.cn-facts-widget__lead-tile--initials[data-v-
|
|
40994
|
+
.cn-facts-widget__lead-tile--initials[data-v-e627249e] {
|
|
40804
40995
|
border-radius: 50%;
|
|
40805
40996
|
}
|
|
40806
|
-
.cn-facts-widget__lead-tile--success[data-v-
|
|
40997
|
+
.cn-facts-widget__lead-tile--success[data-v-e627249e] {
|
|
40807
40998
|
background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
|
|
40808
40999
|
border-radius: 50%;
|
|
40809
41000
|
color: var(--color-success-text, var(--color-success));
|
|
40810
41001
|
}
|
|
40811
|
-
.cn-facts-widget__lead-tile--info[data-v-
|
|
41002
|
+
.cn-facts-widget__lead-tile--info[data-v-e627249e] {
|
|
40812
41003
|
background: var(--color-primary-element-light);
|
|
40813
41004
|
border-radius: 50%;
|
|
40814
41005
|
color: var(--color-primary-element-light-text, var(--color-primary-element));
|
|
40815
41006
|
}
|
|
40816
|
-
.cn-facts-widget__lead-text[data-v-
|
|
41007
|
+
.cn-facts-widget__lead-text[data-v-e627249e] {
|
|
40817
41008
|
display: flex;
|
|
40818
41009
|
flex-direction: column;
|
|
40819
41010
|
min-width: 0;
|
|
40820
41011
|
}
|
|
40821
|
-
.cn-facts-widget__lead-title[data-v-
|
|
41012
|
+
.cn-facts-widget__lead-title[data-v-e627249e] {
|
|
40822
41013
|
font-size: 15px;
|
|
40823
41014
|
}
|
|
40824
|
-
.cn-facts-widget__lead-subtitle[data-v-
|
|
41015
|
+
.cn-facts-widget__lead-subtitle[data-v-e627249e] {
|
|
40825
41016
|
color: var(--color-text-maxcontrast);
|
|
40826
41017
|
font-size: 13px;
|
|
40827
41018
|
}
|
|
40828
|
-
.cn-facts-widget__action[data-v-
|
|
41019
|
+
.cn-facts-widget__action[data-v-e627249e] {
|
|
40829
41020
|
align-self: flex-start;
|
|
40830
41021
|
background: var(--color-primary-element-light);
|
|
40831
41022
|
border: 0;
|
|
@@ -40837,27 +41028,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40837
41028
|
min-height: 32px;
|
|
40838
41029
|
padding: 0 14px;
|
|
40839
41030
|
}
|
|
40840
|
-
.cn-facts-widget__action[data-v-
|
|
40841
|
-
.cn-facts-widget__action[data-v-
|
|
41031
|
+
.cn-facts-widget__action[data-v-e627249e]:hover,
|
|
41032
|
+
.cn-facts-widget__action[data-v-e627249e]:focus-visible {
|
|
40842
41033
|
background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
|
|
40843
41034
|
}
|
|
40844
|
-
.cn-facts-widget__notice[data-v-
|
|
41035
|
+
.cn-facts-widget__notice[data-v-e627249e] {
|
|
40845
41036
|
margin: 4px 0 0;
|
|
40846
41037
|
}
|
|
40847
41038
|
|
|
40848
41039
|
/* A div, not a p: a theme sets every paragraph's size with !important. */
|
|
40849
|
-
.cn-facts-widget__footnote[data-v-
|
|
41040
|
+
.cn-facts-widget__footnote[data-v-e627249e] {
|
|
40850
41041
|
color: var(--color-text-maxcontrast);
|
|
40851
41042
|
font-size: 13px;
|
|
40852
41043
|
line-height: 1.2;
|
|
40853
41044
|
}
|
|
40854
|
-
.cn-facts-widget__link[data-v-
|
|
41045
|
+
.cn-facts-widget__link[data-v-e627249e] {
|
|
40855
41046
|
font-size: 14px;
|
|
40856
41047
|
font-weight: 600;
|
|
40857
41048
|
color: var(--color-primary-element);
|
|
40858
41049
|
text-decoration: underline;
|
|
40859
41050
|
}
|
|
40860
|
-
.cn-facts-widget__link
|
|
41051
|
+
.cn-facts-widget__link-note[data-v-e627249e] {
|
|
41052
|
+
margin: 0;
|
|
41053
|
+
color: var(--color-text-maxcontrast);
|
|
41054
|
+
font-size: 13px;
|
|
41055
|
+
}
|
|
41056
|
+
.cn-facts-widget__link--button[data-v-e627249e] {
|
|
40861
41057
|
display: inline-flex;
|
|
40862
41058
|
align-items: center;
|
|
40863
41059
|
gap: 6px;
|
|
@@ -40872,12 +41068,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40872
41068
|
|
|
40873
41069
|
/* `columns: 2` (board DqContact): two columns, the label above the value, a
|
|
40874
41070
|
hairline under each fact; one column on a phone. */
|
|
40875
|
-
.cn-facts-widget__rows--columns[data-v-
|
|
41071
|
+
.cn-facts-widget__rows--columns[data-v-e627249e] {
|
|
40876
41072
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
40877
41073
|
gap: 14px 24px;
|
|
40878
41074
|
font-size: 15px;
|
|
40879
41075
|
}
|
|
40880
|
-
.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-
|
|
41076
|
+
.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-e627249e] {
|
|
40881
41077
|
display: flex;
|
|
40882
41078
|
flex-direction: column;
|
|
40883
41079
|
gap: 3px;
|
|
@@ -40885,21 +41081,21 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40885
41081
|
padding-bottom: 10px;
|
|
40886
41082
|
border-bottom: 1px solid var(--color-border);
|
|
40887
41083
|
}
|
|
40888
|
-
.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-
|
|
41084
|
+
.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-e627249e] {
|
|
40889
41085
|
font-size: 13px;
|
|
40890
41086
|
}
|
|
40891
41087
|
|
|
40892
41088
|
/* One column, label above value: 2px under its label, 10px to the next
|
|
40893
41089
|
label, so a long label never squeezes its value (DqHandhaving). */
|
|
40894
|
-
.cn-facts-widget__rows--stacked[data-v-
|
|
41090
|
+
.cn-facts-widget__rows--stacked[data-v-e627249e] {
|
|
40895
41091
|
grid-template-columns: minmax(0, 1fr);
|
|
40896
41092
|
gap: 2px 0;
|
|
40897
41093
|
}
|
|
40898
|
-
.cn-facts-widget__rows--stacked .cn-facts-widget__value.cn-facts-widget__value[data-v-
|
|
41094
|
+
.cn-facts-widget__rows--stacked .cn-facts-widget__value.cn-facts-widget__value[data-v-e627249e] {
|
|
40899
41095
|
margin-bottom: 8px;
|
|
40900
41096
|
}
|
|
40901
41097
|
@media (max-width: 640px) {
|
|
40902
|
-
.cn-facts-widget__rows--columns[data-v-
|
|
41098
|
+
.cn-facts-widget__rows--columns[data-v-e627249e] {
|
|
40903
41099
|
grid-template-columns: minmax(0, 1fr);
|
|
40904
41100
|
}
|
|
40905
41101
|
}
|
|
@@ -40995,13 +41191,13 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40995
41191
|
}
|
|
40996
41192
|
|
|
40997
41193
|
|
|
40998
|
-
.cn-device-frames-widget[data-v-
|
|
41194
|
+
.cn-device-frames-widget[data-v-64bde7d3] {
|
|
40999
41195
|
display: flex;
|
|
41000
41196
|
flex-wrap: wrap;
|
|
41001
41197
|
align-items: flex-start;
|
|
41002
41198
|
gap: 20px;
|
|
41003
41199
|
}
|
|
41004
|
-
.cn-device-frames-widget__frame[data-v-
|
|
41200
|
+
.cn-device-frames-widget__frame[data-v-64bde7d3] {
|
|
41005
41201
|
display: flex;
|
|
41006
41202
|
flex: none;
|
|
41007
41203
|
flex-direction: column;
|
|
@@ -41014,7 +41210,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41014
41210
|
border-radius: 36px;
|
|
41015
41211
|
background: var(--color-background-hover);
|
|
41016
41212
|
}
|
|
41017
|
-
.cn-device-frames-widget__head[data-v-
|
|
41213
|
+
.cn-device-frames-widget__head[data-v-64bde7d3] {
|
|
41018
41214
|
display: flex;
|
|
41019
41215
|
flex-direction: column;
|
|
41020
41216
|
gap: 6px;
|
|
@@ -41022,28 +41218,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41022
41218
|
border-bottom: 1px solid var(--color-border);
|
|
41023
41219
|
background: var(--color-main-background);
|
|
41024
41220
|
}
|
|
41025
|
-
.cn-device-frames-widget__status[data-v-
|
|
41221
|
+
.cn-device-frames-widget__status[data-v-64bde7d3] {
|
|
41026
41222
|
display: inline-flex;
|
|
41027
41223
|
align-items: center;
|
|
41028
41224
|
gap: 6px;
|
|
41029
41225
|
font-size: 13px;
|
|
41030
41226
|
font-weight: 600;
|
|
41031
41227
|
}
|
|
41032
|
-
.cn-device-frames-widget__status--warning[data-v-
|
|
41228
|
+
.cn-device-frames-widget__status--warning[data-v-64bde7d3] {
|
|
41033
41229
|
color: var(--color-warning-text, var(--color-main-text));
|
|
41034
41230
|
}
|
|
41035
|
-
.cn-device-frames-widget__status--success[data-v-
|
|
41231
|
+
.cn-device-frames-widget__status--success[data-v-64bde7d3] {
|
|
41036
41232
|
color: var(--color-success-text, var(--color-main-text));
|
|
41037
41233
|
}
|
|
41038
|
-
.cn-device-frames-widget__status--info[data-v-
|
|
41234
|
+
.cn-device-frames-widget__status--info[data-v-64bde7d3] {
|
|
41039
41235
|
color: var(--color-text-maxcontrast);
|
|
41040
41236
|
}
|
|
41041
|
-
.cn-device-frames-widget__title[data-v-
|
|
41237
|
+
.cn-device-frames-widget__title[data-v-64bde7d3] {
|
|
41042
41238
|
margin: 0;
|
|
41043
41239
|
font-size: 20px;
|
|
41044
41240
|
font-weight: 700;
|
|
41241
|
+
line-height: 1.2;
|
|
41045
41242
|
}
|
|
41046
|
-
.cn-device-frames-widget__body[data-v-
|
|
41243
|
+
.cn-device-frames-widget__body[data-v-64bde7d3] {
|
|
41047
41244
|
display: flex;
|
|
41048
41245
|
flex-direction: column;
|
|
41049
41246
|
gap: 12px;
|
|
@@ -41052,7 +41249,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41052
41249
|
|
|
41053
41250
|
/* On a phone the frame is the screen: no bezel, the full width. */
|
|
41054
41251
|
@media (max-width: 640px) {
|
|
41055
|
-
.cn-device-frames-widget__frame[data-v-
|
|
41252
|
+
.cn-device-frames-widget__frame[data-v-64bde7d3] {
|
|
41056
41253
|
width: 100%;
|
|
41057
41254
|
min-height: 0;
|
|
41058
41255
|
border-width: 0;
|
|
@@ -41174,29 +41371,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41174
41371
|
}
|
|
41175
41372
|
|
|
41176
41373
|
|
|
41177
|
-
.cn-checklist-run__form[data-v-
|
|
41374
|
+
.cn-checklist-run__form[data-v-284eb804] {
|
|
41178
41375
|
display: flex;
|
|
41179
41376
|
flex-direction: column;
|
|
41180
41377
|
gap: 12px;
|
|
41181
41378
|
}
|
|
41182
|
-
.cn-checklist-run__position[data-v-
|
|
41379
|
+
.cn-checklist-run__position[data-v-284eb804] {
|
|
41183
41380
|
color: var(--color-text-maxcontrast);
|
|
41184
41381
|
margin: 0;
|
|
41185
41382
|
}
|
|
41186
|
-
.cn-checklist-run__progress[data-v-
|
|
41383
|
+
.cn-checklist-run__progress[data-v-284eb804] {
|
|
41187
41384
|
background: var(--color-border);
|
|
41188
41385
|
border-radius: 3px;
|
|
41189
41386
|
display: block;
|
|
41190
41387
|
height: 6px;
|
|
41191
41388
|
overflow: hidden;
|
|
41192
41389
|
}
|
|
41193
|
-
.cn-checklist-run__progress-fill[data-v-
|
|
41390
|
+
.cn-checklist-run__progress-fill[data-v-284eb804] {
|
|
41194
41391
|
background: var(--color-primary-element);
|
|
41195
41392
|
display: block;
|
|
41196
41393
|
height: 100%;
|
|
41197
41394
|
}
|
|
41198
|
-
.cn-checklist-run__live[data-v-
|
|
41199
|
-
.cn-checklist-run__sr[data-v-
|
|
41395
|
+
.cn-checklist-run__live[data-v-284eb804],
|
|
41396
|
+
.cn-checklist-run__sr[data-v-284eb804] {
|
|
41200
41397
|
clip-path: inset(50%);
|
|
41201
41398
|
height: 1px;
|
|
41202
41399
|
overflow: hidden;
|
|
@@ -41204,8 +41401,8 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41204
41401
|
white-space: nowrap;
|
|
41205
41402
|
width: 1px;
|
|
41206
41403
|
}
|
|
41207
|
-
.cn-checklist-run__question[data-v-
|
|
41208
|
-
.cn-checklist-run__photos[data-v-
|
|
41404
|
+
.cn-checklist-run__question[data-v-284eb804],
|
|
41405
|
+
.cn-checklist-run__photos[data-v-284eb804] {
|
|
41209
41406
|
background: var(--color-main-background);
|
|
41210
41407
|
border: 1px solid var(--color-border);
|
|
41211
41408
|
border-radius: var(--border-radius-large, 12px);
|
|
@@ -41215,13 +41412,17 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41215
41412
|
margin: 0;
|
|
41216
41413
|
padding: 12px 14px;
|
|
41217
41414
|
}
|
|
41218
|
-
.cn-checklist-
|
|
41415
|
+
.cn-checklist-run__photos-title[data-v-284eb804] {
|
|
41416
|
+
font-size: 15px;
|
|
41417
|
+
line-height: 1.2;
|
|
41418
|
+
}
|
|
41419
|
+
.cn-checklist-run__legend[data-v-284eb804] {
|
|
41219
41420
|
font-size: 15px;
|
|
41220
41421
|
font-weight: 600;
|
|
41221
41422
|
line-height: 1.2;
|
|
41222
41423
|
padding: 0 4px;
|
|
41223
41424
|
}
|
|
41224
|
-
.cn-checklist-run__help[data-v-
|
|
41425
|
+
.cn-checklist-run__help[data-v-284eb804] {
|
|
41225
41426
|
color: var(--color-text-maxcontrast);
|
|
41226
41427
|
font-size: 14px;
|
|
41227
41428
|
line-height: 1.2;
|
|
@@ -41230,7 +41431,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41230
41431
|
|
|
41231
41432
|
/* An option reads as text, not as a field label (a theme makes every label
|
|
41232
41433
|
bold); 15px as the board draws it (DqInspectie). */
|
|
41233
|
-
.cn-checklist-run__choice[data-v-
|
|
41434
|
+
.cn-checklist-run__choice[data-v-284eb804] {
|
|
41234
41435
|
align-items: center;
|
|
41235
41436
|
display: flex;
|
|
41236
41437
|
font-size: 15px;
|
|
@@ -41240,32 +41441,32 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41240
41441
|
}
|
|
41241
41442
|
|
|
41242
41443
|
/* The board draws the radio with the browser's own 3px 3px 0 5px margin. */
|
|
41243
|
-
.cn-checklist-run__choice input[data-v-
|
|
41444
|
+
.cn-checklist-run__choice input[data-v-284eb804] {
|
|
41244
41445
|
accent-color: var(--color-primary-element);
|
|
41245
41446
|
height: 20px;
|
|
41246
41447
|
margin: 3px 3px 0 5px;
|
|
41247
41448
|
width: 20px;
|
|
41248
41449
|
}
|
|
41249
|
-
.cn-checklist-run__text[data-v-
|
|
41250
|
-
.cn-checklist-run__number[data-v-
|
|
41450
|
+
.cn-checklist-run__text[data-v-284eb804],
|
|
41451
|
+
.cn-checklist-run__number[data-v-284eb804] {
|
|
41251
41452
|
box-sizing: border-box;
|
|
41252
41453
|
width: 100%;
|
|
41253
41454
|
}
|
|
41254
|
-
.cn-checklist-run__group[data-v-
|
|
41455
|
+
.cn-checklist-run__group[data-v-284eb804] {
|
|
41255
41456
|
font-size: 14px;
|
|
41256
41457
|
font-weight: 600;
|
|
41257
41458
|
margin: 0;
|
|
41258
41459
|
}
|
|
41259
|
-
.cn-checklist-run__note-label[data-v-
|
|
41460
|
+
.cn-checklist-run__note-label[data-v-284eb804] {
|
|
41260
41461
|
display: flex;
|
|
41261
41462
|
flex-direction: column;
|
|
41262
41463
|
gap: 4px;
|
|
41263
41464
|
}
|
|
41264
|
-
.cn-checklist-run__photo-list[data-v-
|
|
41465
|
+
.cn-checklist-run__photo-list[data-v-284eb804] {
|
|
41265
41466
|
margin: 0;
|
|
41266
41467
|
padding-inline-start: 18px;
|
|
41267
41468
|
}
|
|
41268
|
-
.cn-checklist-run__photo-button[data-v-
|
|
41469
|
+
.cn-checklist-run__photo-button[data-v-284eb804] {
|
|
41269
41470
|
align-items: center;
|
|
41270
41471
|
align-self: flex-start;
|
|
41271
41472
|
border: 1px solid var(--color-border-dark);
|
|
@@ -41276,26 +41477,26 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41276
41477
|
min-height: 34px;
|
|
41277
41478
|
padding: 0 14px;
|
|
41278
41479
|
}
|
|
41279
|
-
.cn-checklist-run__photo-button[data-v-
|
|
41480
|
+
.cn-checklist-run__photo-button[data-v-284eb804]:focus-within {
|
|
41280
41481
|
outline: 2px solid var(--color-primary-element);
|
|
41281
41482
|
outline-offset: 2px;
|
|
41282
41483
|
}
|
|
41283
|
-
.cn-checklist-run__photo-input[data-v-
|
|
41484
|
+
.cn-checklist-run__photo-input[data-v-284eb804] {
|
|
41284
41485
|
clip-path: inset(50%);
|
|
41285
41486
|
height: 1px;
|
|
41286
41487
|
overflow: hidden;
|
|
41287
41488
|
position: absolute;
|
|
41288
41489
|
width: 1px;
|
|
41289
41490
|
}
|
|
41290
|
-
.cn-checklist-run__nav[data-v-
|
|
41491
|
+
.cn-checklist-run__nav[data-v-284eb804] {
|
|
41291
41492
|
display: flex;
|
|
41292
41493
|
justify-content: space-between;
|
|
41293
41494
|
}
|
|
41294
|
-
.cn-checklist-run__error[data-v-
|
|
41495
|
+
.cn-checklist-run__error[data-v-284eb804] {
|
|
41295
41496
|
color: var(--color-error-text, var(--color-error));
|
|
41296
41497
|
margin: 0;
|
|
41297
41498
|
}
|
|
41298
|
-
.cn-checklist-run__empty[data-v-
|
|
41499
|
+
.cn-checklist-run__empty[data-v-284eb804] {
|
|
41299
41500
|
color: var(--color-text-maxcontrast);
|
|
41300
41501
|
}
|
|
41301
41502
|
|
|
@@ -41577,38 +41778,64 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41577
41778
|
}
|
|
41578
41779
|
|
|
41579
41780
|
|
|
41580
|
-
.cn-field-list-widget[data-v-
|
|
41781
|
+
.cn-field-list-widget[data-v-80d5a77a] {
|
|
41581
41782
|
display: flex;
|
|
41582
41783
|
flex-direction: column;
|
|
41583
41784
|
gap: 12px;
|
|
41584
41785
|
min-width: 0;
|
|
41585
41786
|
}
|
|
41586
|
-
.cn-field-list-widget__lead[data-v-
|
|
41787
|
+
.cn-field-list-widget__lead[data-v-80d5a77a] {
|
|
41587
41788
|
margin: 0;
|
|
41588
41789
|
font-weight: bold;
|
|
41589
41790
|
}
|
|
41590
|
-
.cn-field-list-widget__rows[data-v-
|
|
41791
|
+
.cn-field-list-widget__rows[data-v-80d5a77a] {
|
|
41591
41792
|
list-style: none;
|
|
41592
41793
|
margin: 0;
|
|
41593
41794
|
padding: 0;
|
|
41594
41795
|
display: flex;
|
|
41595
41796
|
flex-direction: column;
|
|
41596
41797
|
}
|
|
41597
|
-
.cn-field-list-widget__row[data-v-
|
|
41798
|
+
.cn-field-list-widget__row[data-v-80d5a77a] {
|
|
41598
41799
|
padding: 10px 0;
|
|
41599
41800
|
border-top: 1px solid var(--color-border);
|
|
41600
41801
|
}
|
|
41601
|
-
.cn-field-list-widget__row[data-v-
|
|
41802
|
+
.cn-field-list-widget__row[data-v-80d5a77a]:first-child {
|
|
41602
41803
|
border-top: none;
|
|
41603
41804
|
padding-top: 0;
|
|
41604
41805
|
}
|
|
41605
|
-
|
|
41806
|
+
|
|
41807
|
+
/* `variant: "options"` (DqZaaktypeVelden Keuzelijst): each option a framed
|
|
41808
|
+
row, 6px apart, with a grip before its name and its code in a chip. */
|
|
41809
|
+
.cn-field-list-widget__rows--options[data-v-80d5a77a] {
|
|
41810
|
+
gap: 6px;
|
|
41811
|
+
}
|
|
41812
|
+
.cn-field-list-widget__rows--options .cn-field-list-widget__row[data-v-80d5a77a],
|
|
41813
|
+
.cn-field-list-widget__rows--options .cn-field-list-widget__row[data-v-80d5a77a]:first-child {
|
|
41814
|
+
padding: 6px 12px;
|
|
41815
|
+
border: 1px solid var(--color-border);
|
|
41816
|
+
border-radius: var(--border-radius-element, 8px);
|
|
41817
|
+
}
|
|
41818
|
+
.cn-field-list-widget__grip[data-v-80d5a77a] {
|
|
41819
|
+
flex: none;
|
|
41820
|
+
display: inline-flex;
|
|
41821
|
+
padding: 0;
|
|
41822
|
+
border: 0;
|
|
41823
|
+
background: transparent;
|
|
41824
|
+
color: var(--color-text-maxcontrast);
|
|
41825
|
+
cursor: grab;
|
|
41826
|
+
}
|
|
41827
|
+
.cn-field-list-widget__code[data-v-80d5a77a] {
|
|
41828
|
+
flex: none;
|
|
41829
|
+
color: var(--color-text-maxcontrast);
|
|
41830
|
+
font-size: 13px;
|
|
41831
|
+
}
|
|
41832
|
+
.cn-field-list-widget__line[data-v-80d5a77a] {
|
|
41606
41833
|
display: flex;
|
|
41607
41834
|
align-items: center;
|
|
41608
41835
|
gap: 12px;
|
|
41609
41836
|
min-width: 0;
|
|
41610
41837
|
}
|
|
41611
|
-
.cn-field-list-widget__avatar[data-v-
|
|
41838
|
+
.cn-field-list-widget__avatar[data-v-80d5a77a] {
|
|
41612
41839
|
flex: 0 0 auto;
|
|
41613
41840
|
display: inline-flex;
|
|
41614
41841
|
align-items: center;
|
|
@@ -41621,69 +41848,69 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41621
41848
|
font-size: 12px;
|
|
41622
41849
|
font-weight: 700;
|
|
41623
41850
|
}
|
|
41624
|
-
.cn-field-list-widget__main[data-v-
|
|
41851
|
+
.cn-field-list-widget__main[data-v-80d5a77a] {
|
|
41625
41852
|
display: flex;
|
|
41626
41853
|
flex-direction: column;
|
|
41627
41854
|
flex: 1 1 auto;
|
|
41628
41855
|
min-width: 0;
|
|
41629
41856
|
}
|
|
41630
|
-
.cn-field-list-widget__title[data-v-
|
|
41857
|
+
.cn-field-list-widget__title[data-v-80d5a77a] {
|
|
41631
41858
|
font-weight: 600;
|
|
41632
41859
|
overflow-wrap: anywhere;
|
|
41633
41860
|
}
|
|
41634
|
-
.cn-field-list-widget__meta[data-v-
|
|
41635
|
-
.cn-field-list-widget__aside[data-v-
|
|
41636
|
-
.cn-field-list-widget__detail[data-v-
|
|
41637
|
-
.cn-field-list-widget__hint[data-v-
|
|
41638
|
-
.cn-field-list-widget__empty[data-v-
|
|
41861
|
+
.cn-field-list-widget__meta[data-v-80d5a77a],
|
|
41862
|
+
.cn-field-list-widget__aside[data-v-80d5a77a],
|
|
41863
|
+
.cn-field-list-widget__detail[data-v-80d5a77a],
|
|
41864
|
+
.cn-field-list-widget__hint[data-v-80d5a77a],
|
|
41865
|
+
.cn-field-list-widget__empty[data-v-80d5a77a] {
|
|
41639
41866
|
color: var(--color-text-maxcontrast);
|
|
41640
41867
|
}
|
|
41641
|
-
.cn-field-list-widget__meta[data-v-
|
|
41642
|
-
.cn-field-list-widget__aside[data-v-
|
|
41643
|
-
.cn-field-list-widget__copies[data-v-
|
|
41868
|
+
.cn-field-list-widget__meta[data-v-80d5a77a],
|
|
41869
|
+
.cn-field-list-widget__aside[data-v-80d5a77a],
|
|
41870
|
+
.cn-field-list-widget__copies[data-v-80d5a77a] {
|
|
41644
41871
|
display: flex;
|
|
41645
41872
|
flex-wrap: wrap;
|
|
41646
41873
|
gap: 4px;
|
|
41647
41874
|
}
|
|
41648
|
-
.cn-field-list-widget__detail[data-v-
|
|
41875
|
+
.cn-field-list-widget__detail[data-v-80d5a77a] {
|
|
41649
41876
|
font-size: 13px;
|
|
41650
41877
|
}
|
|
41651
|
-
.cn-field-list-widget__aside[data-v-
|
|
41878
|
+
.cn-field-list-widget__aside[data-v-80d5a77a] {
|
|
41652
41879
|
white-space: nowrap;
|
|
41653
41880
|
}
|
|
41654
|
-
.cn-field-list-widget__detail[data-v-
|
|
41655
|
-
.cn-field-list-widget__hint[data-v-
|
|
41656
|
-
.cn-field-list-widget__empty[data-v-
|
|
41881
|
+
.cn-field-list-widget__detail[data-v-80d5a77a],
|
|
41882
|
+
.cn-field-list-widget__hint[data-v-80d5a77a],
|
|
41883
|
+
.cn-field-list-widget__empty[data-v-80d5a77a] {
|
|
41657
41884
|
margin: 4px 0 0;
|
|
41658
41885
|
overflow-wrap: anywhere;
|
|
41659
41886
|
}
|
|
41660
|
-
.cn-field-list-widget__add[data-v-
|
|
41887
|
+
.cn-field-list-widget__add[data-v-80d5a77a] {
|
|
41661
41888
|
display: flex;
|
|
41662
41889
|
flex-wrap: wrap;
|
|
41663
41890
|
align-items: flex-end;
|
|
41664
41891
|
gap: 8px 12px;
|
|
41665
41892
|
}
|
|
41666
|
-
.cn-field-list-widget__add[data-v-
|
|
41893
|
+
.cn-field-list-widget__add[data-v-80d5a77a] > * {
|
|
41667
41894
|
flex: 1 1 180px;
|
|
41668
41895
|
}
|
|
41669
|
-
.cn-field-list-widget__add > button[data-v-
|
|
41896
|
+
.cn-field-list-widget__add > button[data-v-80d5a77a] {
|
|
41670
41897
|
flex: 0 0 auto;
|
|
41671
41898
|
}
|
|
41672
|
-
.cn-field-list-widget__toolbar[data-v-
|
|
41899
|
+
.cn-field-list-widget__toolbar[data-v-80d5a77a] {
|
|
41673
41900
|
display: flex;
|
|
41674
41901
|
justify-content: flex-end;
|
|
41675
41902
|
}
|
|
41676
|
-
.cn-field-list-widget__table-wrap[data-v-
|
|
41903
|
+
.cn-field-list-widget__table-wrap[data-v-80d5a77a] {
|
|
41677
41904
|
display: flex;
|
|
41678
41905
|
flex-direction: column;
|
|
41679
41906
|
gap: 12px;
|
|
41680
41907
|
overflow-x: auto;
|
|
41681
41908
|
}
|
|
41682
|
-
.cn-field-list-widget__table[data-v-
|
|
41909
|
+
.cn-field-list-widget__table[data-v-80d5a77a] {
|
|
41683
41910
|
width: 100%;
|
|
41684
41911
|
border-collapse: collapse;
|
|
41685
41912
|
}
|
|
41686
|
-
.cn-field-list-widget__th[data-v-
|
|
41913
|
+
.cn-field-list-widget__th[data-v-80d5a77a] {
|
|
41687
41914
|
padding: 8px 12px;
|
|
41688
41915
|
text-align: start;
|
|
41689
41916
|
font-size: 13px;
|
|
@@ -41692,31 +41919,31 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41692
41919
|
color: var(--color-text-maxcontrast);
|
|
41693
41920
|
background: var(--color-background-hover);
|
|
41694
41921
|
}
|
|
41695
|
-
.cn-field-list-widget__th--menu[data-v-
|
|
41696
|
-
.cn-field-list-widget__code[data-v-
|
|
41922
|
+
.cn-field-list-widget__th--menu[data-v-80d5a77a],
|
|
41923
|
+
.cn-field-list-widget__code[data-v-80d5a77a] {
|
|
41697
41924
|
font-size: 0.85em;
|
|
41698
41925
|
word-break: break-all;
|
|
41699
41926
|
}
|
|
41700
|
-
.cn-field-list-widget__td--menu[data-v-
|
|
41927
|
+
.cn-field-list-widget__td--menu[data-v-80d5a77a] {
|
|
41701
41928
|
width: 1%;
|
|
41702
41929
|
text-align: end;
|
|
41703
41930
|
}
|
|
41704
|
-
.cn-field-list-widget__tr[data-v-
|
|
41931
|
+
.cn-field-list-widget__tr[data-v-80d5a77a] {
|
|
41705
41932
|
border-top: 1px solid var(--cn-board-hairline, var(--color-border));
|
|
41706
41933
|
}
|
|
41707
|
-
.cn-field-list-widget__td[data-v-
|
|
41934
|
+
.cn-field-list-widget__td[data-v-80d5a77a] {
|
|
41708
41935
|
padding: 10px 12px;
|
|
41709
41936
|
vertical-align: middle;
|
|
41710
41937
|
overflow-wrap: anywhere;
|
|
41711
41938
|
}
|
|
41712
|
-
.cn-field-list-widget__sr[data-v-
|
|
41939
|
+
.cn-field-list-widget__sr[data-v-80d5a77a] {
|
|
41713
41940
|
position: absolute;
|
|
41714
41941
|
width: 1px;
|
|
41715
41942
|
height: 1px;
|
|
41716
41943
|
overflow: hidden;
|
|
41717
41944
|
clip-path: inset(50%);
|
|
41718
41945
|
}
|
|
41719
|
-
.cn-field-list-widget__band[data-v-
|
|
41946
|
+
.cn-field-list-widget__band[data-v-80d5a77a] {
|
|
41720
41947
|
display: flex;
|
|
41721
41948
|
flex-wrap: wrap;
|
|
41722
41949
|
align-items: center;
|
|
@@ -42457,20 +42684,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42457
42684
|
}
|
|
42458
42685
|
|
|
42459
42686
|
|
|
42460
|
-
.cn-record-list__checklist-bar[data-v-
|
|
42687
|
+
.cn-record-list__checklist-bar[data-v-0e3cf5c3] {
|
|
42461
42688
|
height: 8px;
|
|
42462
42689
|
margin-block-end: 16px;
|
|
42463
42690
|
border-radius: 4px;
|
|
42464
42691
|
background: var(--color-background-dark);
|
|
42465
42692
|
overflow: hidden;
|
|
42466
42693
|
}
|
|
42467
|
-
.cn-record-list__checklist-fill[data-v-
|
|
42694
|
+
.cn-record-list__checklist-fill[data-v-0e3cf5c3] {
|
|
42468
42695
|
display: block;
|
|
42469
42696
|
height: 100%;
|
|
42470
42697
|
border-radius: 4px;
|
|
42471
42698
|
background: var(--color-primary-element);
|
|
42472
42699
|
}
|
|
42473
|
-
.cn-record-list__checklist[data-v-
|
|
42700
|
+
.cn-record-list__checklist[data-v-0e3cf5c3] {
|
|
42474
42701
|
display: grid;
|
|
42475
42702
|
grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
|
|
42476
42703
|
gap: 8px 16px;
|
|
@@ -42478,16 +42705,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42478
42705
|
padding: 0;
|
|
42479
42706
|
list-style: none;
|
|
42480
42707
|
}
|
|
42481
|
-
.cn-record-list__check[data-v-
|
|
42708
|
+
.cn-record-list__check[data-v-0e3cf5c3] {
|
|
42482
42709
|
display: flex;
|
|
42483
42710
|
align-items: center;
|
|
42484
42711
|
gap: 8px;
|
|
42485
42712
|
min-height: 28px;
|
|
42486
42713
|
}
|
|
42487
|
-
.cn-record-list__check--done[data-v-
|
|
42714
|
+
.cn-record-list__check--done[data-v-0e3cf5c3] {
|
|
42488
42715
|
color: var(--color-text-maxcontrast);
|
|
42489
42716
|
}
|
|
42490
|
-
.cn-record-list__check-mark[data-v-
|
|
42717
|
+
.cn-record-list__check-mark[data-v-0e3cf5c3] {
|
|
42491
42718
|
display: inline-flex;
|
|
42492
42719
|
flex: none;
|
|
42493
42720
|
align-items: center;
|
|
@@ -42497,45 +42724,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42497
42724
|
border: 2px solid var(--color-border-maxcontrast);
|
|
42498
42725
|
border-radius: 50%;
|
|
42499
42726
|
}
|
|
42500
|
-
.cn-record-list__check--done .cn-record-list__check-mark[data-v-
|
|
42727
|
+
.cn-record-list__check--done .cn-record-list__check-mark[data-v-0e3cf5c3] {
|
|
42501
42728
|
border-color: transparent;
|
|
42502
42729
|
background: var(--color-success-hover, var(--color-background-dark));
|
|
42503
42730
|
color: var(--color-success-text, var(--color-success));
|
|
42504
42731
|
}
|
|
42505
42732
|
@media (max-width: 640px) {
|
|
42506
|
-
.cn-record-list__checklist[data-v-
|
|
42733
|
+
.cn-record-list__checklist[data-v-0e3cf5c3] {
|
|
42507
42734
|
grid-template-columns: minmax(0, 1fr);
|
|
42508
42735
|
}
|
|
42509
42736
|
}
|
|
42510
|
-
.cn-record-list__set-field-done[data-v-
|
|
42737
|
+
.cn-record-list__set-field-done[data-v-0e3cf5c3] {
|
|
42511
42738
|
display: inline-flex;
|
|
42512
42739
|
align-items: center;
|
|
42513
42740
|
gap: 4px;
|
|
42514
42741
|
color: var(--color-success-text, var(--color-success));
|
|
42515
42742
|
font-weight: bold;
|
|
42516
42743
|
}
|
|
42517
|
-
.cn-record-list__list[data-v-
|
|
42744
|
+
.cn-record-list__list[data-v-0e3cf5c3] {
|
|
42518
42745
|
list-style: none;
|
|
42519
42746
|
margin: 0;
|
|
42520
42747
|
padding: 0;
|
|
42521
42748
|
}
|
|
42522
|
-
.cn-record-list__group-heading[data-v-
|
|
42749
|
+
.cn-record-list__group-heading[data-v-0e3cf5c3] {
|
|
42523
42750
|
margin: 6px 0 0;
|
|
42524
42751
|
font-size: 15px;
|
|
42525
42752
|
font-weight: 700;
|
|
42526
42753
|
line-height: 1.4;
|
|
42527
42754
|
}
|
|
42528
|
-
.cn-record-list__group-head[data-v-
|
|
42755
|
+
.cn-record-list__group-head[data-v-0e3cf5c3] {
|
|
42529
42756
|
display: flex;
|
|
42530
42757
|
align-items: center;
|
|
42531
42758
|
justify-content: space-between;
|
|
42532
42759
|
gap: 8px;
|
|
42533
42760
|
margin-top: 6px;
|
|
42534
42761
|
}
|
|
42535
|
-
.cn-record-list__group-head .cn-record-list__group-heading[data-v-
|
|
42762
|
+
.cn-record-list__group-head .cn-record-list__group-heading[data-v-0e3cf5c3] {
|
|
42536
42763
|
margin: 0;
|
|
42537
42764
|
}
|
|
42538
|
-
.cn-record-list__action--tonal.button-vue[data-v-
|
|
42765
|
+
.cn-record-list__action--tonal.button-vue[data-v-0e3cf5c3] {
|
|
42539
42766
|
min-height: 34px;
|
|
42540
42767
|
height: 34px;
|
|
42541
42768
|
padding: 0 12px;
|
|
@@ -42546,34 +42773,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42546
42773
|
font-size: 13px;
|
|
42547
42774
|
font-weight: 600;
|
|
42548
42775
|
}
|
|
42549
|
-
.cn-record-list__action--tonal.button-vue[data-v-
|
|
42776
|
+
.cn-record-list__action--tonal.button-vue[data-v-0e3cf5c3]:hover:not(:disabled) {
|
|
42550
42777
|
background-color: var(--color-primary-element-light-hover);
|
|
42551
42778
|
}
|
|
42552
|
-
.cn-record-list__footer[data-v-
|
|
42779
|
+
.cn-record-list__footer[data-v-0e3cf5c3] {
|
|
42553
42780
|
display: flex;
|
|
42554
42781
|
flex-direction: column;
|
|
42555
42782
|
align-items: flex-start;
|
|
42556
42783
|
gap: 6px;
|
|
42557
42784
|
margin-top: 10px;
|
|
42558
42785
|
}
|
|
42559
|
-
.cn-record-list__footer--wide[data-v-
|
|
42786
|
+
.cn-record-list__footer--wide[data-v-0e3cf5c3] {
|
|
42560
42787
|
align-items: stretch;
|
|
42561
42788
|
}
|
|
42562
|
-
.cn-record-list__footer-note[data-v-
|
|
42789
|
+
.cn-record-list__footer-note[data-v-0e3cf5c3] {
|
|
42563
42790
|
margin: 0 0 6px;
|
|
42564
42791
|
color: var(--color-text-maxcontrast);
|
|
42565
42792
|
font-size: 13px;
|
|
42566
42793
|
}
|
|
42567
|
-
.cn-record-list__footer-reason[data-v-
|
|
42794
|
+
.cn-record-list__footer-reason[data-v-0e3cf5c3] {
|
|
42568
42795
|
font-size: 13px;
|
|
42569
42796
|
color: var(--color-text-maxcontrast);
|
|
42570
42797
|
}
|
|
42571
|
-
.cn-record-list__empty[data-v-
|
|
42572
|
-
.cn-record-list__error[data-v-
|
|
42798
|
+
.cn-record-list__empty[data-v-0e3cf5c3],
|
|
42799
|
+
.cn-record-list__error[data-v-0e3cf5c3] {
|
|
42573
42800
|
color: var(--color-text-maxcontrast);
|
|
42574
42801
|
margin: 0;
|
|
42575
42802
|
}
|
|
42576
|
-
.cn-record-list__notice[data-v-
|
|
42803
|
+
.cn-record-list__notice[data-v-0e3cf5c3] {
|
|
42577
42804
|
display: flex;
|
|
42578
42805
|
gap: 10px;
|
|
42579
42806
|
align-items: flex-start;
|
|
@@ -42582,41 +42809,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42582
42809
|
background: var(--color-primary-element-light, var(--color-background-dark));
|
|
42583
42810
|
color: var(--color-main-text);
|
|
42584
42811
|
}
|
|
42585
|
-
.cn-record-list__notice--warning[data-v-
|
|
42812
|
+
.cn-record-list__notice--warning[data-v-0e3cf5c3] {
|
|
42586
42813
|
background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
|
|
42587
42814
|
color: var(--color-warning-text, var(--color-main-text));
|
|
42588
42815
|
}
|
|
42589
|
-
.cn-record-list__notice--error[data-v-
|
|
42816
|
+
.cn-record-list__notice--error[data-v-0e3cf5c3] {
|
|
42590
42817
|
background: var(--color-error-light, rgba(219, 0, 0, 0.08));
|
|
42591
42818
|
color: var(--color-error-text, var(--color-main-text));
|
|
42592
42819
|
}
|
|
42593
|
-
.cn-record-list__notice--footnote[data-v-
|
|
42820
|
+
.cn-record-list__notice--footnote[data-v-0e3cf5c3] {
|
|
42594
42821
|
margin-top: 12px;
|
|
42595
42822
|
}
|
|
42596
|
-
.cn-record-list__notice-icon[data-v-
|
|
42823
|
+
.cn-record-list__notice-icon[data-v-0e3cf5c3] {
|
|
42597
42824
|
flex: 0 0 auto;
|
|
42598
42825
|
margin-top: 1px;
|
|
42599
42826
|
}
|
|
42600
|
-
.cn-record-list__notice-text[data-v-
|
|
42827
|
+
.cn-record-list__notice-text[data-v-0e3cf5c3] {
|
|
42601
42828
|
margin: 0;
|
|
42602
42829
|
line-height: 1.5;
|
|
42603
42830
|
}
|
|
42604
|
-
.cn-record-list__loading[data-v-
|
|
42831
|
+
.cn-record-list__loading[data-v-0e3cf5c3] {
|
|
42605
42832
|
display: flex;
|
|
42606
42833
|
justify-content: center;
|
|
42607
42834
|
padding: 8px 0;
|
|
42608
42835
|
}
|
|
42609
42836
|
|
|
42610
42837
|
/* rows */
|
|
42611
|
-
.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-
|
|
42612
|
-
.cn-record-list--rule-above .cn-record-list__item[data-v-
|
|
42838
|
+
.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3],
|
|
42839
|
+
.cn-record-list--rule-above .cn-record-list__item[data-v-0e3cf5c3]:first-child {
|
|
42613
42840
|
border-top: 1px solid var(--color-border);
|
|
42614
42841
|
}
|
|
42615
|
-
.cn-record-list__pill-start[data-v-
|
|
42842
|
+
.cn-record-list__pill-start[data-v-0e3cf5c3] {
|
|
42616
42843
|
display: flex;
|
|
42617
42844
|
flex: none;
|
|
42618
42845
|
}
|
|
42619
|
-
.cn-record-list__bar[data-v-
|
|
42846
|
+
.cn-record-list__bar[data-v-0e3cf5c3] {
|
|
42620
42847
|
background: var(--color-border);
|
|
42621
42848
|
border-radius: 3px;
|
|
42622
42849
|
display: block;
|
|
@@ -42624,15 +42851,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42624
42851
|
margin: -6px 0 12px;
|
|
42625
42852
|
overflow: hidden;
|
|
42626
42853
|
}
|
|
42627
|
-
.cn-record-list__bar-fill[data-v-
|
|
42854
|
+
.cn-record-list__bar-fill[data-v-0e3cf5c3] {
|
|
42628
42855
|
background: var(--color-primary-element);
|
|
42629
42856
|
display: block;
|
|
42630
42857
|
height: 100%;
|
|
42631
42858
|
}
|
|
42632
|
-
.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-
|
|
42859
|
+
.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-0e3cf5c3] {
|
|
42633
42860
|
background: var(--color-error);
|
|
42634
42861
|
}
|
|
42635
|
-
.cn-record-list__row[data-v-
|
|
42862
|
+
.cn-record-list__row[data-v-0e3cf5c3] {
|
|
42636
42863
|
align-items: center;
|
|
42637
42864
|
color: var(--color-main-text);
|
|
42638
42865
|
display: flex;
|
|
@@ -42640,17 +42867,17 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42640
42867
|
padding: 12px 0;
|
|
42641
42868
|
text-decoration: none;
|
|
42642
42869
|
}
|
|
42643
|
-
.cn-record-list__row--link:hover .cn-record-list__title[data-v-
|
|
42644
|
-
.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-
|
|
42870
|
+
.cn-record-list__row--link:hover .cn-record-list__title[data-v-0e3cf5c3],
|
|
42871
|
+
.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-0e3cf5c3] {
|
|
42645
42872
|
text-decoration: underline;
|
|
42646
42873
|
}
|
|
42647
|
-
.cn-record-list__dot[data-v-
|
|
42874
|
+
.cn-record-list__dot[data-v-0e3cf5c3] {
|
|
42648
42875
|
flex: 0 0 14px;
|
|
42649
42876
|
width: 14px;
|
|
42650
42877
|
height: 14px;
|
|
42651
42878
|
border-radius: 50%;
|
|
42652
42879
|
}
|
|
42653
|
-
.cn-record-list__flag[data-v-
|
|
42880
|
+
.cn-record-list__flag[data-v-0e3cf5c3] {
|
|
42654
42881
|
color: var(--color-text-maxcontrast);
|
|
42655
42882
|
font-size: 14px;
|
|
42656
42883
|
white-space: nowrap;
|
|
@@ -42658,12 +42885,12 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42658
42885
|
|
|
42659
42886
|
/* `avatar.size: 32`: the smaller circle, 12px from the title where the row
|
|
42660
42887
|
keeps 16px between its other parts (DqZaakBesluiten Adviezen). */
|
|
42661
|
-
.cn-record-list__list--avatar-small .cn-record-list__avatar[data-v-
|
|
42888
|
+
.cn-record-list__list--avatar-small .cn-record-list__avatar[data-v-0e3cf5c3] {
|
|
42662
42889
|
width: 32px;
|
|
42663
42890
|
height: 32px;
|
|
42664
42891
|
margin-inline-end: -4px;
|
|
42665
42892
|
}
|
|
42666
|
-
.cn-record-list__avatar[data-v-
|
|
42893
|
+
.cn-record-list__avatar[data-v-0e3cf5c3] {
|
|
42667
42894
|
align-items: center;
|
|
42668
42895
|
background: var(--color-background-hover);
|
|
42669
42896
|
border-radius: 50%;
|
|
@@ -42676,97 +42903,97 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42676
42903
|
justify-content: center;
|
|
42677
42904
|
width: 36px;
|
|
42678
42905
|
}
|
|
42679
|
-
.cn-record-list__main[data-v-
|
|
42906
|
+
.cn-record-list__main[data-v-0e3cf5c3] {
|
|
42680
42907
|
display: flex;
|
|
42681
42908
|
flex: 1 1 auto;
|
|
42682
42909
|
flex-direction: column;
|
|
42683
42910
|
gap: 2px;
|
|
42684
42911
|
min-width: 0;
|
|
42685
42912
|
}
|
|
42686
|
-
.cn-record-list__title[data-v-
|
|
42913
|
+
.cn-record-list__title[data-v-0e3cf5c3] {
|
|
42687
42914
|
font-size: 15px;
|
|
42688
42915
|
font-weight: 700;
|
|
42689
42916
|
}
|
|
42690
|
-
.cn-record-list--compact .cn-record-list__row[data-v-
|
|
42917
|
+
.cn-record-list--compact .cn-record-list__row[data-v-0e3cf5c3] {
|
|
42691
42918
|
box-sizing: border-box;
|
|
42692
42919
|
min-height: 56px;
|
|
42693
42920
|
padding: 10px 0;
|
|
42694
42921
|
}
|
|
42695
|
-
.cn-record-list--compact .cn-record-list__title[data-v-
|
|
42922
|
+
.cn-record-list--compact .cn-record-list__title[data-v-0e3cf5c3] {
|
|
42696
42923
|
font-weight: 500;
|
|
42697
42924
|
}
|
|
42698
42925
|
|
|
42699
42926
|
/* `density: "stacked"`: the rows stand 10px apart with no rule and no row
|
|
42700
42927
|
padding, a short side list (DqDagAfsluiten "Morgen eerst"). */
|
|
42701
|
-
.cn-record-list--stacked .cn-record-list__list[data-v-
|
|
42928
|
+
.cn-record-list--stacked .cn-record-list__list[data-v-0e3cf5c3] {
|
|
42702
42929
|
display: flex;
|
|
42703
42930
|
flex-direction: column;
|
|
42704
42931
|
gap: 10px;
|
|
42705
42932
|
}
|
|
42706
|
-
.cn-record-list--stacked .cn-record-list__row[data-v-
|
|
42933
|
+
.cn-record-list--stacked .cn-record-list__row[data-v-0e3cf5c3] {
|
|
42707
42934
|
min-height: 0;
|
|
42708
42935
|
padding: 0;
|
|
42709
42936
|
}
|
|
42710
|
-
.cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-
|
|
42937
|
+
.cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3] {
|
|
42711
42938
|
border-top: 0;
|
|
42712
42939
|
}
|
|
42713
|
-
.cn-record-list__meta[data-v-
|
|
42940
|
+
.cn-record-list__meta[data-v-0e3cf5c3] {
|
|
42714
42941
|
color: var(--color-text-maxcontrast);
|
|
42715
42942
|
font-size: 13px;
|
|
42716
42943
|
}
|
|
42717
|
-
.cn-record-list__aside[data-v-
|
|
42944
|
+
.cn-record-list__aside[data-v-0e3cf5c3] {
|
|
42718
42945
|
align-items: center;
|
|
42719
42946
|
display: flex;
|
|
42720
42947
|
flex: none;
|
|
42721
42948
|
gap: 16px;
|
|
42722
42949
|
}
|
|
42723
|
-
.cn-record-list__leading[data-v-
|
|
42950
|
+
.cn-record-list__leading[data-v-0e3cf5c3] {
|
|
42724
42951
|
flex: 0 0 52px;
|
|
42725
42952
|
color: var(--color-text-maxcontrast);
|
|
42726
42953
|
font-size: 14px;
|
|
42727
42954
|
font-weight: 600;
|
|
42728
42955
|
font-variant-numeric: tabular-nums;
|
|
42729
42956
|
}
|
|
42730
|
-
.cn-record-list__trailing[data-v-
|
|
42957
|
+
.cn-record-list__trailing[data-v-0e3cf5c3] {
|
|
42731
42958
|
font-size: 14px;
|
|
42732
42959
|
white-space: nowrap;
|
|
42733
42960
|
}
|
|
42734
|
-
.cn-record-list__due[data-v-
|
|
42961
|
+
.cn-record-list__due[data-v-0e3cf5c3] {
|
|
42735
42962
|
font-size: 14px;
|
|
42736
42963
|
white-space: nowrap;
|
|
42737
42964
|
}
|
|
42738
|
-
.cn-record-list__due--danger[data-v-
|
|
42965
|
+
.cn-record-list__due--danger[data-v-0e3cf5c3] {
|
|
42739
42966
|
color: var(--color-text-error, var(--color-error-text));
|
|
42740
42967
|
font-weight: 600;
|
|
42741
42968
|
}
|
|
42742
|
-
.cn-record-list__table[data-v-
|
|
42969
|
+
.cn-record-list__table[data-v-0e3cf5c3] {
|
|
42743
42970
|
width: 100%;
|
|
42744
42971
|
border-collapse: collapse;
|
|
42745
42972
|
font-size: 14px;
|
|
42746
42973
|
}
|
|
42747
|
-
.cn-record-list__table th[data-v-
|
|
42974
|
+
.cn-record-list__table th[data-v-0e3cf5c3] {
|
|
42748
42975
|
padding: 6px 0;
|
|
42749
42976
|
border-bottom: 1px solid var(--color-border);
|
|
42750
42977
|
color: var(--color-text-maxcontrast);
|
|
42751
42978
|
font-weight: 600;
|
|
42752
42979
|
text-align: start;
|
|
42753
42980
|
}
|
|
42754
|
-
.cn-record-list__table td[data-v-
|
|
42981
|
+
.cn-record-list__table td[data-v-0e3cf5c3] {
|
|
42755
42982
|
padding: 8px 0;
|
|
42756
42983
|
border-bottom: 1px solid var(--color-border);
|
|
42757
42984
|
}
|
|
42758
|
-
.cn-record-list__cell-sub[data-v-
|
|
42985
|
+
.cn-record-list__cell-sub[data-v-0e3cf5c3] {
|
|
42759
42986
|
display: block;
|
|
42760
42987
|
color: var(--color-text-maxcontrast);
|
|
42761
42988
|
font-size: 13px;
|
|
42762
42989
|
}
|
|
42763
|
-
.cn-record-list__table .cn-record-list__cell--actions[data-v-
|
|
42990
|
+
.cn-record-list__table .cn-record-list__cell--actions[data-v-0e3cf5c3] {
|
|
42764
42991
|
width: 1%;
|
|
42765
42992
|
padding-inline-start: 12px;
|
|
42766
42993
|
text-align: end;
|
|
42767
42994
|
white-space: nowrap;
|
|
42768
42995
|
}
|
|
42769
|
-
.cn-record-list__sort[data-v-
|
|
42996
|
+
.cn-record-list__sort[data-v-0e3cf5c3] {
|
|
42770
42997
|
display: inline-flex;
|
|
42771
42998
|
gap: 4px;
|
|
42772
42999
|
align-items: center;
|
|
@@ -42779,83 +43006,90 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42779
43006
|
font: inherit;
|
|
42780
43007
|
cursor: pointer;
|
|
42781
43008
|
}
|
|
42782
|
-
.cn-record-list__sort[data-v-
|
|
43009
|
+
.cn-record-list__sort[data-v-0e3cf5c3]:focus-visible {
|
|
42783
43010
|
outline: 2px solid var(--color-primary-element);
|
|
42784
43011
|
outline-offset: 2px;
|
|
42785
43012
|
}
|
|
42786
|
-
.cn-record-list__sort-mark[data-v-
|
|
42787
|
-
|
|
43013
|
+
.cn-record-list__sort-mark[data-v-0e3cf5c3] {
|
|
43014
|
+
color: var(--color-text-maxcontrast);
|
|
42788
43015
|
}
|
|
42789
|
-
.cn-record-list__head[data-v-
|
|
43016
|
+
.cn-record-list__head[data-v-0e3cf5c3] {
|
|
42790
43017
|
display: inline-flex;
|
|
42791
43018
|
gap: 4px;
|
|
42792
43019
|
align-items: center;
|
|
42793
43020
|
}
|
|
42794
|
-
|
|
43021
|
+
|
|
43022
|
+
/* The funnel is a 22px control, as the boards draw it beside a head, not
|
|
43023
|
+
NcActions' 34px trigger that made the head row 54px. */
|
|
43024
|
+
.cn-record-list__head-filter[data-v-0e3cf5c3] .button-vue {
|
|
42795
43025
|
--button-size: 22px;
|
|
43026
|
+
width: 22px;
|
|
43027
|
+
min-width: 22px;
|
|
43028
|
+
height: 22px;
|
|
43029
|
+
min-height: 22px;
|
|
42796
43030
|
}
|
|
42797
|
-
.cn-record-list__table .cn-record-list__cell--end[data-v-
|
|
43031
|
+
.cn-record-list__table .cn-record-list__cell--end[data-v-0e3cf5c3] {
|
|
42798
43032
|
padding-inline-start: 12px;
|
|
42799
43033
|
text-align: end;
|
|
42800
43034
|
font-variant-numeric: tabular-nums;
|
|
42801
43035
|
}
|
|
42802
|
-
.cn-record-list__table .cn-record-list__cell--alert[data-v-
|
|
43036
|
+
.cn-record-list__table .cn-record-list__cell--alert[data-v-0e3cf5c3] {
|
|
42803
43037
|
color: var(--color-text-error, var(--color-error-text));
|
|
42804
43038
|
font-weight: 700;
|
|
42805
43039
|
}
|
|
42806
|
-
.cn-record-list__intro[data-v-
|
|
43040
|
+
.cn-record-list__intro[data-v-0e3cf5c3] {
|
|
42807
43041
|
margin: 0 0 8px;
|
|
42808
43042
|
color: var(--color-text-maxcontrast);
|
|
42809
43043
|
}
|
|
42810
|
-
.cn-record-list__footnote[data-v-
|
|
43044
|
+
.cn-record-list__footnote[data-v-0e3cf5c3] {
|
|
42811
43045
|
margin: 8px 0 0;
|
|
42812
43046
|
color: var(--color-text-maxcontrast);
|
|
42813
43047
|
font-size: 13px;
|
|
42814
43048
|
}
|
|
42815
|
-
.cn-record-list__due--soon[data-v-
|
|
43049
|
+
.cn-record-list__due--soon[data-v-0e3cf5c3] {
|
|
42816
43050
|
color: var(--color-text-warning, var(--color-warning-text));
|
|
42817
43051
|
font-weight: 600;
|
|
42818
43052
|
}
|
|
42819
|
-
.cn-record-list__due--empty[data-v-
|
|
43053
|
+
.cn-record-list__due--empty[data-v-0e3cf5c3] {
|
|
42820
43054
|
color: var(--color-text-maxcontrast);
|
|
42821
43055
|
}
|
|
42822
|
-
.cn-record-list__row--action[data-v-
|
|
43056
|
+
.cn-record-list__row--action[data-v-0e3cf5c3] {
|
|
42823
43057
|
flex-wrap: wrap;
|
|
42824
43058
|
gap: 8px 16px;
|
|
42825
43059
|
padding: 14px 0;
|
|
42826
43060
|
}
|
|
42827
|
-
.cn-record-list__row--action .cn-record-list__main[data-v-
|
|
43061
|
+
.cn-record-list__row--action .cn-record-list__main[data-v-0e3cf5c3] {
|
|
42828
43062
|
flex: 1 1 280px;
|
|
42829
43063
|
gap: 3px;
|
|
42830
43064
|
}
|
|
42831
|
-
.cn-record-list__title--link[data-v-
|
|
43065
|
+
.cn-record-list__title--link[data-v-0e3cf5c3] {
|
|
42832
43066
|
color: var(--color-main-text);
|
|
42833
43067
|
text-decoration: underline;
|
|
42834
43068
|
}
|
|
42835
|
-
.cn-record-list__pills[data-v-
|
|
43069
|
+
.cn-record-list__pills[data-v-0e3cf5c3] {
|
|
42836
43070
|
display: flex;
|
|
42837
43071
|
flex: 0 0 120px;
|
|
42838
43072
|
gap: 6px;
|
|
42839
43073
|
justify-content: flex-end;
|
|
42840
43074
|
}
|
|
42841
|
-
.cn-record-list__due--below[data-v-
|
|
43075
|
+
.cn-record-list__due--below[data-v-0e3cf5c3] {
|
|
42842
43076
|
font-size: 13px;
|
|
42843
43077
|
font-weight: 600;
|
|
42844
43078
|
white-space: normal;
|
|
42845
43079
|
}
|
|
42846
|
-
.cn-record-list__footer-link[data-v-
|
|
43080
|
+
.cn-record-list__footer-link[data-v-0e3cf5c3] {
|
|
42847
43081
|
align-self: flex-start;
|
|
42848
43082
|
padding-top: 8px;
|
|
42849
43083
|
font-size: 14px;
|
|
42850
43084
|
font-weight: 600;
|
|
42851
43085
|
text-decoration: underline;
|
|
42852
43086
|
}
|
|
42853
|
-
.cn-record-list__due--column[data-v-
|
|
43087
|
+
.cn-record-list__due--column[data-v-0e3cf5c3] {
|
|
42854
43088
|
flex: 0 0 96px;
|
|
42855
43089
|
font-size: 13px;
|
|
42856
43090
|
text-align: end;
|
|
42857
43091
|
}
|
|
42858
|
-
.cn-record-list__action[data-v-
|
|
43092
|
+
.cn-record-list__action[data-v-0e3cf5c3] {
|
|
42859
43093
|
align-items: center;
|
|
42860
43094
|
background: var(--color-primary-element-light);
|
|
42861
43095
|
border: 0;
|
|
@@ -42869,15 +43103,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42869
43103
|
font-weight: 600;
|
|
42870
43104
|
height: 34px;
|
|
42871
43105
|
justify-content: center;
|
|
42872
|
-
margin: 0;
|
|
42873
43106
|
padding: 0 14px;
|
|
42874
43107
|
text-decoration: none;
|
|
42875
43108
|
}
|
|
42876
|
-
|
|
42877
|
-
.
|
|
43109
|
+
|
|
43110
|
+
/* server.css gives every button `margin: 3px 3px 3px 0` at (0,2,1); the
|
|
43111
|
+
doubled class outranks it. */
|
|
43112
|
+
.cn-record-list__action.cn-record-list__action[data-v-0e3cf5c3] {
|
|
43113
|
+
margin: 0;
|
|
43114
|
+
}
|
|
43115
|
+
.cn-record-list__action[data-v-0e3cf5c3]:hover,
|
|
43116
|
+
.cn-record-list__action[data-v-0e3cf5c3]:focus-visible {
|
|
42878
43117
|
background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
|
|
42879
43118
|
}
|
|
42880
|
-
.cn-record-list__chevron[data-v-
|
|
43119
|
+
.cn-record-list__chevron[data-v-0e3cf5c3] {
|
|
42881
43120
|
color: var(--color-text-maxcontrast);
|
|
42882
43121
|
flex: none;
|
|
42883
43122
|
}
|
|
@@ -42885,15 +43124,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42885
43124
|
/* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
|
|
42886
43125
|
tiles in a grid, the title at 14px regular. The selectors outrank the board
|
|
42887
43126
|
look's list row rules. */
|
|
42888
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-
|
|
43127
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-0e3cf5c3] {
|
|
42889
43128
|
display: grid;
|
|
42890
43129
|
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
|
42891
43130
|
gap: 8px;
|
|
42892
43131
|
}
|
|
42893
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-
|
|
43132
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-0e3cf5c3] {
|
|
42894
43133
|
border-top: 0;
|
|
42895
43134
|
}
|
|
42896
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-
|
|
43135
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-0e3cf5c3] {
|
|
42897
43136
|
box-sizing: border-box;
|
|
42898
43137
|
height: 100%;
|
|
42899
43138
|
gap: 10px;
|
|
@@ -42902,19 +43141,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42902
43141
|
border: 1px solid var(--cn-board-hairline, var(--color-border));
|
|
42903
43142
|
border-radius: 8px;
|
|
42904
43143
|
}
|
|
42905
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-
|
|
43144
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-0e3cf5c3] {
|
|
42906
43145
|
font-size: 14px;
|
|
42907
43146
|
font-weight: 400;
|
|
42908
43147
|
}
|
|
42909
43148
|
|
|
42910
43149
|
/* cards (board ShBank): a grid of framed cards, 240px at the least. */
|
|
42911
|
-
.cn-record-list--cards .cn-record-list__list[data-v-
|
|
43150
|
+
.cn-record-list--cards .cn-record-list__list[data-v-0e3cf5c3] {
|
|
42912
43151
|
align-items: start;
|
|
42913
43152
|
display: grid;
|
|
42914
43153
|
gap: 16px;
|
|
42915
43154
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
|
42916
43155
|
}
|
|
42917
|
-
.cn-record-list__card[data-v-
|
|
43156
|
+
.cn-record-list__card[data-v-0e3cf5c3] {
|
|
42918
43157
|
background: var(--color-main-background);
|
|
42919
43158
|
border: 1px solid var(--color-border);
|
|
42920
43159
|
border-radius: 12px;
|
|
@@ -42930,63 +43169,63 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42930
43169
|
/* `density: "compact"` on cards: the boards' small framed rows (DqInspectie
|
|
42931
43170
|
"Molenweg 4" and the outbox): 12px 14px in, the title 15px/700 on an
|
|
42932
43171
|
18px line with the pill at its end, the meta 6px under it. */
|
|
42933
|
-
.cn-record-list--compact .cn-record-list__card[data-v-
|
|
43172
|
+
.cn-record-list--compact .cn-record-list__card[data-v-0e3cf5c3] {
|
|
42934
43173
|
gap: 6px;
|
|
42935
43174
|
padding: 12px 14px;
|
|
42936
43175
|
}
|
|
42937
|
-
.cn-record-list--compact .cn-record-list__card-head[data-v-
|
|
43176
|
+
.cn-record-list--compact .cn-record-list__card-head[data-v-0e3cf5c3] {
|
|
42938
43177
|
align-items: flex-start;
|
|
42939
43178
|
}
|
|
42940
|
-
.cn-record-list--compact .cn-record-list__card .cn-record-list__title[data-v-
|
|
43179
|
+
.cn-record-list--compact .cn-record-list__card .cn-record-list__title[data-v-0e3cf5c3] {
|
|
42941
43180
|
font-size: 15px;
|
|
42942
43181
|
font-weight: 700;
|
|
42943
43182
|
line-height: 1.2;
|
|
42944
43183
|
}
|
|
42945
|
-
.cn-record-list__card--link[data-v-
|
|
42946
|
-
.cn-record-list__card--link[data-v-
|
|
43184
|
+
.cn-record-list__card--link[data-v-0e3cf5c3]:hover,
|
|
43185
|
+
.cn-record-list__card--link[data-v-0e3cf5c3]:focus-visible {
|
|
42947
43186
|
border-color: var(--color-border-dark, var(--color-border));
|
|
42948
43187
|
}
|
|
42949
|
-
.cn-record-list__card--link:hover .cn-record-list__title[data-v-
|
|
42950
|
-
.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-
|
|
43188
|
+
.cn-record-list__card--link:hover .cn-record-list__title[data-v-0e3cf5c3],
|
|
43189
|
+
.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-0e3cf5c3] {
|
|
42951
43190
|
text-decoration: underline;
|
|
42952
43191
|
}
|
|
42953
|
-
.cn-record-list__card-head[data-v-
|
|
43192
|
+
.cn-record-list__card-head[data-v-0e3cf5c3] {
|
|
42954
43193
|
align-items: center;
|
|
42955
43194
|
display: flex;
|
|
42956
43195
|
gap: 8px;
|
|
42957
43196
|
justify-content: space-between;
|
|
42958
43197
|
}
|
|
42959
|
-
.cn-record-list__card-title[data-v-
|
|
43198
|
+
.cn-record-list__card-title[data-v-0e3cf5c3] {
|
|
42960
43199
|
align-items: center;
|
|
42961
43200
|
display: flex;
|
|
42962
43201
|
gap: 8px;
|
|
42963
43202
|
min-width: 0;
|
|
42964
43203
|
}
|
|
42965
|
-
.cn-record-list__card-icon[data-v-
|
|
43204
|
+
.cn-record-list__card-icon[data-v-0e3cf5c3] {
|
|
42966
43205
|
color: var(--color-primary-element);
|
|
42967
43206
|
flex: none;
|
|
42968
43207
|
}
|
|
42969
|
-
.cn-record-list__card-pills[data-v-
|
|
43208
|
+
.cn-record-list__card-pills[data-v-0e3cf5c3] {
|
|
42970
43209
|
display: flex;
|
|
42971
43210
|
flex: none;
|
|
42972
43211
|
gap: 6px;
|
|
42973
43212
|
}
|
|
42974
|
-
.cn-record-list__card-value[data-v-
|
|
43213
|
+
.cn-record-list__card-value[data-v-0e3cf5c3] {
|
|
42975
43214
|
font-size: 24px;
|
|
42976
43215
|
font-weight: 700;
|
|
42977
43216
|
}
|
|
42978
43217
|
|
|
42979
43218
|
/* feed */
|
|
42980
|
-
.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-
|
|
43219
|
+
.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3] {
|
|
42981
43220
|
border-top: 1px solid var(--color-border);
|
|
42982
43221
|
}
|
|
42983
|
-
.cn-record-list__feed-row[data-v-
|
|
43222
|
+
.cn-record-list__feed-row[data-v-0e3cf5c3] {
|
|
42984
43223
|
align-items: flex-start;
|
|
42985
43224
|
display: flex;
|
|
42986
43225
|
gap: 14px;
|
|
42987
43226
|
padding: 12px 0;
|
|
42988
43227
|
}
|
|
42989
|
-
.cn-record-list__feed-icon[data-v-
|
|
43228
|
+
.cn-record-list__feed-icon[data-v-0e3cf5c3] {
|
|
42990
43229
|
align-items: center;
|
|
42991
43230
|
background: var(--color-primary-element-light);
|
|
42992
43231
|
border-radius: 50%;
|
|
@@ -42997,25 +43236,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42997
43236
|
justify-content: center;
|
|
42998
43237
|
width: 36px;
|
|
42999
43238
|
}
|
|
43000
|
-
.cn-record-list__text[data-v-
|
|
43239
|
+
.cn-record-list__text[data-v-0e3cf5c3] {
|
|
43001
43240
|
font-size: 15px;
|
|
43002
43241
|
}
|
|
43003
|
-
.cn-record-list--feed .cn-record-list__main[data-v-
|
|
43242
|
+
.cn-record-list--feed .cn-record-list__main[data-v-0e3cf5c3] {
|
|
43004
43243
|
color: var(--color-main-text);
|
|
43005
43244
|
text-decoration: none;
|
|
43006
43245
|
}
|
|
43007
43246
|
|
|
43008
43247
|
/* inline */
|
|
43009
|
-
.cn-record-list__inline-row[data-v-
|
|
43248
|
+
.cn-record-list__inline-row[data-v-0e3cf5c3] {
|
|
43010
43249
|
padding: 4px 0;
|
|
43011
43250
|
}
|
|
43012
|
-
.cn-record-list__label[data-v-
|
|
43251
|
+
.cn-record-list__label[data-v-0e3cf5c3] {
|
|
43013
43252
|
margin-inline-end: 4px;
|
|
43014
43253
|
}
|
|
43015
|
-
.cn-record-list__inline-title[data-v-
|
|
43254
|
+
.cn-record-list__inline-title[data-v-0e3cf5c3] {
|
|
43016
43255
|
color: var(--color-main-text);
|
|
43017
43256
|
}
|
|
43018
|
-
a.cn-record-list__inline-title[data-v-
|
|
43257
|
+
a.cn-record-list__inline-title[data-v-0e3cf5c3] {
|
|
43019
43258
|
color: var(--color-primary-element);
|
|
43020
43259
|
text-decoration: underline;
|
|
43021
43260
|
}
|
|
@@ -48321,6 +48560,7 @@ to {
|
|
|
48321
48560
|
|
|
48322
48561
|
.cn-board-view.cn-board-view--board .cn-board-view__card-sub {
|
|
48323
48562
|
font-size: 13px;
|
|
48563
|
+
line-height: normal;
|
|
48324
48564
|
color: var(--color-text-maxcontrast);
|
|
48325
48565
|
}
|
|
48326
48566
|
|
|
@@ -48340,6 +48580,7 @@ to {
|
|
|
48340
48580
|
|
|
48341
48581
|
.cn-board-view.cn-board-view--board .cn-board-view__card-footer {
|
|
48342
48582
|
display: flex;
|
|
48583
|
+
line-height: normal;
|
|
48343
48584
|
align-items: center;
|
|
48344
48585
|
justify-content: space-between;
|
|
48345
48586
|
gap: 8px;
|
|
@@ -50685,30 +50926,30 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50685
50926
|
}
|
|
50686
50927
|
|
|
50687
50928
|
|
|
50688
|
-
.cn-register-mapping__group[data-v-
|
|
50929
|
+
.cn-register-mapping__group[data-v-15c62064] {
|
|
50689
50930
|
margin-bottom: 24px;
|
|
50690
50931
|
border: 1px solid var(--color-border);
|
|
50691
50932
|
border-radius: var(--border-radius-large);
|
|
50692
50933
|
padding: 20px;
|
|
50693
50934
|
background: var(--color-background-hover);
|
|
50694
50935
|
}
|
|
50695
|
-
.cn-register-mapping__group[data-v-
|
|
50936
|
+
.cn-register-mapping__group[data-v-15c62064]:last-child {
|
|
50696
50937
|
margin-bottom: 0;
|
|
50697
50938
|
}
|
|
50698
|
-
.cn-register-mapping__group-header[data-v-
|
|
50939
|
+
.cn-register-mapping__group-header[data-v-15c62064] {
|
|
50699
50940
|
display: flex;
|
|
50700
50941
|
align-items: center;
|
|
50701
50942
|
justify-content: space-between;
|
|
50702
50943
|
margin-bottom: 12px;
|
|
50703
50944
|
}
|
|
50704
|
-
.cn-register-mapping__group-heading[data-v-
|
|
50945
|
+
.cn-register-mapping__group-heading[data-v-15c62064] {
|
|
50705
50946
|
margin: 0 0 12px;
|
|
50706
50947
|
font: inherit;
|
|
50707
50948
|
}
|
|
50708
|
-
.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-
|
|
50949
|
+
.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-15c62064] {
|
|
50709
50950
|
margin-bottom: 0;
|
|
50710
50951
|
}
|
|
50711
|
-
.cn-register-mapping__group-toggle[data-v-
|
|
50952
|
+
.cn-register-mapping__group-toggle[data-v-15c62064] {
|
|
50712
50953
|
box-sizing: border-box;
|
|
50713
50954
|
display: flex;
|
|
50714
50955
|
align-items: center;
|
|
@@ -50724,49 +50965,49 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50724
50965
|
text-align: start;
|
|
50725
50966
|
cursor: pointer;
|
|
50726
50967
|
}
|
|
50727
|
-
.cn-register-mapping__group-toggle[data-v-
|
|
50968
|
+
.cn-register-mapping__group-toggle[data-v-15c62064]:focus-visible {
|
|
50728
50969
|
outline: 2px solid var(--color-primary-element);
|
|
50729
50970
|
outline-offset: 2px;
|
|
50730
50971
|
border-radius: var(--border-radius);
|
|
50731
50972
|
}
|
|
50732
|
-
.cn-register-mapping__group-chevron[data-v-
|
|
50973
|
+
.cn-register-mapping__group-chevron[data-v-15c62064] {
|
|
50733
50974
|
display: inline-flex;
|
|
50734
50975
|
flex: none;
|
|
50735
50976
|
color: var(--color-text-maxcontrast);
|
|
50736
50977
|
}
|
|
50737
|
-
.cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-
|
|
50978
|
+
.cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-15c62064] {
|
|
50738
50979
|
flex: 1 1 auto;
|
|
50739
50980
|
flex-wrap: wrap;
|
|
50740
50981
|
gap: 4px 12px;
|
|
50741
50982
|
min-width: 0;
|
|
50742
50983
|
margin-bottom: 0;
|
|
50743
50984
|
}
|
|
50744
|
-
.cn-register-mapping__group-title[data-v-
|
|
50985
|
+
.cn-register-mapping__group-title[data-v-15c62064] {
|
|
50745
50986
|
font-size: 16px;
|
|
50746
50987
|
font-weight: 600;
|
|
50747
50988
|
margin: 0;
|
|
50748
50989
|
color: var(--color-main-text);
|
|
50749
50990
|
}
|
|
50750
|
-
.cn-register-mapping__group-status[data-v-
|
|
50991
|
+
.cn-register-mapping__group-status[data-v-15c62064] {
|
|
50751
50992
|
font-size: 13px;
|
|
50752
50993
|
color: var(--color-text-maxcontrast);
|
|
50753
50994
|
}
|
|
50754
|
-
.cn-register-mapping__group-description[data-v-
|
|
50995
|
+
.cn-register-mapping__group-description[data-v-15c62064] {
|
|
50755
50996
|
color: var(--color-text-maxcontrast);
|
|
50756
50997
|
font-size: 13px;
|
|
50757
50998
|
margin: 0 0 12px 0;
|
|
50758
50999
|
}
|
|
50759
|
-
.cn-register-mapping__register-select[data-v-
|
|
51000
|
+
.cn-register-mapping__register-select[data-v-15c62064] {
|
|
50760
51001
|
margin-bottom: 16px;
|
|
50761
51002
|
max-width: 400px;
|
|
50762
51003
|
}
|
|
50763
|
-
.cn-register-mapping__type-list[data-v-
|
|
51004
|
+
.cn-register-mapping__type-list[data-v-15c62064] {
|
|
50764
51005
|
border: 1px solid var(--color-border);
|
|
50765
51006
|
border-radius: var(--border-radius);
|
|
50766
51007
|
overflow: hidden;
|
|
50767
51008
|
background: var(--color-main-background);
|
|
50768
51009
|
}
|
|
50769
|
-
.cn-register-mapping__type-list-header[data-v-
|
|
51010
|
+
.cn-register-mapping__type-list-header[data-v-15c62064] {
|
|
50770
51011
|
display: grid;
|
|
50771
51012
|
grid-template-columns: 1fr 1fr 40px 32px;
|
|
50772
51013
|
align-items: center;
|
|
@@ -50779,7 +51020,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50779
51020
|
border-bottom: 1px solid var(--color-border);
|
|
50780
51021
|
background: var(--color-background-hover);
|
|
50781
51022
|
}
|
|
50782
|
-
.cn-register-mapping__type-row[data-v-
|
|
51023
|
+
.cn-register-mapping__type-row[data-v-15c62064] {
|
|
50783
51024
|
display: grid;
|
|
50784
51025
|
grid-template-columns: 1fr 1fr 40px 32px;
|
|
50785
51026
|
align-items: center;
|
|
@@ -50788,59 +51029,59 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50788
51029
|
cursor: pointer;
|
|
50789
51030
|
transition: background-color 0.15s ease;
|
|
50790
51031
|
}
|
|
50791
|
-
.cn-register-mapping__type-row[data-v-
|
|
51032
|
+
.cn-register-mapping__type-row[data-v-15c62064]:hover {
|
|
50792
51033
|
background: var(--color-background-hover);
|
|
50793
51034
|
}
|
|
50794
|
-
.cn-register-mapping__type-row--expanded[data-v-
|
|
51035
|
+
.cn-register-mapping__type-row--expanded[data-v-15c62064] {
|
|
50795
51036
|
background: var(--color-background-hover);
|
|
50796
51037
|
}
|
|
50797
|
-
.cn-register-mapping__type-name[data-v-
|
|
51038
|
+
.cn-register-mapping__type-name[data-v-15c62064] {
|
|
50798
51039
|
font-weight: 500;
|
|
50799
51040
|
color: var(--color-main-text);
|
|
50800
51041
|
}
|
|
50801
|
-
.cn-register-mapping__type-schema[data-v-
|
|
51042
|
+
.cn-register-mapping__type-schema[data-v-15c62064] {
|
|
50802
51043
|
color: var(--color-text-maxcontrast);
|
|
50803
51044
|
font-size: 13px;
|
|
50804
51045
|
}
|
|
50805
|
-
.cn-register-mapping__type-status[data-v-
|
|
51046
|
+
.cn-register-mapping__type-status[data-v-15c62064] {
|
|
50806
51047
|
display: flex;
|
|
50807
51048
|
justify-content: center;
|
|
50808
51049
|
}
|
|
50809
|
-
.cn-register-mapping__type-chevron[data-v-
|
|
51050
|
+
.cn-register-mapping__type-chevron[data-v-15c62064] {
|
|
50810
51051
|
display: flex;
|
|
50811
51052
|
justify-content: center;
|
|
50812
51053
|
color: var(--color-text-maxcontrast);
|
|
50813
51054
|
}
|
|
50814
|
-
.cn-register-mapping__status-dot[data-v-
|
|
51055
|
+
.cn-register-mapping__status-dot[data-v-15c62064] {
|
|
50815
51056
|
display: inline-block;
|
|
50816
51057
|
width: 10px;
|
|
50817
51058
|
height: 10px;
|
|
50818
51059
|
border-radius: 50%;
|
|
50819
51060
|
}
|
|
50820
|
-
.cn-register-mapping__status-dot--configured[data-v-
|
|
51061
|
+
.cn-register-mapping__status-dot--configured[data-v-15c62064] {
|
|
50821
51062
|
background-color: var(--color-success);
|
|
50822
51063
|
}
|
|
50823
|
-
.cn-register-mapping__status-dot--unconfigured[data-v-
|
|
51064
|
+
.cn-register-mapping__status-dot--unconfigured[data-v-15c62064] {
|
|
50824
51065
|
background-color: var(--color-warning);
|
|
50825
51066
|
}
|
|
50826
|
-
.cn-register-mapping__type-detail[data-v-
|
|
51067
|
+
.cn-register-mapping__type-detail[data-v-15c62064] {
|
|
50827
51068
|
padding: 12px 16px 16px;
|
|
50828
51069
|
border-bottom: 1px solid var(--color-border);
|
|
50829
51070
|
background: var(--color-main-background);
|
|
50830
51071
|
}
|
|
50831
|
-
.cn-register-mapping__type-description[data-v-
|
|
51072
|
+
.cn-register-mapping__type-description[data-v-15c62064] {
|
|
50832
51073
|
color: var(--color-text-maxcontrast);
|
|
50833
51074
|
font-size: 13px;
|
|
50834
51075
|
margin: 0 0 8px 0;
|
|
50835
51076
|
}
|
|
50836
51077
|
|
|
50837
51078
|
/* Board look (PqBeheer): one open group, compact rows for the others. */
|
|
50838
|
-
.cn-register-mapping--board[data-v-
|
|
51079
|
+
.cn-register-mapping--board[data-v-15c62064] {
|
|
50839
51080
|
display: flex;
|
|
50840
51081
|
flex-direction: column;
|
|
50841
51082
|
gap: 14px;
|
|
50842
51083
|
}
|
|
50843
|
-
.cn-register-mapping__board-group[data-v-
|
|
51084
|
+
.cn-register-mapping__board-group[data-v-15c62064] {
|
|
50844
51085
|
display: flex;
|
|
50845
51086
|
flex-direction: column;
|
|
50846
51087
|
gap: 10px;
|
|
@@ -50848,54 +51089,54 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50848
51089
|
border: 1px solid var(--color-border);
|
|
50849
51090
|
border-radius: var(--border-radius-large);
|
|
50850
51091
|
}
|
|
50851
|
-
.cn-register-mapping__board-head[data-v-
|
|
51092
|
+
.cn-register-mapping__board-head[data-v-15c62064] {
|
|
50852
51093
|
display: flex;
|
|
50853
51094
|
flex-wrap: wrap;
|
|
50854
51095
|
align-items: flex-start;
|
|
50855
51096
|
justify-content: space-between;
|
|
50856
51097
|
gap: 10px 16px;
|
|
50857
51098
|
}
|
|
50858
|
-
.cn-register-mapping__board-title[data-v-
|
|
51099
|
+
.cn-register-mapping__board-title[data-v-15c62064] {
|
|
50859
51100
|
margin: 0;
|
|
50860
51101
|
font-size: 15px;
|
|
50861
51102
|
font-weight: 700;
|
|
50862
51103
|
}
|
|
50863
|
-
.cn-register-mapping__selects-group[data-v-
|
|
51104
|
+
.cn-register-mapping__selects-group[data-v-15c62064] {
|
|
50864
51105
|
display: flex;
|
|
50865
51106
|
flex-direction: column;
|
|
50866
51107
|
gap: 16px;
|
|
50867
51108
|
}
|
|
50868
|
-
.cn-register-mapping__selects-register[data-v-
|
|
51109
|
+
.cn-register-mapping__selects-register[data-v-15c62064] {
|
|
50869
51110
|
max-width: 50%;
|
|
50870
51111
|
}
|
|
50871
51112
|
|
|
50872
51113
|
/* DqBeheerinstellingen: the register select fills its half of the card. */
|
|
50873
|
-
.cn-register-mapping__selects-register[data-v-
|
|
51114
|
+
.cn-register-mapping__selects-register[data-v-15c62064] .v-select {
|
|
50874
51115
|
width: 100%;
|
|
50875
51116
|
max-width: none;
|
|
50876
51117
|
}
|
|
50877
|
-
.cn-register-mapping__select-grid[data-v-
|
|
51118
|
+
.cn-register-mapping__select-grid[data-v-15c62064] {
|
|
50878
51119
|
display: grid;
|
|
50879
51120
|
grid-template-columns: repeat(var(--cn-register-mapping-columns, 3), minmax(0, 1fr));
|
|
50880
51121
|
gap: 16px;
|
|
50881
51122
|
}
|
|
50882
51123
|
@media (max-width: 768px) {
|
|
50883
|
-
.cn-register-mapping__selects-register[data-v-
|
|
51124
|
+
.cn-register-mapping__selects-register[data-v-15c62064] {
|
|
50884
51125
|
max-width: none;
|
|
50885
51126
|
}
|
|
50886
|
-
.cn-register-mapping__select-grid[data-v-
|
|
51127
|
+
.cn-register-mapping__select-grid[data-v-15c62064] {
|
|
50887
51128
|
grid-template-columns: minmax(0, 1fr);
|
|
50888
51129
|
}
|
|
50889
51130
|
}
|
|
50890
|
-
.cn-register-mapping__board-select[data-v-
|
|
51131
|
+
.cn-register-mapping__board-select[data-v-15c62064] {
|
|
50891
51132
|
max-width: 400px;
|
|
50892
51133
|
margin-bottom: 0;
|
|
50893
51134
|
}
|
|
50894
|
-
.cn-register-mapping__board-table[data-v-
|
|
51135
|
+
.cn-register-mapping__board-table[data-v-15c62064] {
|
|
50895
51136
|
width: 100%;
|
|
50896
51137
|
border-collapse: collapse;
|
|
50897
51138
|
}
|
|
50898
|
-
.cn-register-mapping__board-table th[data-v-
|
|
51139
|
+
.cn-register-mapping__board-table th[data-v-15c62064] {
|
|
50899
51140
|
padding: 8px 12px 8px 0;
|
|
50900
51141
|
border-bottom: 1px solid var(--color-border);
|
|
50901
51142
|
font-size: 13px;
|
|
@@ -50904,13 +51145,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50904
51145
|
text-align: start;
|
|
50905
51146
|
white-space: nowrap;
|
|
50906
51147
|
}
|
|
50907
|
-
.cn-register-mapping__board-table td[data-v-
|
|
51148
|
+
.cn-register-mapping__board-table td[data-v-15c62064] {
|
|
50908
51149
|
padding: 10px 12px 10px 0;
|
|
50909
51150
|
border-bottom: 1px solid var(--color-border);
|
|
50910
51151
|
font-size: 14px;
|
|
50911
51152
|
vertical-align: middle;
|
|
50912
51153
|
}
|
|
50913
|
-
.cn-register-mapping__board-schema[data-v-
|
|
51154
|
+
.cn-register-mapping__board-schema[data-v-15c62064] {
|
|
50914
51155
|
display: inline-flex;
|
|
50915
51156
|
align-items: center;
|
|
50916
51157
|
gap: 6px;
|
|
@@ -50924,26 +51165,26 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50924
51165
|
text-align: start;
|
|
50925
51166
|
cursor: pointer;
|
|
50926
51167
|
}
|
|
50927
|
-
.cn-register-mapping__board-schema[data-v-
|
|
51168
|
+
.cn-register-mapping__board-schema[data-v-15c62064]:hover {
|
|
50928
51169
|
text-decoration: underline;
|
|
50929
51170
|
}
|
|
50930
|
-
.cn-register-mapping__board-schema[data-v-
|
|
50931
|
-
.cn-register-mapping__board-link[data-v-
|
|
50932
|
-
.cn-register-mapping__board-group-row[data-v-
|
|
51171
|
+
.cn-register-mapping__board-schema[data-v-15c62064]:focus-visible,
|
|
51172
|
+
.cn-register-mapping__board-link[data-v-15c62064]:focus-visible,
|
|
51173
|
+
.cn-register-mapping__board-group-row[data-v-15c62064]:focus-visible {
|
|
50933
51174
|
outline: 2px solid var(--color-primary-element);
|
|
50934
51175
|
outline-offset: 2px;
|
|
50935
51176
|
border-radius: var(--border-radius);
|
|
50936
51177
|
}
|
|
50937
|
-
.cn-register-mapping__board-check[data-v-
|
|
51178
|
+
.cn-register-mapping__board-check[data-v-15c62064] {
|
|
50938
51179
|
color: var(--color-success-text, var(--color-success));
|
|
50939
51180
|
}
|
|
50940
|
-
.cn-register-mapping__board-more[data-v-
|
|
51181
|
+
.cn-register-mapping__board-more[data-v-15c62064] {
|
|
50941
51182
|
margin: 0;
|
|
50942
51183
|
font-size: 13px;
|
|
50943
51184
|
line-height: 1.4;
|
|
50944
51185
|
color: var(--color-text-maxcontrast);
|
|
50945
51186
|
}
|
|
50946
|
-
.cn-register-mapping__board-link[data-v-
|
|
51187
|
+
.cn-register-mapping__board-link[data-v-15c62064] {
|
|
50947
51188
|
margin: 0;
|
|
50948
51189
|
padding: 0;
|
|
50949
51190
|
border: 0;
|
|
@@ -50953,14 +51194,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50953
51194
|
text-decoration: underline;
|
|
50954
51195
|
cursor: pointer;
|
|
50955
51196
|
}
|
|
50956
|
-
.cn-register-mapping__board-groups[data-v-
|
|
51197
|
+
.cn-register-mapping__board-groups[data-v-15c62064] {
|
|
50957
51198
|
display: flex;
|
|
50958
51199
|
flex-direction: column;
|
|
50959
51200
|
margin: 0;
|
|
50960
51201
|
padding: 0;
|
|
50961
51202
|
list-style: none;
|
|
50962
51203
|
}
|
|
50963
|
-
.cn-register-mapping__board-group-row[data-v-
|
|
51204
|
+
.cn-register-mapping__board-group-row[data-v-15c62064] {
|
|
50964
51205
|
display: flex;
|
|
50965
51206
|
align-items: center;
|
|
50966
51207
|
gap: 10px;
|
|
@@ -50977,17 +51218,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50977
51218
|
text-align: start;
|
|
50978
51219
|
cursor: pointer;
|
|
50979
51220
|
}
|
|
50980
|
-
.cn-register-mapping__board-group-row[data-v-
|
|
51221
|
+
.cn-register-mapping__board-group-row[data-v-15c62064]:hover {
|
|
50981
51222
|
background: var(--color-background-hover);
|
|
50982
51223
|
}
|
|
50983
|
-
.cn-register-mapping__board-chevron[data-v-
|
|
50984
|
-
.cn-register-mapping__board-group-count[data-v-
|
|
51224
|
+
.cn-register-mapping__board-chevron[data-v-15c62064],
|
|
51225
|
+
.cn-register-mapping__board-group-count[data-v-15c62064] {
|
|
50985
51226
|
color: var(--color-text-maxcontrast);
|
|
50986
51227
|
}
|
|
50987
|
-
.cn-register-mapping__board-group-name[data-v-
|
|
51228
|
+
.cn-register-mapping__board-group-name[data-v-15c62064] {
|
|
50988
51229
|
flex: 1;
|
|
50989
51230
|
}
|
|
50990
|
-
.cn-register-mapping__board-save[data-v-
|
|
51231
|
+
.cn-register-mapping__board-save[data-v-15c62064] {
|
|
50991
51232
|
display: flex;
|
|
50992
51233
|
flex-wrap: wrap;
|
|
50993
51234
|
align-items: center;
|
|
@@ -50996,14 +51237,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50996
51237
|
}
|
|
50997
51238
|
|
|
50998
51239
|
/* Slide transition */
|
|
50999
|
-
.slide-enter-active[data-v-
|
|
51000
|
-
.slide-leave-active[data-v-
|
|
51240
|
+
.slide-enter-active[data-v-15c62064],
|
|
51241
|
+
.slide-leave-active[data-v-15c62064] {
|
|
51001
51242
|
transition: all 0.2s ease;
|
|
51002
51243
|
max-height: 200px;
|
|
51003
51244
|
overflow: hidden;
|
|
51004
51245
|
}
|
|
51005
|
-
.slide-enter[data-v-
|
|
51006
|
-
.slide-leave-to[data-v-
|
|
51246
|
+
.slide-enter[data-v-15c62064],
|
|
51247
|
+
.slide-leave-to[data-v-15c62064] {
|
|
51007
51248
|
max-height: 0;
|
|
51008
51249
|
padding-top: 0;
|
|
51009
51250
|
padding-bottom: 0;
|
|
@@ -51011,20 +51252,20 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
51011
51252
|
}
|
|
51012
51253
|
|
|
51013
51254
|
/* Last row in list should not have bottom border */
|
|
51014
|
-
.cn-register-mapping__type-list[data-v-
|
|
51255
|
+
.cn-register-mapping__type-list[data-v-15c62064] > :last-child {
|
|
51015
51256
|
border-bottom: none;
|
|
51016
51257
|
}
|
|
51017
51258
|
@media (max-width: 768px) {
|
|
51018
|
-
.cn-register-mapping__type-list-header[data-v-
|
|
51259
|
+
.cn-register-mapping__type-list-header[data-v-15c62064] {
|
|
51019
51260
|
display: none;
|
|
51020
51261
|
}
|
|
51021
|
-
.cn-register-mapping__type-row[data-v-
|
|
51262
|
+
.cn-register-mapping__type-row[data-v-15c62064] {
|
|
51022
51263
|
grid-template-columns: 1fr auto 32px;
|
|
51023
51264
|
}
|
|
51024
|
-
.cn-register-mapping__type-schema[data-v-
|
|
51265
|
+
.cn-register-mapping__type-schema[data-v-15c62064] {
|
|
51025
51266
|
display: none;
|
|
51026
51267
|
}
|
|
51027
|
-
.cn-register-mapping__register-select[data-v-
|
|
51268
|
+
.cn-register-mapping__register-select[data-v-15c62064] {
|
|
51028
51269
|
max-width: none;
|
|
51029
51270
|
}
|
|
51030
51271
|
}
|
|
@@ -58382,12 +58623,12 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
|
|
|
58382
58623
|
}
|
|
58383
58624
|
|
|
58384
58625
|
|
|
58385
|
-
.cn-duplicate-warning[data-v-
|
|
58626
|
+
.cn-duplicate-warning[data-v-22af78f5] {
|
|
58386
58627
|
display: flex;
|
|
58387
58628
|
flex-direction: column;
|
|
58388
58629
|
gap: 12px;
|
|
58389
58630
|
}
|
|
58390
|
-
.cn-duplicate-warning__matches[data-v-
|
|
58631
|
+
.cn-duplicate-warning__matches[data-v-22af78f5] {
|
|
58391
58632
|
display: flex;
|
|
58392
58633
|
flex-direction: column;
|
|
58393
58634
|
gap: 8px;
|
|
@@ -58395,7 +58636,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
|
|
|
58395
58636
|
padding: 0;
|
|
58396
58637
|
list-style: none;
|
|
58397
58638
|
}
|
|
58398
|
-
.cn-duplicate-warning__match[data-v-
|
|
58639
|
+
.cn-duplicate-warning__match[data-v-22af78f5] {
|
|
58399
58640
|
display: flex;
|
|
58400
58641
|
flex-wrap: wrap;
|
|
58401
58642
|
gap: 4px 12px;
|
|
@@ -58403,14 +58644,14 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
|
|
|
58403
58644
|
border: 1px solid var(--color-border);
|
|
58404
58645
|
border-radius: var(--border-radius-large, 8px);
|
|
58405
58646
|
}
|
|
58406
|
-
.cn-duplicate-warning__title[data-v-
|
|
58647
|
+
.cn-duplicate-warning__title[data-v-22af78f5] {
|
|
58407
58648
|
font-weight: 600;
|
|
58408
58649
|
}
|
|
58409
|
-
.cn-duplicate-warning__meta[data-v-
|
|
58410
|
-
.cn-duplicate-warning__hint[data-v-
|
|
58650
|
+
.cn-duplicate-warning__meta[data-v-22af78f5],
|
|
58651
|
+
.cn-duplicate-warning__hint[data-v-22af78f5] {
|
|
58411
58652
|
color: var(--color-text-maxcontrast);
|
|
58412
58653
|
}
|
|
58413
|
-
.cn-duplicate-warning__hint[data-v-
|
|
58654
|
+
.cn-duplicate-warning__hint[data-v-22af78f5] {
|
|
58414
58655
|
margin: 0;
|
|
58415
58656
|
}
|
|
58416
58657
|
|