@conduction/nextcloud-vue 2.147.0 → 2.149.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/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/CnDetailPage/CnDetailPage.vue2.js +71 -8
- package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js.map +1 -1
- package/dist/esm/components/CnDetailPage/CnDetailPage.vue3.js +2 -2
- package/dist/esm/components/CnDetailPage/CnDetailPage.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 +32 -4
- 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/CnObjectDataWidget/CnObjectDataWidget.vue.js +1 -1
- package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue2.js +8 -0
- package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.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/components/CnStepper/CnStepper.vue.js +1 -1
- package/dist/esm/components/CnStepper/CnStepper.vue2.js.map +1 -1
- package/dist/esm/components/CnStepper/CnStepper.vue3.js.map +1 -1
- package/dist/esm/dialogs/CnAccessPurposeDialog.vue.js +1 -1
- package/dist/esm/dialogs/CnAccessPurposeDialog.vue2.js +3 -1
- package/dist/esm/dialogs/CnAccessPurposeDialog.vue2.js.map +1 -1
- package/dist/esm/dialogs/CnAccessPurposeDialog.vue3.js +26 -15
- package/dist/esm/dialogs/CnAccessPurposeDialog.vue3.js.map +1 -1
- package/dist/esm/l10n/en.json.js +3 -1
- package/dist/esm/l10n/en.json.js.map +1 -1
- package/dist/esm/l10n/nl.json.js +3 -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 +785 -518
- package/dist/esm/utils/builtInFormatters.js +53 -1
- package/dist/esm/utils/builtInFormatters.js.map +1 -1
- package/dist/esm/utils/validateManifestV2.compiled.js +3 -3
- package/dist/esm/utils/validateManifestV2.compiled.js.map +1 -1
- package/dist/nextcloud-vue.cjs.js +2688 -2154
- package/dist/nextcloud-vue.cjs.js.map +2 -2
- package/dist/nextcloud-vue.css +785 -518
- package/l10n/en.json +3 -1
- package/l10n/nl.json +3 -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/CnChecklistRunWidget/CnChecklistRunWidget.vue +29 -2
- package/src/components/CnDataTable/CnDataTable.vue +34 -1
- package/src/components/CnDetailPage/CnDetailPage.md +1 -1
- package/src/components/CnDetailPage/CnDetailPage.vue +73 -10
- 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 +41 -4
- 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/CnObjectDataWidget/CnObjectDataWidget.md +1 -1
- package/src/components/CnObjectDataWidget/CnObjectDataWidget.vue +8 -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/components/CnStepper/CnStepper.vue +10 -2
- package/src/css/dialog.css +22 -2
- package/src/css/look-board-detail.css +52 -3
- package/src/css/look-board-index.css +51 -1
- package/src/css/look-board.css +48 -5
- package/src/css/table.css +5 -2
- package/src/dialogs/CnAccessPurposeDialog.vue +27 -12
- package/src/schemas/app-manifest-v2.schema.json +4 -2
- package/src/utils/builtInFormatters.js +52 -0
- package/src/utils/validateManifestV2.compiled.js +3 -3
package/dist/nextcloud-vue.css
CHANGED
|
@@ -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
|
}
|
|
@@ -3287,6 +3326,8 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
3287
3326
|
Nextcloud's input height stretched it to 13x36. Its weight outranks the
|
|
3288
3327
|
18px other native radios take.
|
|
3289
3328
|
@spec openspec/changes/board-setup-choice-radio/specs/board-setup-choice-radio/spec.md#requirement-a-setup-steps-choice-radio-is-20px */
|
|
3329
|
+
/* The board's native radio keeps the browser's 3px end margin before the
|
|
3330
|
+
12px gap, so the option title starts 56px in (DqInstellen), not 53. */
|
|
3290
3331
|
.cn-look-board .cn-setup-step .cn-choice-cards input.cn-choice-cards__row-input:not(.cn-look-nextcloud *) {
|
|
3291
3332
|
box-sizing: border-box;
|
|
3292
3333
|
width: 20px;
|
|
@@ -3294,6 +3335,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
3294
3335
|
height: 20px;
|
|
3295
3336
|
min-height: 20px;
|
|
3296
3337
|
accent-color: var(--color-primary-element);
|
|
3338
|
+
margin-inline-end: 3px;
|
|
3297
3339
|
}
|
|
3298
3340
|
|
|
3299
3341
|
/* The chosen setup choice is edged by a real 2px border, as DqInstellen
|
|
@@ -3536,6 +3578,7 @@ html :where(.cn-look-board) :is(h2, h3, h5, h6):where(.cn-inner-heading) {
|
|
|
3536
3578
|
.cn-look-board .cn-saved-view-share__mode:not(.cn-look-nextcloud *) {
|
|
3537
3579
|
border-radius: 8px;
|
|
3538
3580
|
background: var(--cn-board-sunken-ground);
|
|
3581
|
+
line-height: normal;
|
|
3539
3582
|
}
|
|
3540
3583
|
/*
|
|
3541
3584
|
* The board dialog (screens-dialog-parity, canon section 5).
|
|
@@ -3804,8 +3847,11 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
3804
3847
|
margin-bottom: 4px;
|
|
3805
3848
|
}
|
|
3806
3849
|
|
|
3807
|
-
/* Footer: 16px 24px, hairline on top, right aligned, 40px buttons, 10px gap
|
|
3808
|
-
|
|
3850
|
+
/* Footer: 16px 24px, hairline on top, right aligned, 40px buttons, 10px gap,
|
|
3851
|
+
flush with the dialog's bottom. NcDialog's own footer rule (6px 0 12px
|
|
3852
|
+
margin, 12px end padding) ties a two-class selector and wins when its
|
|
3853
|
+
stylesheet loads later, so `.dialog` is added to outrank it. */
|
|
3854
|
+
.cn-dialog-board .dialog .dialog__actions {
|
|
3809
3855
|
display: flex;
|
|
3810
3856
|
flex-wrap: wrap;
|
|
3811
3857
|
align-items: center;
|
|
@@ -4131,6 +4177,23 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
4131
4177
|
max-height: calc(100% - var(--cn-dialog-top, 88px) - 24px);
|
|
4132
4178
|
}
|
|
4133
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
|
+
}
|
|
4134
4197
|
/*
|
|
4135
4198
|
* The board form field (screens-form-parity, canon sections 5 and 6).
|
|
4136
4199
|
*
|
|
@@ -5793,8 +5856,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
5793
5856
|
@spec openspec/changes/board-avatar-chip/specs/data-table/spec.md#requirement-a-board-avatar-cell-draws-the-initials-chip */
|
|
5794
5857
|
.cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar-initials--neutral {
|
|
5795
5858
|
background: var(--color-background-dark);
|
|
5796
|
-
color: var(--
|
|
5859
|
+
color: var(--cn-board-text-soft);
|
|
5797
5860
|
font-size: 13px;
|
|
5861
|
+
line-height: normal;
|
|
5798
5862
|
}
|
|
5799
5863
|
|
|
5800
5864
|
.cn-look-board .cn-table-container--board .cn-data-table .cn-cell-renderer__avatar:has(.cn-cell-renderer__avatar-initials--neutral) {
|
|
@@ -6417,9 +6481,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
6417
6481
|
--app-sidebar-width: 360px;
|
|
6418
6482
|
}
|
|
6419
6483
|
|
|
6484
|
+
/* The subtitle 2px under the title at a normal line height, and the tab's
|
|
6485
|
+
content 20px in from the panel edge (the tab's 10px and 10px here), as
|
|
6486
|
+
DqFilterBeheren draws the side panel.
|
|
6487
|
+
@spec openspec/changes/board-side-panel-rhythm/specs/board-side-panel-rhythm/spec.md */
|
|
6420
6488
|
.cn-look-board:has(.cn-index-page) > .app-sidebar .app-sidebar-header__subname {
|
|
6489
|
+
margin-top: 2px;
|
|
6421
6490
|
color: var(--color-text-maxcontrast);
|
|
6422
6491
|
font-size: 14px;
|
|
6492
|
+
line-height: normal;
|
|
6493
|
+
}
|
|
6494
|
+
|
|
6495
|
+
.cn-look-board:has(.cn-index-page) > .app-sidebar .cn-index-sidebar__section {
|
|
6496
|
+
padding: 10px;
|
|
6423
6497
|
}
|
|
6424
6498
|
|
|
6425
6499
|
.cn-look-board:has(.cn-index-page) > .app-sidebar .app-sidebar__close {
|
|
@@ -6638,9 +6712,33 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
6638
6712
|
@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 */
|
|
6639
6713
|
.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 {
|
|
6640
6714
|
padding-block-start: 15px;
|
|
6715
|
+
padding-block-end: 0;
|
|
6641
6716
|
padding-inline-start: 20px;
|
|
6642
6717
|
}
|
|
6643
6718
|
|
|
6719
|
+
/* The line under the title is a paragraph the theme sets with `!important`
|
|
6720
|
+
(15px, its own leading): 14px muted at its normal leading, 2px under the
|
|
6721
|
+
title, so the tab row starts 14px under it and the first field 20px under
|
|
6722
|
+
the tabs (DqZakenSorteren, DqFilterBeheren: title 20, line 46, tabs 77,
|
|
6723
|
+
search field 137).
|
|
6724
|
+
@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 */
|
|
6725
|
+
.cn-look-board .cn-index-sidebar-panel .app-sidebar-header__subname {
|
|
6726
|
+
--nldesign-component-paragraph-font-size: 14px;
|
|
6727
|
+
--nldesign-component-paragraph-line-height: normal;
|
|
6728
|
+
--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
|
|
6729
|
+
font-size: 14px !important;
|
|
6730
|
+
line-height: normal !important;
|
|
6731
|
+
margin-block-start: -3px !important;
|
|
6732
|
+
}
|
|
6733
|
+
|
|
6734
|
+
.cn-look-board .cn-index-sidebar-panel .cn-index-sidebar__tab-content > .cn-index-sidebar__section:first-child {
|
|
6735
|
+
padding-top: 8px;
|
|
6736
|
+
}
|
|
6737
|
+
|
|
6738
|
+
.cn-look-board .cn-index-sidebar-panel .cn-index-sidebar__tab-content > .cn-index-sidebar__section:first-child > .input-field {
|
|
6739
|
+
margin-top: 0;
|
|
6740
|
+
}
|
|
6741
|
+
|
|
6644
6742
|
.cn-look-board .cn-index-sidebar-panel .app-sidebar-tabs__nav[role="tablist"] {
|
|
6645
6743
|
justify-content: flex-start;
|
|
6646
6744
|
gap: 4px;
|
|
@@ -6833,6 +6931,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
6833
6931
|
.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__name-text {
|
|
6834
6932
|
font-size: 14px;
|
|
6835
6933
|
font-weight: 600;
|
|
6934
|
+
line-height: normal;
|
|
6836
6935
|
}
|
|
6837
6936
|
|
|
6838
6937
|
/* A view's count: a grey pill at the end of its row (DqFilterBeheren). */
|
|
@@ -7077,6 +7176,20 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
7077
7176
|
padding-inline-start: 12px;
|
|
7078
7177
|
}
|
|
7079
7178
|
|
|
7179
|
+
/* The boards draw the leading icon inside the title cell, so the title's
|
|
7180
|
+
heading starts over the icon (DqOrganisaties "Naam" at 76, the icon's x),
|
|
7181
|
+
as an avatar shares its column's heading (DqContacten). The blank icon
|
|
7182
|
+
heading stays for the column count; the title heading reaches back over it.
|
|
7183
|
+
@spec openspec/changes/board-head-over-row-icon/specs/data-table/spec.md#requirement-a-board-title-heading-starts-over-the-row-icon */
|
|
7184
|
+
.cn-look-board .cn-table-container--board .cn-data-table th.cn-table-col--icon + th:not(.cn-look-nextcloud *) {
|
|
7185
|
+
padding-inline-start: 0;
|
|
7186
|
+
overflow: visible;
|
|
7187
|
+
}
|
|
7188
|
+
|
|
7189
|
+
.cn-look-board .cn-table-container--board .cn-data-table th.cn-table-col--icon + th:not(.cn-look-nextcloud *) > :first-child {
|
|
7190
|
+
margin-inline-start: -32px;
|
|
7191
|
+
}
|
|
7192
|
+
|
|
7080
7193
|
/* ---- The table beside the open side panel (DqZakenSorteren, DqFilterBeheren) */
|
|
7081
7194
|
/* The table takes its column's width: its configured column widths make way
|
|
7082
7195
|
for the content, titles and names wrap (a long word hyphenated, an
|
|
@@ -7736,10 +7849,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
7736
7849
|
cursor: grab;
|
|
7737
7850
|
}
|
|
7738
7851
|
|
|
7739
|
-
/* The handle before a reorderable row's name: a muted 16px grip 10px before
|
|
7852
|
+
/* The handle before a reorderable row's name: a muted 16px grip 10px before
|
|
7853
|
+
it. It floats, so a name that wraps in a narrow cell wraps beside the grip
|
|
7854
|
+
instead of dropping under it. */
|
|
7740
7855
|
.cn-table-row__handle {
|
|
7741
7856
|
display: inline-flex;
|
|
7742
|
-
|
|
7857
|
+
float: inline-start;
|
|
7858
|
+
margin-block-start: 1px;
|
|
7743
7859
|
margin-inline-end: 10px;
|
|
7744
7860
|
color: var(--color-text-maxcontrast);
|
|
7745
7861
|
cursor: grab;
|
|
@@ -12346,6 +12462,14 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
12346
12462
|
padding: calc(12px - var(--cn-board-first-line-leading)) var(--cn-board-card-inline-padding) 20px;
|
|
12347
12463
|
}
|
|
12348
12464
|
|
|
12465
|
+
/* A card that opens on a record-list table starts 12px under its title: the
|
|
12466
|
+
table's head row sets its own padding and line height, so no first line
|
|
12467
|
+
carries the half-leading the rule above takes off (r31 DqZaaktype
|
|
12468
|
+
"Berichten aan de aanvrager" sat 2.2px high). */
|
|
12469
|
+
.cn-look-board .cn-detail-page .cn-widget-wrapper__content:has(> .cn-record-list > .cn-record-list__table:first-child):not(.cn-look-nextcloud *) {
|
|
12470
|
+
padding-top: 12px;
|
|
12471
|
+
}
|
|
12472
|
+
|
|
12349
12473
|
/* A history card with stacked rows (DqTaak "Historie") opens on the first
|
|
12350
12474
|
row's hairline 6px under the title, the row's own 12px padding above its
|
|
12351
12475
|
text, as drawn: 19px from the title to the first action.
|
|
@@ -12436,6 +12560,15 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
12436
12560
|
font-weight: 500;
|
|
12437
12561
|
}
|
|
12438
12562
|
|
|
12563
|
+
/* The files table's checkbox column is the board's 42px (12px either side
|
|
12564
|
+
of the 18px box): DqZaakDocumenten and DqDocumentenBeheer both draw it so.
|
|
12565
|
+
The component's 36px pushed the file icon and name 6px left (r31: name 96
|
|
12566
|
+
vs 100; probed with the rule: icon 54 as drawn, name 102).
|
|
12567
|
+
@spec openspec/changes/board-files-select-column-42/specs/board-files-select-column-42/spec.md#requirement-the-files-tables-checkbox-column-is-42px */
|
|
12568
|
+
.cn-look-board .cn-files-browser__col-select:not(.cn-look-nextcloud *) {
|
|
12569
|
+
width: 42px;
|
|
12570
|
+
}
|
|
12571
|
+
|
|
12439
12572
|
/* A labelled select in a page card is the board's field, as in a board
|
|
12440
12573
|
dialog (dialog.css): its label above the control at 14px/600 on the normal
|
|
12441
12574
|
line (the theme's label weight token set to 600 here), the control 40px,
|
|
@@ -13179,10 +13312,10 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
13179
13312
|
|
|
13180
13313
|
/* The buttons above the groups are the card's 34px controls ("Bekijken als
|
|
13181
13314
|
flow", "Taak toevoegen"), not the page's 40px ones. */
|
|
13182
|
-
/* The buttons sit 14px
|
|
13183
|
-
|
|
13315
|
+
/* The buttons sit 14px above the groups, the card's gap; above them the
|
|
13316
|
+
content's own top padding is the space under the subtitle. */
|
|
13184
13317
|
.cn-look-board .cn-grouped-cards__actions.cn-grouped-cards__actions:not(.cn-look-nextcloud *) {
|
|
13185
|
-
margin-block:
|
|
13318
|
+
margin-block: 0 14px;
|
|
13186
13319
|
}
|
|
13187
13320
|
|
|
13188
13321
|
.cn-look-board .cn-grouped-cards__actions:not(.cn-look-nextcloud *) .button-vue {
|
|
@@ -13974,6 +14107,38 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
13974
14107
|
.cn-look-board .cn-timeline-manage__draft-label:not(.cn-look-nextcloud *) {
|
|
13975
14108
|
line-height: 1.2;
|
|
13976
14109
|
}
|
|
14110
|
+
|
|
14111
|
+
/* A facts card's link with an icon (Werkinstructie) sets the icon beside its
|
|
14112
|
+
text, 10px apart, the text on the normal line starting 10px under the
|
|
14113
|
+
title, as the Dq boards draw it. The anchor was a block, so the icon stood
|
|
14114
|
+
on its own line above the text (r31).
|
|
14115
|
+
@spec openspec/changes/board-facts-link-icon-beside-text/specs/facts-widget/spec.md */
|
|
14116
|
+
.cn-look-board .cn-facts-widget .cn-facts-widget__link:has(> .material-design-icon):not(.cn-look-nextcloud *) {
|
|
14117
|
+
display: flex;
|
|
14118
|
+
align-items: center;
|
|
14119
|
+
gap: 10px;
|
|
14120
|
+
margin-top: var(--cn-board-first-line-leading);
|
|
14121
|
+
line-height: normal;
|
|
14122
|
+
}
|
|
14123
|
+
|
|
14124
|
+
/* A table in a detail page card names each row in the link colour at 14px,
|
|
14125
|
+
as DqZaakGerelateerd draws "Deelzaken" and "Objecten" (r31: 15px in the
|
|
14126
|
+
body ink). The row opens the record, so its name reads as the link.
|
|
14127
|
+
@spec openspec/changes/board-detail-table-title-cells/specs/board-tables/spec.md */
|
|
14128
|
+
.cn-look-board .cn-detail-page .cn-object-list-widget td.cn-table-col--title:not(.cn-look-nextcloud *),
|
|
14129
|
+
.cn-look-board .cn-detail-page .cn-object-list-widget td.cn-table-col--title .cn-cell-renderer:not(.cn-look-nextcloud *) {
|
|
14130
|
+
font-size: 14px;
|
|
14131
|
+
line-height: 1.2;
|
|
14132
|
+
color: var(--color-primary-element);
|
|
14133
|
+
}
|
|
14134
|
+
|
|
14135
|
+
/* A data card keeps its 14px under a subtitle too (DqZaakBetrokkenen
|
|
14136
|
+
"Zetels"): the subtitle rule's 12px won over the data card's 14px, so the
|
|
14137
|
+
labels sat 2.2px high (r31).
|
|
14138
|
+
@spec openspec/changes/board-data-card-under-subtitle/specs/board-card/spec.md */
|
|
14139
|
+
.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) {
|
|
14140
|
+
padding-top: 14px;
|
|
14141
|
+
}
|
|
13977
14142
|
/*
|
|
13978
14143
|
* The reports page under the board look (screens-reports-page-board-look,
|
|
13979
14144
|
* board DcRapportages): a 28px title over a muted lead, one section per
|
|
@@ -20042,10 +20207,13 @@ svg.leaflet-image-layer.leaflet-interactive path {
|
|
|
20042
20207
|
cursor: grab;
|
|
20043
20208
|
}
|
|
20044
20209
|
|
|
20045
|
-
/* The handle before a reorderable row's name: a muted 16px grip 10px before
|
|
20210
|
+
/* The handle before a reorderable row's name: a muted 16px grip 10px before
|
|
20211
|
+
it. It floats, so a name that wraps in a narrow cell wraps beside the grip
|
|
20212
|
+
instead of dropping under it. */
|
|
20046
20213
|
.cn-table-row__handle {
|
|
20047
20214
|
display: inline-flex;
|
|
20048
|
-
|
|
20215
|
+
float: inline-start;
|
|
20216
|
+
margin-block-start: 1px;
|
|
20049
20217
|
margin-inline-end: 10px;
|
|
20050
20218
|
color: var(--color-text-maxcontrast);
|
|
20051
20219
|
cursor: grab;
|
|
@@ -21699,56 +21867,56 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
|
|
|
21699
21867
|
}
|
|
21700
21868
|
|
|
21701
21869
|
|
|
21702
|
-
.cn-audit-card__list[data-v-
|
|
21870
|
+
.cn-audit-card__list[data-v-bd3033c8] {
|
|
21703
21871
|
list-style: none;
|
|
21704
21872
|
margin: 0;
|
|
21705
21873
|
padding: 0;
|
|
21706
21874
|
}
|
|
21707
|
-
.cn-audit-card__row[data-v-
|
|
21875
|
+
.cn-audit-card__row[data-v-bd3033c8] {
|
|
21708
21876
|
padding: 6px 0;
|
|
21709
21877
|
border-bottom: 1px solid var(--color-border);
|
|
21710
21878
|
}
|
|
21711
|
-
.cn-audit-card__row[data-v-
|
|
21879
|
+
.cn-audit-card__row[data-v-bd3033c8]:last-child {
|
|
21712
21880
|
border-bottom: none;
|
|
21713
21881
|
}
|
|
21714
|
-
.cn-audit-card__row-head[data-v-
|
|
21882
|
+
.cn-audit-card__row-head[data-v-bd3033c8] {
|
|
21715
21883
|
display: flex;
|
|
21716
21884
|
justify-content: space-between;
|
|
21717
21885
|
gap: 8px;
|
|
21718
21886
|
}
|
|
21719
|
-
.cn-audit-card__action[data-v-
|
|
21887
|
+
.cn-audit-card__action[data-v-bd3033c8] {
|
|
21720
21888
|
color: var(--color-main-text);
|
|
21721
21889
|
}
|
|
21722
|
-
.cn-audit-card__when[data-v-
|
|
21890
|
+
.cn-audit-card__when[data-v-bd3033c8] {
|
|
21723
21891
|
color: var(--color-text-maxcontrast);
|
|
21724
21892
|
font-size: 0.85em;
|
|
21725
21893
|
white-space: nowrap;
|
|
21726
21894
|
}
|
|
21727
|
-
.cn-audit-card__row-body[data-v-
|
|
21895
|
+
.cn-audit-card__row-body[data-v-bd3033c8] {
|
|
21728
21896
|
color: var(--color-text-maxcontrast);
|
|
21729
21897
|
font-size: 0.9em;
|
|
21730
21898
|
}
|
|
21731
|
-
.cn-audit-card__refused[data-v-
|
|
21899
|
+
.cn-audit-card__refused[data-v-bd3033c8] {
|
|
21732
21900
|
margin-inline-start: 6px;
|
|
21733
21901
|
font-weight: 700;
|
|
21734
21902
|
color: var(--color-error-text, var(--color-main-text));
|
|
21735
21903
|
}
|
|
21736
|
-
.cn-audit-card__reason[data-v-
|
|
21904
|
+
.cn-audit-card__reason[data-v-bd3033c8] {
|
|
21737
21905
|
margin: 2px 0 0;
|
|
21738
21906
|
font-size: 0.9em;
|
|
21739
21907
|
overflow-wrap: anywhere;
|
|
21740
21908
|
}
|
|
21741
|
-
.cn-audit-card__empty[data-v-
|
|
21909
|
+
.cn-audit-card__empty[data-v-bd3033c8] {
|
|
21742
21910
|
color: var(--color-text-maxcontrast);
|
|
21743
21911
|
text-align: center;
|
|
21744
21912
|
padding: 12px 0;
|
|
21745
21913
|
}
|
|
21746
|
-
.cn-audit-card__footnote[data-v-
|
|
21914
|
+
.cn-audit-card__footnote[data-v-bd3033c8] {
|
|
21747
21915
|
margin: 12px 0 0;
|
|
21748
21916
|
color: var(--color-text-maxcontrast);
|
|
21749
21917
|
font-size: 13px;
|
|
21750
21918
|
}
|
|
21751
|
-
.cn-audit-card__show-all[data-v-
|
|
21919
|
+
.cn-audit-card__show-all[data-v-bd3033c8] {
|
|
21752
21920
|
background: none;
|
|
21753
21921
|
border: none;
|
|
21754
21922
|
color: var(--color-primary-element);
|
|
@@ -21756,7 +21924,7 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
|
|
|
21756
21924
|
padding: 4px 0;
|
|
21757
21925
|
font: inherit;
|
|
21758
21926
|
}
|
|
21759
|
-
.cn-audit-card__show-all[data-v-
|
|
21927
|
+
.cn-audit-card__show-all[data-v-bd3033c8]:hover {
|
|
21760
21928
|
text-decoration: underline;
|
|
21761
21929
|
}
|
|
21762
21930
|
|
|
@@ -26440,77 +26608,77 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
|
|
|
26440
26608
|
}
|
|
26441
26609
|
|
|
26442
26610
|
|
|
26443
|
-
.cn-notes-card__add-form[data-v-
|
|
26611
|
+
.cn-notes-card__add-form[data-v-23928d29] {
|
|
26444
26612
|
margin-bottom: 12px;
|
|
26445
26613
|
}
|
|
26446
|
-
.cn-notes-card__textarea[data-v-
|
|
26614
|
+
.cn-notes-card__textarea[data-v-23928d29] {
|
|
26447
26615
|
width: 100%;
|
|
26448
26616
|
margin-bottom: 8px;
|
|
26449
26617
|
box-sizing: border-box;
|
|
26450
26618
|
}
|
|
26451
|
-
.cn-notes-card__replying[data-v-
|
|
26619
|
+
.cn-notes-card__replying[data-v-23928d29] {
|
|
26452
26620
|
display: flex;
|
|
26453
26621
|
align-items: center;
|
|
26454
26622
|
justify-content: space-between;
|
|
26455
26623
|
margin: 0 0 4px;
|
|
26456
26624
|
color: var(--color-text-maxcontrast);
|
|
26457
26625
|
}
|
|
26458
|
-
.cn-notes-card__note--reply[data-v-
|
|
26626
|
+
.cn-notes-card__note--reply[data-v-23928d29] {
|
|
26459
26627
|
margin-inline-start: 24px;
|
|
26460
26628
|
}
|
|
26461
|
-
.cn-notes-card__quote[data-v-
|
|
26629
|
+
.cn-notes-card__quote[data-v-23928d29] {
|
|
26462
26630
|
margin: 0 0 2px;
|
|
26463
26631
|
padding-inline-start: 8px;
|
|
26464
26632
|
border-inline-start: 2px solid var(--color-border-dark);
|
|
26465
26633
|
color: var(--color-text-maxcontrast);
|
|
26466
26634
|
font-size: 0.9em;
|
|
26467
26635
|
}
|
|
26468
|
-
.cn-notes-card__empty[data-v-
|
|
26636
|
+
.cn-notes-card__empty[data-v-23928d29] {
|
|
26469
26637
|
text-align: center;
|
|
26470
26638
|
padding: 16px 12px;
|
|
26471
26639
|
color: var(--color-text-maxcontrast);
|
|
26472
26640
|
font-size: 13px;
|
|
26473
26641
|
}
|
|
26474
|
-
.cn-notes-card__list[data-v-
|
|
26642
|
+
.cn-notes-card__list[data-v-23928d29] {
|
|
26475
26643
|
display: flex;
|
|
26476
26644
|
flex-direction: column;
|
|
26477
26645
|
}
|
|
26478
|
-
.cn-notes-card__note[data-v-
|
|
26646
|
+
.cn-notes-card__note[data-v-23928d29] {
|
|
26479
26647
|
padding: 10px 0;
|
|
26480
26648
|
border-bottom: 1px solid var(--color-border);
|
|
26481
26649
|
position: relative;
|
|
26482
26650
|
}
|
|
26483
|
-
.cn-notes-card__note[data-v-
|
|
26651
|
+
.cn-notes-card__note[data-v-23928d29]:last-child {
|
|
26484
26652
|
border-bottom: none;
|
|
26485
26653
|
}
|
|
26486
|
-
.cn-notes-card__initials[data-v-
|
|
26654
|
+
.cn-notes-card__initials[data-v-23928d29] {
|
|
26487
26655
|
display: none;
|
|
26488
26656
|
}
|
|
26489
|
-
.cn-notes-card__note-header[data-v-
|
|
26657
|
+
.cn-notes-card__note-header[data-v-23928d29] {
|
|
26490
26658
|
display: flex;
|
|
26491
26659
|
justify-content: space-between;
|
|
26492
26660
|
align-items: baseline;
|
|
26493
26661
|
margin-bottom: 4px;
|
|
26494
26662
|
}
|
|
26495
|
-
.cn-notes-card__author[data-v-
|
|
26663
|
+
.cn-notes-card__author[data-v-23928d29] {
|
|
26496
26664
|
font-size: 13px;
|
|
26497
26665
|
}
|
|
26498
|
-
.cn-notes-card__author--self[data-v-
|
|
26666
|
+
.cn-notes-card__author--self[data-v-23928d29] {
|
|
26499
26667
|
color: var(--color-main-text);
|
|
26500
26668
|
}
|
|
26501
|
-
.cn-notes-card__visibility[data-v-
|
|
26669
|
+
.cn-notes-card__visibility[data-v-23928d29] {
|
|
26502
26670
|
display: flex;
|
|
26503
26671
|
align-items: center;
|
|
26504
26672
|
gap: 8px;
|
|
26505
26673
|
margin-bottom: 4px;
|
|
26506
26674
|
}
|
|
26507
|
-
.cn-notes-card__time[data-v-
|
|
26675
|
+
.cn-notes-card__time[data-v-23928d29] {
|
|
26508
26676
|
font-size: 11px;
|
|
26509
26677
|
color: var(--color-text-maxcontrast);
|
|
26510
26678
|
flex-shrink: 0;
|
|
26511
26679
|
margin-left: 8px;
|
|
26512
26680
|
}
|
|
26513
|
-
.cn-notes-card__body[data-v-
|
|
26681
|
+
.cn-notes-card__body[data-v-23928d29] {
|
|
26514
26682
|
font-size: 13px;
|
|
26515
26683
|
margin: 0;
|
|
26516
26684
|
white-space: pre-wrap;
|
|
@@ -26521,18 +26689,18 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
|
|
|
26521
26689
|
/* The note's own class leads so the position outranks NcButton's
|
|
26522
26690
|
`position: relative`, which loads later at the same weight and put the
|
|
26523
26691
|
button in the flow under the note. */
|
|
26524
|
-
.cn-notes-card__note > .cn-notes-card__delete-btn[data-v-
|
|
26692
|
+
.cn-notes-card__note > .cn-notes-card__delete-btn[data-v-23928d29] {
|
|
26525
26693
|
position: absolute;
|
|
26526
26694
|
top: 8px;
|
|
26527
26695
|
right: -4px;
|
|
26528
26696
|
opacity: 0;
|
|
26529
26697
|
transition: opacity 0.15s ease;
|
|
26530
26698
|
}
|
|
26531
|
-
.cn-notes-card__note:hover > .cn-notes-card__delete-btn[data-v-
|
|
26532
|
-
.cn-notes-card__note:focus-within > .cn-notes-card__delete-btn[data-v-
|
|
26699
|
+
.cn-notes-card__note:hover > .cn-notes-card__delete-btn[data-v-23928d29],
|
|
26700
|
+
.cn-notes-card__note:focus-within > .cn-notes-card__delete-btn[data-v-23928d29] {
|
|
26533
26701
|
opacity: 1;
|
|
26534
26702
|
}
|
|
26535
|
-
.cn-notes-card__show-all[data-v-
|
|
26703
|
+
.cn-notes-card__show-all[data-v-23928d29] {
|
|
26536
26704
|
background: none;
|
|
26537
26705
|
border: none;
|
|
26538
26706
|
color: var(--color-primary-element);
|
|
@@ -26543,7 +26711,7 @@ a.cn-maps-card__title[data-v-03ce1748]:hover {
|
|
|
26543
26711
|
width: 100%;
|
|
26544
26712
|
text-align: center;
|
|
26545
26713
|
}
|
|
26546
|
-
.cn-notes-card__show-all[data-v-
|
|
26714
|
+
.cn-notes-card__show-all[data-v-23928d29]:hover {
|
|
26547
26715
|
text-decoration: underline;
|
|
26548
26716
|
}
|
|
26549
26717
|
|
|
@@ -29799,7 +29967,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29799
29967
|
|
|
29800
29968
|
|
|
29801
29969
|
/* The row a following card describes (content.rowSelection). */
|
|
29802
|
-
.cn-object-list-widget[data-v-
|
|
29970
|
+
.cn-object-list-widget[data-v-29fab8f0] .cn-object-list-widget__row--selected {
|
|
29803
29971
|
background: var(--color-primary-element-light, #eaf0f7);
|
|
29804
29972
|
}
|
|
29805
29973
|
|
|
@@ -29810,7 +29978,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29810
29978
|
Horizontal overflow is owned by `.cn-table-container` (overflow-x: auto); a
|
|
29811
29979
|
second scroll container here would produce a nested scrollbar, so this host
|
|
29812
29980
|
stays plain. */
|
|
29813
|
-
.cn-object-list-widget[data-v-
|
|
29981
|
+
.cn-object-list-widget[data-v-29fab8f0] {
|
|
29814
29982
|
width: 100%;
|
|
29815
29983
|
height: 100%;
|
|
29816
29984
|
display: flex;
|
|
@@ -29822,10 +29990,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29822
29990
|
relative` is set only in the dropping state so a widget without a drop zone
|
|
29823
29991
|
keeps the containing block it had — an unconditional rule here would
|
|
29824
29992
|
re-parent any absolutely-positioned descendant a host has placed. */
|
|
29825
|
-
.cn-object-list-widget--dropping[data-v-
|
|
29993
|
+
.cn-object-list-widget--dropping[data-v-29fab8f0] {
|
|
29826
29994
|
position: relative;
|
|
29827
29995
|
}
|
|
29828
|
-
.cn-object-list-widget__drop-overlay[data-v-
|
|
29996
|
+
.cn-object-list-widget__drop-overlay[data-v-29fab8f0] {
|
|
29829
29997
|
position: absolute;
|
|
29830
29998
|
inset: 0;
|
|
29831
29999
|
z-index: 2;
|
|
@@ -29843,7 +30011,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29843
30011
|
and the drop would land on nothing. */
|
|
29844
30012
|
pointer-events: none;
|
|
29845
30013
|
}
|
|
29846
|
-
.cn-object-list-widget__table[data-v-
|
|
30014
|
+
.cn-object-list-widget__table[data-v-29fab8f0] {
|
|
29847
30015
|
flex: 1 1 auto;
|
|
29848
30016
|
min-height: 0;
|
|
29849
30017
|
overflow: hidden;
|
|
@@ -29852,16 +30020,16 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29852
30020
|
/* The empty state is CnWidgetEmptyState now — it brings its own layout, so
|
|
29853
30021
|
all this rule still owns is letting it claim the cell's leftover height
|
|
29854
30022
|
(ADR-062: it fits the cell, it never forces one). */
|
|
29855
|
-
.cn-object-list-widget__empty[data-v-
|
|
30023
|
+
.cn-object-list-widget__empty[data-v-29fab8f0] {
|
|
29856
30024
|
flex: 1 1 auto;
|
|
29857
30025
|
min-height: 0;
|
|
29858
30026
|
}
|
|
29859
30027
|
|
|
29860
30028
|
/* The pager sits flush at the bottom of the card, above "View all". */
|
|
29861
|
-
.cn-object-list-widget__pager[data-v-
|
|
30029
|
+
.cn-object-list-widget__pager[data-v-29fab8f0] {
|
|
29862
30030
|
flex-shrink: 0;
|
|
29863
30031
|
}
|
|
29864
|
-
.cn-object-list-widget__view-all[data-v-
|
|
30032
|
+
.cn-object-list-widget__view-all[data-v-29fab8f0] {
|
|
29865
30033
|
align-self: flex-start;
|
|
29866
30034
|
background: none;
|
|
29867
30035
|
border: none;
|
|
@@ -29872,32 +30040,32 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29872
30040
|
padding: 4px;
|
|
29873
30041
|
text-decoration: none;
|
|
29874
30042
|
}
|
|
29875
|
-
.cn-object-list-widget__view-all[data-v-
|
|
29876
|
-
.cn-object-list-widget__view-all[data-v-
|
|
30043
|
+
.cn-object-list-widget__view-all[data-v-29fab8f0]:hover,
|
|
30044
|
+
.cn-object-list-widget__view-all[data-v-29fab8f0]:focus-visible {
|
|
29877
30045
|
text-decoration: underline;
|
|
29878
30046
|
}
|
|
29879
|
-
.cn-object-list-widget__more[data-v-
|
|
30047
|
+
.cn-object-list-widget__more[data-v-29fab8f0] {
|
|
29880
30048
|
color: var(--color-text-maxcontrast);
|
|
29881
30049
|
font-size: 0.85em;
|
|
29882
30050
|
margin: 4px 0 0;
|
|
29883
30051
|
padding: 4px;
|
|
29884
30052
|
}
|
|
29885
|
-
.cn-object-list-widget__links[data-v-
|
|
30053
|
+
.cn-object-list-widget__links[data-v-29fab8f0] {
|
|
29886
30054
|
display: flex;
|
|
29887
30055
|
flex-wrap: wrap;
|
|
29888
30056
|
gap: 16px;
|
|
29889
30057
|
margin: 12px 0 0;
|
|
29890
30058
|
font-size: 14px;
|
|
29891
30059
|
}
|
|
29892
|
-
.cn-object-list-widget__link[data-v-
|
|
30060
|
+
.cn-object-list-widget__link[data-v-29fab8f0] {
|
|
29893
30061
|
font-weight: 600;
|
|
29894
30062
|
}
|
|
29895
|
-
.cn-object-list-widget__link-note[data-v-
|
|
30063
|
+
.cn-object-list-widget__link-note[data-v-29fab8f0] {
|
|
29896
30064
|
margin-inline-start: 6px;
|
|
29897
30065
|
color: var(--color-text-maxcontrast);
|
|
29898
30066
|
font-size: 13px;
|
|
29899
30067
|
}
|
|
29900
|
-
.cn-object-list-widget__footnote[data-v-
|
|
30068
|
+
.cn-object-list-widget__footnote[data-v-29fab8f0] {
|
|
29901
30069
|
color: var(--color-text-maxcontrast);
|
|
29902
30070
|
font-size: 13px;
|
|
29903
30071
|
margin: 8px 0 0;
|
|
@@ -29906,7 +30074,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29906
30074
|
/* Footer Add — same pattern as the integration leaves' footer action
|
|
29907
30075
|
("Open in Calendar"): full-width, centered, divider-topped, pinned to
|
|
29908
30076
|
the card bottom. */
|
|
29909
|
-
.cn-object-list-widget__add[data-v-
|
|
30077
|
+
.cn-object-list-widget__add[data-v-29fab8f0] {
|
|
29910
30078
|
align-self: stretch;
|
|
29911
30079
|
border-top: 1px solid var(--color-border);
|
|
29912
30080
|
/* Bleed through the host card's 16px content padding so the divider
|
|
@@ -29914,31 +30082,31 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29914
30082
|
margin: auto -16px -16px;
|
|
29915
30083
|
padding: 4px;
|
|
29916
30084
|
}
|
|
29917
|
-
.cn-object-list-widget__error[data-v-
|
|
30085
|
+
.cn-object-list-widget__error[data-v-29fab8f0] {
|
|
29918
30086
|
color: var(--color-text-maxcontrast);
|
|
29919
30087
|
font-size: 0.85em;
|
|
29920
30088
|
margin: 4px 0 0;
|
|
29921
30089
|
}
|
|
29922
|
-
.cn-object-list-widget__prompt[data-v-
|
|
30090
|
+
.cn-object-list-widget__prompt[data-v-29fab8f0] {
|
|
29923
30091
|
color: var(--color-text-maxcontrast);
|
|
29924
30092
|
font-style: italic;
|
|
29925
30093
|
padding: 16px 4px;
|
|
29926
30094
|
margin: 0;
|
|
29927
30095
|
text-align: center;
|
|
29928
30096
|
}
|
|
29929
|
-
.cn-object-list-widget__facet[data-v-
|
|
30097
|
+
.cn-object-list-widget__facet[data-v-29fab8f0] {
|
|
29930
30098
|
display: flex;
|
|
29931
30099
|
align-items: center;
|
|
29932
30100
|
flex-wrap: wrap;
|
|
29933
30101
|
gap: 6px;
|
|
29934
30102
|
padding: 0 4px 8px;
|
|
29935
30103
|
}
|
|
29936
|
-
.cn-object-list-widget__facet-label[data-v-
|
|
30104
|
+
.cn-object-list-widget__facet-label[data-v-29fab8f0] {
|
|
29937
30105
|
color: var(--color-text-maxcontrast);
|
|
29938
30106
|
font-size: 0.85em;
|
|
29939
30107
|
font-weight: 600;
|
|
29940
30108
|
}
|
|
29941
|
-
.cn-object-list-widget__facet-chip[data-v-
|
|
30109
|
+
.cn-object-list-widget__facet-chip[data-v-29fab8f0] {
|
|
29942
30110
|
background-color: var(--color-background-hover);
|
|
29943
30111
|
border: 1px solid var(--color-border);
|
|
29944
30112
|
border-radius: var(--border-radius-pill, 16px);
|
|
@@ -29948,13 +30116,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29948
30116
|
font-size: 0.85em;
|
|
29949
30117
|
padding: 2px 10px;
|
|
29950
30118
|
}
|
|
29951
|
-
.cn-object-list-widget__facet-chip--active[data-v-
|
|
30119
|
+
.cn-object-list-widget__facet-chip--active[data-v-29fab8f0] {
|
|
29952
30120
|
background-color: var(--color-primary-element-light);
|
|
29953
30121
|
border-color: var(--color-primary-element);
|
|
29954
30122
|
color: var(--color-primary-element-text, var(--color-main-text));
|
|
29955
30123
|
}
|
|
29956
|
-
.cn-object-list-widget__facet-clear[data-v-
|
|
29957
|
-
.cn-object-list-widget__bulk-clear[data-v-
|
|
30124
|
+
.cn-object-list-widget__facet-clear[data-v-29fab8f0],
|
|
30125
|
+
.cn-object-list-widget__bulk-clear[data-v-29fab8f0] {
|
|
29958
30126
|
background: none;
|
|
29959
30127
|
border: none;
|
|
29960
30128
|
color: var(--color-primary-element);
|
|
@@ -29963,11 +30131,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29963
30131
|
font-size: 0.85em;
|
|
29964
30132
|
padding: 2px 4px;
|
|
29965
30133
|
}
|
|
29966
|
-
.cn-object-list-widget__facet-clear[data-v-
|
|
29967
|
-
.cn-object-list-widget__bulk-clear[data-v-
|
|
30134
|
+
.cn-object-list-widget__facet-clear[data-v-29fab8f0]:hover,
|
|
30135
|
+
.cn-object-list-widget__bulk-clear[data-v-29fab8f0]:hover {
|
|
29968
30136
|
text-decoration: underline;
|
|
29969
30137
|
}
|
|
29970
|
-
.cn-object-list-widget__bulk-bar[data-v-
|
|
30138
|
+
.cn-object-list-widget__bulk-bar[data-v-29fab8f0] {
|
|
29971
30139
|
align-items: center;
|
|
29972
30140
|
background-color: var(--color-primary-element-light);
|
|
29973
30141
|
border-radius: var(--border-radius, 8px);
|
|
@@ -29977,10 +30145,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29977
30145
|
margin: 0 0 8px;
|
|
29978
30146
|
padding: 6px 10px;
|
|
29979
30147
|
}
|
|
29980
|
-
.cn-object-list-widget__bulk-count[data-v-
|
|
30148
|
+
.cn-object-list-widget__bulk-count[data-v-29fab8f0] {
|
|
29981
30149
|
font-weight: 600;
|
|
29982
30150
|
}
|
|
29983
|
-
.cn-object-list-widget__bulk-action[data-v-
|
|
30151
|
+
.cn-object-list-widget__bulk-action[data-v-29fab8f0] {
|
|
29984
30152
|
background-color: var(--color-main-background);
|
|
29985
30153
|
border: 1px solid var(--color-border);
|
|
29986
30154
|
border-radius: var(--border-radius, 8px);
|
|
@@ -29988,25 +30156,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
29988
30156
|
font: inherit;
|
|
29989
30157
|
padding: 4px 10px;
|
|
29990
30158
|
}
|
|
29991
|
-
.cn-object-list-widget__bulk-action--destructive[data-v-
|
|
30159
|
+
.cn-object-list-widget__bulk-action--destructive[data-v-29fab8f0] {
|
|
29992
30160
|
border-color: var(--color-error);
|
|
29993
30161
|
color: var(--color-error);
|
|
29994
30162
|
}
|
|
29995
|
-
.cn-object-list-widget__groups[data-v-
|
|
30163
|
+
.cn-object-list-widget__groups[data-v-29fab8f0] {
|
|
29996
30164
|
display: flex;
|
|
29997
30165
|
flex-direction: column;
|
|
29998
30166
|
gap: 16px;
|
|
29999
30167
|
min-height: 0;
|
|
30000
30168
|
overflow: auto;
|
|
30001
30169
|
}
|
|
30002
|
-
.cn-object-list-widget__group-heading[data-v-
|
|
30170
|
+
.cn-object-list-widget__group-heading[data-v-29fab8f0] {
|
|
30003
30171
|
color: var(--color-text-maxcontrast);
|
|
30004
30172
|
font-size: 0.85em;
|
|
30005
30173
|
font-weight: 600;
|
|
30006
30174
|
margin: 0 0 4px;
|
|
30007
30175
|
text-transform: uppercase;
|
|
30008
30176
|
}
|
|
30009
|
-
.cn-object-list-widget__upload[data-v-
|
|
30177
|
+
.cn-object-list-widget__upload[data-v-29fab8f0] {
|
|
30010
30178
|
background-color: var(--color-main-background);
|
|
30011
30179
|
border: 1px solid var(--color-border);
|
|
30012
30180
|
border-radius: var(--border-radius, 8px);
|
|
@@ -30015,7 +30183,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
30015
30183
|
margin: 8px 0 0;
|
|
30016
30184
|
padding: 6px 12px;
|
|
30017
30185
|
}
|
|
30018
|
-
.cn-object-list-widget__upload-input[data-v-
|
|
30186
|
+
.cn-object-list-widget__upload-input[data-v-29fab8f0] {
|
|
30019
30187
|
display: none;
|
|
30020
30188
|
}
|
|
30021
30189
|
|
|
@@ -32951,7 +33119,7 @@ a.cn-kpi-card--board * {
|
|
|
32951
33119
|
}
|
|
32952
33120
|
|
|
32953
33121
|
|
|
32954
|
-
.cn-object-data-widget__image[data-v-
|
|
33122
|
+
.cn-object-data-widget__image[data-v-344df010] {
|
|
32955
33123
|
max-width: 100%;
|
|
32956
33124
|
max-height: 160px;
|
|
32957
33125
|
border-radius: 8px;
|
|
@@ -32959,33 +33127,33 @@ a.cn-kpi-card--board * {
|
|
|
32959
33127
|
}
|
|
32960
33128
|
|
|
32961
33129
|
/* Shimmering placeholder while a relation's display name resolves. */
|
|
32962
|
-
.cn-object-data-widget__skeleton[data-v-
|
|
33130
|
+
.cn-object-data-widget__skeleton[data-v-344df010] {
|
|
32963
33131
|
display: inline-block;
|
|
32964
33132
|
width: 90px;
|
|
32965
33133
|
height: 1em;
|
|
32966
33134
|
border-radius: 4px;
|
|
32967
33135
|
background: linear-gradient(90deg, var(--color-background-dark) 25%, var(--color-background-hover) 50%, var(--color-background-dark) 75%);
|
|
32968
33136
|
background-size: 200% 100%;
|
|
32969
|
-
animation: cn-odw-shimmer-
|
|
33137
|
+
animation: cn-odw-shimmer-344df010 1.2s ease-in-out infinite;
|
|
32970
33138
|
}
|
|
32971
|
-
@keyframes cn-odw-shimmer-
|
|
33139
|
+
@keyframes cn-odw-shimmer-344df010 {
|
|
32972
33140
|
from { background-position: 200% 0;
|
|
32973
33141
|
}
|
|
32974
33142
|
to { background-position: -200% 0;
|
|
32975
33143
|
}
|
|
32976
33144
|
}
|
|
32977
33145
|
@media (prefers-reduced-motion: reduce) {
|
|
32978
|
-
.cn-object-data-widget__skeleton[data-v-
|
|
33146
|
+
.cn-object-data-widget__skeleton[data-v-344df010] { animation: none;
|
|
32979
33147
|
}
|
|
32980
33148
|
}
|
|
32981
|
-
.cn-object-data-widget__grid[data-v-
|
|
33149
|
+
.cn-object-data-widget__grid[data-v-344df010] {
|
|
32982
33150
|
display: grid;
|
|
32983
33151
|
gap: calc(2 * var(--default-grid-baseline, 4px)) calc(4 * var(--default-grid-baseline, 4px));
|
|
32984
33152
|
}
|
|
32985
|
-
.cn-object-data-widget__toggle[data-v-
|
|
33153
|
+
.cn-object-data-widget__toggle[data-v-344df010] {
|
|
32986
33154
|
margin-top: 4px;
|
|
32987
33155
|
}
|
|
32988
|
-
.cn-object-data-widget__cell[data-v-
|
|
33156
|
+
.cn-object-data-widget__cell[data-v-344df010] {
|
|
32989
33157
|
display: flex;
|
|
32990
33158
|
flex-direction: column;
|
|
32991
33159
|
gap: 2px;
|
|
@@ -32993,12 +33161,12 @@ to { background-position: -200% 0;
|
|
|
32993
33161
|
border-bottom: 1px solid var(--color-border-dark);
|
|
32994
33162
|
min-width: 0;
|
|
32995
33163
|
}
|
|
32996
|
-
.cn-object-data-widget__label[data-v-
|
|
33164
|
+
.cn-object-data-widget__label[data-v-344df010] {
|
|
32997
33165
|
font-size: 0.85em;
|
|
32998
33166
|
color: var(--color-text-maxcontrast);
|
|
32999
33167
|
font-weight: 500;
|
|
33000
33168
|
}
|
|
33001
|
-
.cn-object-data-widget__value[data-v-
|
|
33169
|
+
.cn-object-data-widget__value[data-v-344df010] {
|
|
33002
33170
|
font-size: 1em;
|
|
33003
33171
|
color: var(--color-main-text);
|
|
33004
33172
|
overflow-wrap: anywhere;
|
|
@@ -33012,24 +33180,24 @@ to { background-position: -200% 0;
|
|
|
33012
33180
|
which drew a horizontal scrollbar under every data widget in a tab (dossiq's
|
|
33013
33181
|
case page, Data tab). The end padding drops by the same 4px so the text and
|
|
33014
33182
|
the edit icon sit where they sat. */
|
|
33015
|
-
.cn-object-data-widget__value--editable[data-v-
|
|
33183
|
+
.cn-object-data-widget__value--editable[data-v-344df010] {
|
|
33016
33184
|
cursor: pointer;
|
|
33017
33185
|
border-radius: var(--border-radius);
|
|
33018
33186
|
padding: 4px 20px 4px 4px;
|
|
33019
33187
|
margin: -4px 0 -4px -4px;
|
|
33020
33188
|
}
|
|
33021
|
-
.cn-object-data-widget__value--editable[data-v-
|
|
33189
|
+
.cn-object-data-widget__value--editable[data-v-344df010]:hover {
|
|
33022
33190
|
background: var(--color-background-dark);
|
|
33023
33191
|
}
|
|
33024
|
-
.cn-object-data-widget__value--editable[data-v-
|
|
33192
|
+
.cn-object-data-widget__value--editable[data-v-344df010]:focus-visible {
|
|
33025
33193
|
outline: 2px solid var(--color-primary-element);
|
|
33026
33194
|
outline-offset: 2px;
|
|
33027
33195
|
}
|
|
33028
|
-
.cn-object-data-widget__value--empty[data-v-
|
|
33196
|
+
.cn-object-data-widget__value--empty[data-v-344df010] {
|
|
33029
33197
|
color: var(--color-text-maxcontrast);
|
|
33030
33198
|
font-style: italic;
|
|
33031
33199
|
}
|
|
33032
|
-
.cn-object-data-widget__edit-icon[data-v-
|
|
33200
|
+
.cn-object-data-widget__edit-icon[data-v-344df010] {
|
|
33033
33201
|
position: absolute;
|
|
33034
33202
|
right: 4px;
|
|
33035
33203
|
top: 50%;
|
|
@@ -33038,21 +33206,21 @@ to { background-position: -200% 0;
|
|
|
33038
33206
|
opacity: 0;
|
|
33039
33207
|
transition: opacity 0.15s ease;
|
|
33040
33208
|
}
|
|
33041
|
-
.cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-
|
|
33042
|
-
.cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-
|
|
33209
|
+
.cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-344df010],
|
|
33210
|
+
.cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-344df010] {
|
|
33043
33211
|
opacity: 1;
|
|
33044
33212
|
}
|
|
33045
|
-
.cn-object-data-widget__editor[data-v-
|
|
33213
|
+
.cn-object-data-widget__editor[data-v-344df010] {
|
|
33046
33214
|
display: flex;
|
|
33047
33215
|
flex-direction: column;
|
|
33048
33216
|
gap: 4px;
|
|
33049
33217
|
}
|
|
33050
|
-
.cn-object-data-widget__editor-actions[data-v-
|
|
33218
|
+
.cn-object-data-widget__editor-actions[data-v-344df010] {
|
|
33051
33219
|
display: flex;
|
|
33052
33220
|
gap: 2px;
|
|
33053
33221
|
justify-content: flex-end;
|
|
33054
33222
|
}
|
|
33055
|
-
.cn-object-data-widget__textarea[data-v-
|
|
33223
|
+
.cn-object-data-widget__textarea[data-v-344df010] {
|
|
33056
33224
|
width: 100%;
|
|
33057
33225
|
min-height: 80px;
|
|
33058
33226
|
padding: 8px;
|
|
@@ -33064,16 +33232,16 @@ to { background-position: -200% 0;
|
|
|
33064
33232
|
font-size: inherit;
|
|
33065
33233
|
resize: vertical;
|
|
33066
33234
|
}
|
|
33067
|
-
.cn-object-data-widget__textarea[data-v-
|
|
33235
|
+
.cn-object-data-widget__textarea[data-v-344df010]:focus {
|
|
33068
33236
|
border-color: var(--color-primary-element);
|
|
33069
33237
|
outline: none;
|
|
33070
33238
|
}
|
|
33071
|
-
.cn-object-data-widget__footnote[data-v-
|
|
33239
|
+
.cn-object-data-widget__footnote[data-v-344df010] {
|
|
33072
33240
|
margin: calc(var(--default-grid-baseline, 4px) * 3) 0 0;
|
|
33073
33241
|
color: var(--color-text-maxcontrast);
|
|
33074
33242
|
font-size: 13px;
|
|
33075
33243
|
}
|
|
33076
|
-
.cn-object-data-widget__empty[data-v-
|
|
33244
|
+
.cn-object-data-widget__empty[data-v-344df010] {
|
|
33077
33245
|
color: var(--color-text-maxcontrast);
|
|
33078
33246
|
font-style: italic;
|
|
33079
33247
|
padding: calc(2 * var(--default-grid-baseline, 4px));
|
|
@@ -33081,16 +33249,16 @@ to { background-position: -200% 0;
|
|
|
33081
33249
|
|
|
33082
33250
|
/* Compact inline table for array-of-objects values. Dense + unstyled-simple;
|
|
33083
33251
|
fits the card and participates in the whole-row overflow handling. */
|
|
33084
|
-
.cn-object-data-widget__mini-table-wrap[data-v-
|
|
33252
|
+
.cn-object-data-widget__mini-table-wrap[data-v-344df010] {
|
|
33085
33253
|
max-width: 100%;
|
|
33086
33254
|
}
|
|
33087
|
-
.cn-object-data-widget__mini-table[data-v-
|
|
33255
|
+
.cn-object-data-widget__mini-table[data-v-344df010] {
|
|
33088
33256
|
width: 100%;
|
|
33089
33257
|
border-collapse: collapse;
|
|
33090
33258
|
font-size: 0.9em;
|
|
33091
33259
|
}
|
|
33092
|
-
.cn-object-data-widget__mini-table th[data-v-
|
|
33093
|
-
.cn-object-data-widget__mini-table td[data-v-
|
|
33260
|
+
.cn-object-data-widget__mini-table th[data-v-344df010],
|
|
33261
|
+
.cn-object-data-widget__mini-table td[data-v-344df010] {
|
|
33094
33262
|
text-align: start;
|
|
33095
33263
|
padding: 2px 8px 2px 0;
|
|
33096
33264
|
border-bottom: 1px solid var(--color-border);
|
|
@@ -33101,23 +33269,23 @@ to { background-position: -200% 0;
|
|
|
33101
33269
|
cell, and the card 8px wider than its cell (pipelinq's ticket page). */
|
|
33102
33270
|
white-space: normal;
|
|
33103
33271
|
}
|
|
33104
|
-
.cn-object-data-widget__mini-table th[data-v-
|
|
33272
|
+
.cn-object-data-widget__mini-table th[data-v-344df010] {
|
|
33105
33273
|
color: var(--color-text-maxcontrast);
|
|
33106
33274
|
font-weight: 500;
|
|
33107
33275
|
}
|
|
33108
|
-
.cn-object-data-widget__more[data-v-
|
|
33276
|
+
.cn-object-data-widget__more[data-v-344df010] {
|
|
33109
33277
|
margin-top: 2px;
|
|
33110
33278
|
font-size: 0.85em;
|
|
33111
33279
|
color: var(--color-text-maxcontrast);
|
|
33112
33280
|
}
|
|
33113
33281
|
|
|
33114
33282
|
/* Comma-less chip row for array-of-scalars values. */
|
|
33115
|
-
.cn-object-data-widget__chips[data-v-
|
|
33283
|
+
.cn-object-data-widget__chips[data-v-344df010] {
|
|
33116
33284
|
display: flex;
|
|
33117
33285
|
flex-wrap: wrap;
|
|
33118
33286
|
gap: 4px;
|
|
33119
33287
|
}
|
|
33120
|
-
.cn-object-data-widget__chip[data-v-
|
|
33288
|
+
.cn-object-data-widget__chip[data-v-344df010] {
|
|
33121
33289
|
padding: 1px 8px;
|
|
33122
33290
|
border-radius: 12px;
|
|
33123
33291
|
background: var(--color-background-dark);
|
|
@@ -33125,37 +33293,37 @@ to { background-position: -200% 0;
|
|
|
33125
33293
|
}
|
|
33126
33294
|
|
|
33127
33295
|
/* Key: value definition list for a single plain-object value. */
|
|
33128
|
-
.cn-object-data-widget__deflist[data-v-
|
|
33296
|
+
.cn-object-data-widget__deflist[data-v-344df010] {
|
|
33129
33297
|
display: grid;
|
|
33130
33298
|
grid-template-columns: auto 1fr;
|
|
33131
33299
|
gap: 2px 8px;
|
|
33132
33300
|
margin: 0;
|
|
33133
33301
|
}
|
|
33134
|
-
.cn-object-data-widget__deflist dt[data-v-
|
|
33302
|
+
.cn-object-data-widget__deflist dt[data-v-344df010] {
|
|
33135
33303
|
color: var(--color-text-maxcontrast);
|
|
33136
33304
|
font-size: 0.9em;
|
|
33137
33305
|
}
|
|
33138
|
-
.cn-object-data-widget__deflist dd[data-v-
|
|
33306
|
+
.cn-object-data-widget__deflist dd[data-v-344df010] {
|
|
33139
33307
|
margin: 0;
|
|
33140
33308
|
overflow-wrap: anywhere;
|
|
33141
33309
|
}
|
|
33142
33310
|
|
|
33143
33311
|
/* A long description keeps its own paragraphs. Set on an inline span with no
|
|
33144
33312
|
surrounding template whitespace, so only the value's own line breaks show. */
|
|
33145
|
-
.cn-object-data-widget__deflist-text[data-v-
|
|
33313
|
+
.cn-object-data-widget__deflist-text[data-v-344df010] {
|
|
33146
33314
|
white-space: pre-wrap;
|
|
33147
33315
|
}
|
|
33148
|
-
.cn-object-data-widget__deflist--nested[data-v-
|
|
33316
|
+
.cn-object-data-widget__deflist--nested[data-v-344df010] {
|
|
33149
33317
|
padding-inline-start: 8px;
|
|
33150
33318
|
border-inline-start: 2px solid var(--color-border);
|
|
33151
33319
|
}
|
|
33152
33320
|
|
|
33153
33321
|
/* Responsive: collapse to single column on narrow widths */
|
|
33154
33322
|
@media (max-width: 600px) {
|
|
33155
|
-
.cn-object-data-widget__grid[data-v-
|
|
33323
|
+
.cn-object-data-widget__grid[data-v-344df010] {
|
|
33156
33324
|
grid-template-columns: 1fr !important;
|
|
33157
33325
|
}
|
|
33158
|
-
.cn-object-data-widget__cell[data-v-
|
|
33326
|
+
.cn-object-data-widget__cell[data-v-344df010] {
|
|
33159
33327
|
grid-column: span 1 !important;
|
|
33160
33328
|
grid-row: span 1 !important;
|
|
33161
33329
|
}
|
|
@@ -33281,13 +33449,13 @@ to { background-position: -200% 0;
|
|
|
33281
33449
|
}
|
|
33282
33450
|
|
|
33283
33451
|
|
|
33284
|
-
.cn-detail-widget-header-items[data-v-
|
|
33452
|
+
.cn-detail-widget-header-items[data-v-03e0f8bc] {
|
|
33285
33453
|
display: inline-flex;
|
|
33286
33454
|
flex-wrap: wrap;
|
|
33287
33455
|
align-items: center;
|
|
33288
33456
|
gap: 12px;
|
|
33289
33457
|
}
|
|
33290
|
-
.cn-detail-page__catalog-action[data-v-
|
|
33458
|
+
.cn-detail-page__catalog-action[data-v-03e0f8bc] {
|
|
33291
33459
|
align-items: center;
|
|
33292
33460
|
background: var(--color-primary-element-light);
|
|
33293
33461
|
border: 0;
|
|
@@ -33299,15 +33467,20 @@ to { background-position: -200% 0;
|
|
|
33299
33467
|
font-size: 13px;
|
|
33300
33468
|
font-weight: 700;
|
|
33301
33469
|
gap: 6px;
|
|
33302
|
-
margin: 0;
|
|
33303
33470
|
min-height: 32px;
|
|
33304
33471
|
padding: 0 14px;
|
|
33305
33472
|
white-space: nowrap;
|
|
33306
33473
|
}
|
|
33307
33474
|
|
|
33475
|
+
/* server.css gives every button `margin: 3px 3px 3px 0` at (0,2,1); the
|
|
33476
|
+
doubled class outranks it. */
|
|
33477
|
+
.cn-detail-page__catalog-action.cn-detail-page__catalog-action[data-v-03e0f8bc] {
|
|
33478
|
+
margin: 0;
|
|
33479
|
+
}
|
|
33480
|
+
|
|
33308
33481
|
|
|
33309
33482
|
/* The card keeps its own box, footnote included. */
|
|
33310
|
-
.cn-audit-trail-widget[data-v-
|
|
33483
|
+
.cn-audit-trail-widget[data-v-99c9557e] {
|
|
33311
33484
|
display: contents;
|
|
33312
33485
|
}
|
|
33313
33486
|
|
|
@@ -34551,7 +34724,7 @@ to { background-position: -200% 0;
|
|
|
34551
34724
|
}
|
|
34552
34725
|
|
|
34553
34726
|
|
|
34554
|
-
.cn-object-card[data-v-
|
|
34727
|
+
.cn-object-card[data-v-6e1fe7c7] {
|
|
34555
34728
|
display: flex;
|
|
34556
34729
|
gap: 12px;
|
|
34557
34730
|
padding: 16px;
|
|
@@ -34561,80 +34734,80 @@ to { background-position: -200% 0;
|
|
|
34561
34734
|
cursor: pointer;
|
|
34562
34735
|
transition: box-shadow 0.2s ease, border-color 0.2s ease;
|
|
34563
34736
|
}
|
|
34564
|
-
.cn-object-card[data-v-
|
|
34737
|
+
.cn-object-card[data-v-6e1fe7c7]:hover {
|
|
34565
34738
|
border-color: var(--color-primary-element);
|
|
34566
34739
|
box-shadow: 0 2px 8px var(--color-box-shadow);
|
|
34567
34740
|
}
|
|
34568
|
-
.cn-object-card--selected[data-v-
|
|
34741
|
+
.cn-object-card--selected[data-v-6e1fe7c7] {
|
|
34569
34742
|
border-color: var(--color-primary-element);
|
|
34570
34743
|
background: var(--color-primary-element-light);
|
|
34571
34744
|
}
|
|
34572
34745
|
|
|
34573
34746
|
/* The 4px start border takes 3px of padding, so the content stays put. */
|
|
34574
|
-
.cn-object-card.cn-object-card--accent[data-v-
|
|
34747
|
+
.cn-object-card.cn-object-card--accent[data-v-6e1fe7c7] {
|
|
34575
34748
|
border-inline-start-width: 4px;
|
|
34576
34749
|
padding-inline-start: 13px;
|
|
34577
34750
|
}
|
|
34578
|
-
.cn-object-card.cn-object-card--accent-success[data-v-
|
|
34751
|
+
.cn-object-card.cn-object-card--accent-success[data-v-6e1fe7c7] {
|
|
34579
34752
|
border-inline-start-color: var(--color-element-success);
|
|
34580
34753
|
}
|
|
34581
|
-
.cn-object-card.cn-object-card--accent-warning[data-v-
|
|
34754
|
+
.cn-object-card.cn-object-card--accent-warning[data-v-6e1fe7c7] {
|
|
34582
34755
|
border-inline-start-color: var(--color-element-warning);
|
|
34583
34756
|
}
|
|
34584
|
-
.cn-object-card.cn-object-card--accent-error[data-v-
|
|
34757
|
+
.cn-object-card.cn-object-card--accent-error[data-v-6e1fe7c7] {
|
|
34585
34758
|
border-inline-start-color: var(--color-element-error);
|
|
34586
34759
|
}
|
|
34587
|
-
.cn-object-card.cn-object-card--accent-info[data-v-
|
|
34760
|
+
.cn-object-card.cn-object-card--accent-info[data-v-6e1fe7c7] {
|
|
34588
34761
|
border-inline-start-color: var(--color-element-info);
|
|
34589
34762
|
}
|
|
34590
|
-
.cn-object-card.cn-object-card--accent-primary[data-v-
|
|
34763
|
+
.cn-object-card.cn-object-card--accent-primary[data-v-6e1fe7c7] {
|
|
34591
34764
|
border-inline-start-color: var(--color-primary-element);
|
|
34592
34765
|
}
|
|
34593
|
-
.cn-object-card__accent-icon[data-v-
|
|
34766
|
+
.cn-object-card__accent-icon[data-v-6e1fe7c7] {
|
|
34594
34767
|
display: inline-flex;
|
|
34595
34768
|
vertical-align: -2px;
|
|
34596
34769
|
margin-inline-end: 4px;
|
|
34597
34770
|
}
|
|
34598
|
-
.cn-object-card--accent-success .cn-object-card__accent-icon[data-v-
|
|
34771
|
+
.cn-object-card--accent-success .cn-object-card__accent-icon[data-v-6e1fe7c7] {
|
|
34599
34772
|
color: var(--color-text-success);
|
|
34600
34773
|
}
|
|
34601
|
-
.cn-object-card--accent-warning .cn-object-card__accent-icon[data-v-
|
|
34774
|
+
.cn-object-card--accent-warning .cn-object-card__accent-icon[data-v-6e1fe7c7] {
|
|
34602
34775
|
color: var(--color-text-warning);
|
|
34603
34776
|
}
|
|
34604
|
-
.cn-object-card--accent-error .cn-object-card__accent-icon[data-v-
|
|
34777
|
+
.cn-object-card--accent-error .cn-object-card__accent-icon[data-v-6e1fe7c7] {
|
|
34605
34778
|
color: var(--color-text-error);
|
|
34606
34779
|
}
|
|
34607
|
-
.cn-object-card--accent-info .cn-object-card__accent-icon[data-v-
|
|
34780
|
+
.cn-object-card--accent-info .cn-object-card__accent-icon[data-v-6e1fe7c7] {
|
|
34608
34781
|
color: var(--color-element-info);
|
|
34609
34782
|
}
|
|
34610
|
-
.cn-object-card--accent-primary .cn-object-card__accent-icon[data-v-
|
|
34783
|
+
.cn-object-card--accent-primary .cn-object-card__accent-icon[data-v-6e1fe7c7] {
|
|
34611
34784
|
color: var(--color-primary-element);
|
|
34612
34785
|
}
|
|
34613
|
-
.cn-object-card__checkbox[data-v-
|
|
34786
|
+
.cn-object-card__checkbox[data-v-6e1fe7c7] {
|
|
34614
34787
|
flex-shrink: 0;
|
|
34615
34788
|
padding-top: 2px;
|
|
34616
34789
|
}
|
|
34617
|
-
.cn-object-card__content[data-v-
|
|
34790
|
+
.cn-object-card__content[data-v-6e1fe7c7] {
|
|
34618
34791
|
flex: 1;
|
|
34619
34792
|
min-width: 0;
|
|
34620
34793
|
}
|
|
34621
|
-
.cn-object-card__header[data-v-
|
|
34794
|
+
.cn-object-card__header[data-v-6e1fe7c7] {
|
|
34622
34795
|
display: flex;
|
|
34623
34796
|
gap: 12px;
|
|
34624
34797
|
align-items: flex-start;
|
|
34625
34798
|
}
|
|
34626
|
-
.cn-object-card__image[data-v-
|
|
34799
|
+
.cn-object-card__image[data-v-6e1fe7c7] {
|
|
34627
34800
|
width: 48px;
|
|
34628
34801
|
height: 48px;
|
|
34629
34802
|
border-radius: var(--border-radius);
|
|
34630
34803
|
object-fit: cover;
|
|
34631
34804
|
flex-shrink: 0;
|
|
34632
34805
|
}
|
|
34633
|
-
.cn-object-card__title-area[data-v-
|
|
34806
|
+
.cn-object-card__title-area[data-v-6e1fe7c7] {
|
|
34634
34807
|
flex: 1;
|
|
34635
34808
|
min-width: 0;
|
|
34636
34809
|
}
|
|
34637
|
-
.cn-object-card__title[data-v-
|
|
34810
|
+
.cn-object-card__title[data-v-6e1fe7c7] {
|
|
34638
34811
|
margin: 0;
|
|
34639
34812
|
font-size: 16px;
|
|
34640
34813
|
font-weight: 600;
|
|
@@ -34643,16 +34816,16 @@ to { background-position: -200% 0;
|
|
|
34643
34816
|
text-overflow: ellipsis;
|
|
34644
34817
|
white-space: nowrap;
|
|
34645
34818
|
}
|
|
34646
|
-
.cn-object-card__description[data-v-
|
|
34819
|
+
.cn-object-card__description[data-v-6e1fe7c7] {
|
|
34647
34820
|
margin: 4px 0 0;
|
|
34648
34821
|
font-size: 13px;
|
|
34649
34822
|
color: var(--color-text-maxcontrast);
|
|
34650
34823
|
line-height: 1.4;
|
|
34651
34824
|
}
|
|
34652
|
-
.cn-object-card__badges[data-v-
|
|
34825
|
+
.cn-object-card__badges[data-v-6e1fe7c7] {
|
|
34653
34826
|
margin-top: 8px;
|
|
34654
34827
|
}
|
|
34655
|
-
.cn-object-card__metadata[data-v-
|
|
34828
|
+
.cn-object-card__metadata[data-v-6e1fe7c7] {
|
|
34656
34829
|
display: grid;
|
|
34657
34830
|
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
|
|
34658
34831
|
gap: 8px;
|
|
@@ -34660,19 +34833,19 @@ to { background-position: -200% 0;
|
|
|
34660
34833
|
padding-top: 12px;
|
|
34661
34834
|
border-top: 1px solid var(--color-border);
|
|
34662
34835
|
}
|
|
34663
|
-
.cn-object-card__meta-item[data-v-
|
|
34836
|
+
.cn-object-card__meta-item[data-v-6e1fe7c7] {
|
|
34664
34837
|
display: flex;
|
|
34665
34838
|
flex-direction: column;
|
|
34666
34839
|
gap: 2px;
|
|
34667
34840
|
}
|
|
34668
|
-
.cn-object-card__meta-label[data-v-
|
|
34841
|
+
.cn-object-card__meta-label[data-v-6e1fe7c7] {
|
|
34669
34842
|
font-size: 11px;
|
|
34670
34843
|
font-weight: 500;
|
|
34671
34844
|
color: var(--color-text-maxcontrast);
|
|
34672
34845
|
text-transform: uppercase;
|
|
34673
34846
|
letter-spacing: 0.3px;
|
|
34674
34847
|
}
|
|
34675
|
-
.cn-object-card__actions[data-v-
|
|
34848
|
+
.cn-object-card__actions[data-v-6e1fe7c7] {
|
|
34676
34849
|
flex-shrink: 0;
|
|
34677
34850
|
}
|
|
34678
34851
|
|
|
@@ -34711,7 +34884,7 @@ to { background-position: -200% 0;
|
|
|
34711
34884
|
|
|
34712
34885
|
|
|
34713
34886
|
/* The Nextcloud look: the stacked stepper, unchanged. */
|
|
34714
|
-
.cn-stepper[data-v-
|
|
34887
|
+
.cn-stepper[data-v-3d784176] {
|
|
34715
34888
|
display: flex;
|
|
34716
34889
|
align-items: flex-start;
|
|
34717
34890
|
justify-content: center;
|
|
@@ -34720,7 +34893,7 @@ to { background-position: -200% 0;
|
|
|
34720
34893
|
margin: 0 0 20px;
|
|
34721
34894
|
list-style: none;
|
|
34722
34895
|
}
|
|
34723
|
-
.cn-stepper__item[data-v-
|
|
34896
|
+
.cn-stepper__item[data-v-3d784176] {
|
|
34724
34897
|
position: relative;
|
|
34725
34898
|
flex: 1 1 0;
|
|
34726
34899
|
min-width: 0;
|
|
@@ -34732,7 +34905,7 @@ to { background-position: -200% 0;
|
|
|
34732
34905
|
color: var(--color-text-maxcontrast);
|
|
34733
34906
|
font-size: 0.8125rem;
|
|
34734
34907
|
}
|
|
34735
|
-
.cn-stepper__step[data-v-
|
|
34908
|
+
.cn-stepper__step[data-v-3d784176] {
|
|
34736
34909
|
display: flex;
|
|
34737
34910
|
flex-direction: column;
|
|
34738
34911
|
align-items: center;
|
|
@@ -34745,10 +34918,18 @@ to { background-position: -200% 0;
|
|
|
34745
34918
|
color: inherit;
|
|
34746
34919
|
font: inherit;
|
|
34747
34920
|
}
|
|
34748
|
-
|
|
34921
|
+
|
|
34922
|
+
/* Nextcloud's server.css gives every plain button a 3px margin and the
|
|
34923
|
+
clickable-area height (`button:not(.button-vue, …):not(…)`, 0,2,1), which
|
|
34924
|
+
made a done step 40px tall around its 28px circle. Two classes outrank it. */
|
|
34925
|
+
.cn-stepper button.cn-stepper__step[data-v-3d784176] {
|
|
34926
|
+
margin: 0;
|
|
34927
|
+
min-height: 0;
|
|
34928
|
+
}
|
|
34929
|
+
button.cn-stepper__step[data-v-3d784176] {
|
|
34749
34930
|
cursor: pointer;
|
|
34750
34931
|
}
|
|
34751
|
-
.cn-stepper__dot[data-v-
|
|
34932
|
+
.cn-stepper__dot[data-v-3d784176] {
|
|
34752
34933
|
display: inline-flex;
|
|
34753
34934
|
align-items: center;
|
|
34754
34935
|
justify-content: center;
|
|
@@ -34763,17 +34944,17 @@ button.cn-stepper__step[data-v-3cab4d7d] {
|
|
|
34763
34944
|
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
|
|
34764
34945
|
z-index: 1;
|
|
34765
34946
|
}
|
|
34766
|
-
.cn-wizard-dialog__progress-check[data-v-
|
|
34947
|
+
.cn-wizard-dialog__progress-check[data-v-3d784176] {
|
|
34767
34948
|
font-size: 16px;
|
|
34768
34949
|
line-height: 1;
|
|
34769
34950
|
}
|
|
34770
|
-
.cn-stepper__label[data-v-
|
|
34951
|
+
.cn-stepper__label[data-v-3d784176] {
|
|
34771
34952
|
max-width: 100%;
|
|
34772
34953
|
overflow: hidden;
|
|
34773
34954
|
text-overflow: ellipsis;
|
|
34774
34955
|
white-space: nowrap;
|
|
34775
34956
|
}
|
|
34776
|
-
.cn-stepper__connector[data-v-
|
|
34957
|
+
.cn-stepper__connector[data-v-3d784176] {
|
|
34777
34958
|
position: absolute;
|
|
34778
34959
|
top: 17px;
|
|
34779
34960
|
left: calc(50% + 21px);
|
|
@@ -34781,26 +34962,26 @@ button.cn-stepper__step[data-v-3cab4d7d] {
|
|
|
34781
34962
|
height: 2px;
|
|
34782
34963
|
background: var(--color-border-dark);
|
|
34783
34964
|
}
|
|
34784
|
-
.cn-stepper__connector--done[data-v-
|
|
34965
|
+
.cn-stepper__connector--done[data-v-3d784176] {
|
|
34785
34966
|
background: var(--color-primary-element);
|
|
34786
34967
|
}
|
|
34787
|
-
.cn-stepper__item--current .cn-stepper__dot[data-v-
|
|
34788
|
-
.cn-stepper__item--done .cn-stepper__dot[data-v-
|
|
34968
|
+
.cn-stepper__item--current .cn-stepper__dot[data-v-3d784176],
|
|
34969
|
+
.cn-stepper__item--done .cn-stepper__dot[data-v-3d784176] {
|
|
34789
34970
|
border-color: var(--color-primary-element);
|
|
34790
34971
|
background: var(--color-primary-element);
|
|
34791
34972
|
color: var(--color-primary-element-text, #fff);
|
|
34792
34973
|
}
|
|
34793
|
-
.cn-stepper__item--current .cn-stepper__label[data-v-
|
|
34974
|
+
.cn-stepper__item--current .cn-stepper__label[data-v-3d784176] {
|
|
34794
34975
|
color: var(--color-main-text);
|
|
34795
34976
|
font-weight: 600;
|
|
34796
34977
|
}
|
|
34797
|
-
.cn-stepper__item--done .cn-stepper__label[data-v-
|
|
34978
|
+
.cn-stepper__item--done .cn-stepper__label[data-v-3d784176] {
|
|
34798
34979
|
color: var(--color-main-text);
|
|
34799
34980
|
}
|
|
34800
|
-
.cn-stepper__item--done button.cn-stepper__step:hover .cn-stepper__label[data-v-
|
|
34981
|
+
.cn-stepper__item--done button.cn-stepper__step:hover .cn-stepper__label[data-v-3d784176] {
|
|
34801
34982
|
color: var(--color-primary-element);
|
|
34802
34983
|
}
|
|
34803
|
-
.cn-stepper__sr[data-v-
|
|
34984
|
+
.cn-stepper__sr[data-v-3d784176] {
|
|
34804
34985
|
position: absolute;
|
|
34805
34986
|
width: 1px;
|
|
34806
34987
|
height: 1px;
|
|
@@ -34811,16 +34992,16 @@ button.cn-stepper__step[data-v-3cab4d7d] {
|
|
|
34811
34992
|
}
|
|
34812
34993
|
|
|
34813
34994
|
/* The board look: one row, 28px circles, the label beside the circle. */
|
|
34814
|
-
/* The board leaves
|
|
34815
|
-
.cn-stepper--board[data-v-
|
|
34995
|
+
/* The board leaves 16px between the stepper and the step's body (DqInstellen). */
|
|
34996
|
+
.cn-stepper--board[data-v-3d784176] {
|
|
34816
34997
|
flex-wrap: wrap;
|
|
34817
34998
|
align-items: center;
|
|
34818
34999
|
justify-content: flex-start;
|
|
34819
35000
|
gap: 8px;
|
|
34820
35001
|
padding: 0;
|
|
34821
|
-
margin: 0 0
|
|
35002
|
+
margin: 0 0 16px;
|
|
34822
35003
|
}
|
|
34823
|
-
.cn-stepper--board .cn-stepper__item[data-v-
|
|
35004
|
+
.cn-stepper--board .cn-stepper__item[data-v-3d784176] {
|
|
34824
35005
|
flex: 0 1 auto;
|
|
34825
35006
|
flex-direction: row;
|
|
34826
35007
|
align-items: center;
|
|
@@ -34828,67 +35009,67 @@ button.cn-stepper__step[data-v-3cab4d7d] {
|
|
|
34828
35009
|
max-width: none;
|
|
34829
35010
|
font-size: 14px;
|
|
34830
35011
|
}
|
|
34831
|
-
.cn-stepper--board .cn-stepper__item[data-v-
|
|
35012
|
+
.cn-stepper--board .cn-stepper__item[data-v-3d784176]:not(:last-child) {
|
|
34832
35013
|
flex: 1 1 auto;
|
|
34833
35014
|
}
|
|
34834
|
-
.cn-stepper--board .cn-stepper__step[data-v-
|
|
35015
|
+
.cn-stepper--board .cn-stepper__step[data-v-3d784176] {
|
|
34835
35016
|
flex-direction: row;
|
|
34836
35017
|
gap: 8px;
|
|
34837
35018
|
}
|
|
34838
|
-
.cn-stepper--board .cn-stepper__dot[data-v-
|
|
35019
|
+
.cn-stepper--board .cn-stepper__dot[data-v-3d784176] {
|
|
34839
35020
|
flex: 0 0 auto;
|
|
34840
35021
|
width: 28px;
|
|
34841
35022
|
height: 28px;
|
|
34842
35023
|
font-size: 14px;
|
|
34843
35024
|
}
|
|
34844
|
-
.cn-stepper--board .cn-stepper__label[data-v-
|
|
35025
|
+
.cn-stepper--board .cn-stepper__label[data-v-3d784176] {
|
|
34845
35026
|
overflow: visible;
|
|
34846
35027
|
text-overflow: clip;
|
|
34847
35028
|
white-space: nowrap;
|
|
34848
35029
|
font-size: 14px;
|
|
34849
35030
|
}
|
|
34850
|
-
.cn-stepper--board .cn-stepper__connector[data-v-
|
|
35031
|
+
.cn-stepper--board .cn-stepper__connector[data-v-3d784176] {
|
|
34851
35032
|
position: static;
|
|
34852
35033
|
flex: 1 1 24px;
|
|
34853
35034
|
min-width: 16px;
|
|
34854
35035
|
height: 2px;
|
|
34855
35036
|
background: var(--color-border);
|
|
34856
35037
|
}
|
|
34857
|
-
.cn-stepper--board .cn-stepper__connector--done[data-v-
|
|
35038
|
+
.cn-stepper--board .cn-stepper__connector--done[data-v-3d784176] {
|
|
34858
35039
|
background: var(--color-success);
|
|
34859
35040
|
}
|
|
34860
35041
|
|
|
34861
35042
|
/* Done: filled success circle, 16px check, secondary label. */
|
|
34862
|
-
.cn-stepper--board .cn-stepper__item--done .cn-stepper__dot[data-v-
|
|
35043
|
+
.cn-stepper--board .cn-stepper__item--done .cn-stepper__dot[data-v-3d784176] {
|
|
34863
35044
|
border-color: var(--color-success);
|
|
34864
35045
|
background: var(--color-success);
|
|
34865
35046
|
color: var(--color-success-text, #fff);
|
|
34866
35047
|
}
|
|
34867
|
-
.cn-stepper--board .cn-stepper__item--done .cn-stepper__label[data-v-
|
|
35048
|
+
.cn-stepper--board .cn-stepper__item--done .cn-stepper__label[data-v-3d784176] {
|
|
34868
35049
|
color: var(--cn-board-text-soft, var(--color-main-text));
|
|
34869
35050
|
font-weight: 400;
|
|
34870
35051
|
}
|
|
34871
35052
|
|
|
34872
35053
|
/* Current: filled primary, number 14/700, label 14/700 in the main text colour. */
|
|
34873
|
-
.cn-stepper--board .cn-stepper__item--current .cn-stepper__dot[data-v-
|
|
35054
|
+
.cn-stepper--board .cn-stepper__item--current .cn-stepper__dot[data-v-3d784176] {
|
|
34874
35055
|
border-color: var(--color-primary-element);
|
|
34875
35056
|
background: var(--color-primary-element);
|
|
34876
35057
|
color: var(--color-primary-element-text, #fff);
|
|
34877
35058
|
font-weight: 700;
|
|
34878
35059
|
}
|
|
34879
|
-
.cn-stepper--board .cn-stepper__item--current .cn-stepper__label[data-v-
|
|
35060
|
+
.cn-stepper--board .cn-stepper__item--current .cn-stepper__label[data-v-3d784176] {
|
|
34880
35061
|
color: var(--color-main-text);
|
|
34881
35062
|
font-weight: 700;
|
|
34882
35063
|
}
|
|
34883
35064
|
|
|
34884
35065
|
/* Upcoming: 2px outline, number 14/600, label in the max-contrast tone. */
|
|
34885
|
-
.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__dot[data-v-
|
|
35066
|
+
.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__dot[data-v-3d784176] {
|
|
34886
35067
|
border: 2px solid var(--color-border-dark);
|
|
34887
35068
|
background: transparent;
|
|
34888
35069
|
color: var(--color-text-maxcontrast);
|
|
34889
35070
|
font-weight: 600;
|
|
34890
35071
|
}
|
|
34891
|
-
.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__label[data-v-
|
|
35072
|
+
.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__label[data-v-3d784176] {
|
|
34892
35073
|
color: var(--color-text-maxcontrast);
|
|
34893
35074
|
}
|
|
34894
35075
|
|
|
@@ -39385,41 +39566,41 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
|
|
|
39385
39566
|
}
|
|
39386
39567
|
|
|
39387
39568
|
|
|
39388
|
-
.cn-flow-runs-widget[data-v-
|
|
39569
|
+
.cn-flow-runs-widget[data-v-2f2e3e42] {
|
|
39389
39570
|
display: flex;
|
|
39390
39571
|
flex-direction: column;
|
|
39391
39572
|
gap: 2px;
|
|
39392
39573
|
min-width: 0;
|
|
39393
39574
|
}
|
|
39394
|
-
.cn-flow-runs-widget__loading[data-v-
|
|
39575
|
+
.cn-flow-runs-widget__loading[data-v-2f2e3e42] {
|
|
39395
39576
|
display: flex;
|
|
39396
39577
|
justify-content: center;
|
|
39397
39578
|
padding: 8px 0;
|
|
39398
39579
|
}
|
|
39399
|
-
.cn-flow-runs-widget__empty[data-v-
|
|
39400
|
-
.cn-flow-runs-widget__error[data-v-
|
|
39401
|
-
.cn-flow-runs-widget__more[data-v-
|
|
39580
|
+
.cn-flow-runs-widget__empty[data-v-2f2e3e42],
|
|
39581
|
+
.cn-flow-runs-widget__error[data-v-2f2e3e42],
|
|
39582
|
+
.cn-flow-runs-widget__more[data-v-2f2e3e42] {
|
|
39402
39583
|
margin: 0;
|
|
39403
39584
|
color: var(--color-text-maxcontrast);
|
|
39404
39585
|
font-size: 13px;
|
|
39405
39586
|
}
|
|
39406
|
-
.cn-flow-runs-widget__more[data-v-
|
|
39587
|
+
.cn-flow-runs-widget__more[data-v-2f2e3e42] {
|
|
39407
39588
|
padding-top: 4px;
|
|
39408
39589
|
}
|
|
39409
|
-
.cn-flow-runs-widget__list[data-v-
|
|
39590
|
+
.cn-flow-runs-widget__list[data-v-2f2e3e42] {
|
|
39410
39591
|
list-style: none;
|
|
39411
39592
|
margin: 0;
|
|
39412
39593
|
padding: 0;
|
|
39413
39594
|
min-width: 0;
|
|
39414
39595
|
}
|
|
39415
|
-
.cn-flow-runs-widget__row[data-v-
|
|
39596
|
+
.cn-flow-runs-widget__row[data-v-2f2e3e42] {
|
|
39416
39597
|
border-bottom: 1px solid var(--color-border);
|
|
39417
39598
|
min-width: 0;
|
|
39418
39599
|
}
|
|
39419
|
-
.cn-flow-runs-widget__row[data-v-
|
|
39600
|
+
.cn-flow-runs-widget__row[data-v-2f2e3e42]:last-child {
|
|
39420
39601
|
border-bottom: none;
|
|
39421
39602
|
}
|
|
39422
|
-
.cn-flow-runs-widget__row-content[data-v-
|
|
39603
|
+
.cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
|
|
39423
39604
|
display: flex;
|
|
39424
39605
|
align-items: center;
|
|
39425
39606
|
gap: 10px;
|
|
@@ -39428,10 +39609,10 @@ tr.file-picker__row td.row-name[data-v-1f96131b] {
|
|
|
39428
39609
|
color: inherit;
|
|
39429
39610
|
text-decoration: none;
|
|
39430
39611
|
}
|
|
39431
|
-
a.cn-flow-runs-widget__row-content[data-v-
|
|
39612
|
+
a.cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
|
|
39432
39613
|
cursor: pointer;
|
|
39433
39614
|
}
|
|
39434
|
-
.cn-flow-runs-widget__dot[data-v-
|
|
39615
|
+
.cn-flow-runs-widget__dot[data-v-2f2e3e42] {
|
|
39435
39616
|
flex: 0 0 auto;
|
|
39436
39617
|
width: 8px;
|
|
39437
39618
|
height: 8px;
|
|
@@ -39440,40 +39621,40 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
|
|
|
39440
39621
|
}
|
|
39441
39622
|
|
|
39442
39623
|
/* Executing now — the primary colour, and the only row that animates. */
|
|
39443
|
-
.cn-flow-runs-widget__dot--running[data-v-
|
|
39624
|
+
.cn-flow-runs-widget__dot--running[data-v-2f2e3e42] {
|
|
39444
39625
|
background: var(--color-primary-element, #0082c9);
|
|
39445
|
-
animation: cn-flow-runs-pulse-
|
|
39626
|
+
animation: cn-flow-runs-pulse-2f2e3e42 1.6s ease-in-out infinite;
|
|
39446
39627
|
}
|
|
39447
|
-
.cn-flow-runs-widget__dot--queued[data-v-
|
|
39628
|
+
.cn-flow-runs-widget__dot--queued[data-v-2f2e3e42] {
|
|
39448
39629
|
background: var(--color-warning, #c28900);
|
|
39449
39630
|
}
|
|
39450
|
-
.cn-flow-runs-widget__dot--suspended[data-v-
|
|
39631
|
+
.cn-flow-runs-widget__dot--suspended[data-v-2f2e3e42] {
|
|
39451
39632
|
background: var(--color-text-maxcontrast);
|
|
39452
39633
|
}
|
|
39453
39634
|
|
|
39454
39635
|
/* Terminal rows: the dot is a hollow RING, so live (filled) and finished
|
|
39455
39636
|
(hollow) never differ by colour alone. The per-status colour still rides
|
|
39456
39637
|
on the ring's border. */
|
|
39457
|
-
.cn-flow-runs-widget__dot--terminal[data-v-
|
|
39638
|
+
.cn-flow-runs-widget__dot--terminal[data-v-2f2e3e42] {
|
|
39458
39639
|
width: 6px;
|
|
39459
39640
|
height: 6px;
|
|
39460
39641
|
background: transparent;
|
|
39461
39642
|
border: 2px solid var(--color-text-maxcontrast);
|
|
39462
39643
|
}
|
|
39463
|
-
.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--completed[data-v-
|
|
39644
|
+
.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--completed[data-v-2f2e3e42] {
|
|
39464
39645
|
border-color: var(--color-success, #2d7b41);
|
|
39465
39646
|
}
|
|
39466
|
-
.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--failed[data-v-
|
|
39467
|
-
.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--dead_letter[data-v-
|
|
39647
|
+
.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--failed[data-v-2f2e3e42],
|
|
39648
|
+
.cn-flow-runs-widget__dot--terminal.cn-flow-runs-widget__dot--dead_letter[data-v-2f2e3e42] {
|
|
39468
39649
|
border-color: var(--color-error, #d91f2d);
|
|
39469
39650
|
}
|
|
39470
|
-
.cn-flow-runs-widget__body[data-v-
|
|
39651
|
+
.cn-flow-runs-widget__body[data-v-2f2e3e42] {
|
|
39471
39652
|
display: flex;
|
|
39472
39653
|
flex-direction: column;
|
|
39473
39654
|
min-width: 0;
|
|
39474
39655
|
flex: 1 1 auto;
|
|
39475
39656
|
}
|
|
39476
|
-
.cn-flow-runs-widget__name[data-v-
|
|
39657
|
+
.cn-flow-runs-widget__name[data-v-2f2e3e42] {
|
|
39477
39658
|
font-weight: 600;
|
|
39478
39659
|
white-space: nowrap;
|
|
39479
39660
|
overflow: hidden;
|
|
@@ -39483,7 +39664,7 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
|
|
|
39483
39664
|
/* Finished runs read as history: regular weight, muted colour. The hollow
|
|
39484
39665
|
dot and the section label carry the distinction for anyone who cannot
|
|
39485
39666
|
rely on colour. */
|
|
39486
|
-
.cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-
|
|
39667
|
+
.cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-2f2e3e42] {
|
|
39487
39668
|
font-weight: 400;
|
|
39488
39669
|
color: var(--color-text-maxcontrast);
|
|
39489
39670
|
}
|
|
@@ -39493,17 +39674,17 @@ a.cn-flow-runs-widget__row-content[data-v-76cc4912] {
|
|
|
39493
39674
|
order because the cascade then depends on specificity rather than
|
|
39494
39675
|
source order — the shape that quietly stops working when someone adds
|
|
39495
39676
|
a competing rule. */
|
|
39496
|
-
a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-
|
|
39677
|
+
a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-2f2e3e42] {
|
|
39497
39678
|
text-decoration: underline;
|
|
39498
39679
|
}
|
|
39499
|
-
.cn-flow-runs-widget__meta[data-v-
|
|
39680
|
+
.cn-flow-runs-widget__meta[data-v-2f2e3e42] {
|
|
39500
39681
|
color: var(--color-text-maxcontrast);
|
|
39501
39682
|
font-size: 12px;
|
|
39502
39683
|
white-space: nowrap;
|
|
39503
39684
|
overflow: hidden;
|
|
39504
39685
|
text-overflow: ellipsis;
|
|
39505
39686
|
}
|
|
39506
|
-
.cn-flow-runs-widget__age[data-v-
|
|
39687
|
+
.cn-flow-runs-widget__age[data-v-2f2e3e42] {
|
|
39507
39688
|
flex: 0 0 auto;
|
|
39508
39689
|
color: var(--color-text-maxcontrast);
|
|
39509
39690
|
font-size: 12px;
|
|
@@ -39512,7 +39693,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
39512
39693
|
|
|
39513
39694
|
/* The history section label. Small caps text, not a colour: the section
|
|
39514
39695
|
boundary must survive monochrome. */
|
|
39515
|
-
.cn-flow-runs-widget__history-title[data-v-
|
|
39696
|
+
.cn-flow-runs-widget__history-title[data-v-2f2e3e42] {
|
|
39516
39697
|
margin: 0;
|
|
39517
39698
|
padding-top: 8px;
|
|
39518
39699
|
color: var(--color-text-maxcontrast);
|
|
@@ -39521,7 +39702,39 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
39521
39702
|
text-transform: uppercase;
|
|
39522
39703
|
letter-spacing: 0.04em;
|
|
39523
39704
|
}
|
|
39524
|
-
|
|
39705
|
+
|
|
39706
|
+
/* Status pills: each row ruled on top, the name over its meta line, the pill
|
|
39707
|
+
and the start moment at the end, as the Dq case boards draw the Flows card. */
|
|
39708
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__row[data-v-2f2e3e42] {
|
|
39709
|
+
border-top: 1px solid var(--color-border);
|
|
39710
|
+
border-bottom: none;
|
|
39711
|
+
}
|
|
39712
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__row-content[data-v-2f2e3e42] {
|
|
39713
|
+
flex-wrap: wrap;
|
|
39714
|
+
gap: 6px 16px;
|
|
39715
|
+
padding: 11px 0;
|
|
39716
|
+
}
|
|
39717
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__body[data-v-2f2e3e42] {
|
|
39718
|
+
flex: 1 1 260px;
|
|
39719
|
+
gap: 2px;
|
|
39720
|
+
}
|
|
39721
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__name[data-v-2f2e3e42],
|
|
39722
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__row--terminal .cn-flow-runs-widget__name[data-v-2f2e3e42] {
|
|
39723
|
+
font-size: 15px;
|
|
39724
|
+
font-weight: 500;
|
|
39725
|
+
color: var(--color-main-text);
|
|
39726
|
+
white-space: normal;
|
|
39727
|
+
}
|
|
39728
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__meta[data-v-2f2e3e42] {
|
|
39729
|
+
font-size: 13px;
|
|
39730
|
+
white-space: normal;
|
|
39731
|
+
}
|
|
39732
|
+
.cn-flow-runs-widget--pills .cn-flow-runs-widget__age[data-v-2f2e3e42] {
|
|
39733
|
+
flex: 0 0 104px;
|
|
39734
|
+
font-size: 13px;
|
|
39735
|
+
text-align: end;
|
|
39736
|
+
}
|
|
39737
|
+
@keyframes cn-flow-runs-pulse-2f2e3e42 {
|
|
39525
39738
|
0%, 100% { opacity: 1;
|
|
39526
39739
|
}
|
|
39527
39740
|
50% { opacity: 0.35;
|
|
@@ -39531,7 +39744,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
39531
39744
|
/* Respect a reduced-motion preference: the pulse is decoration, and the dot
|
|
39532
39745
|
colour already carries the status. */
|
|
39533
39746
|
@media (prefers-reduced-motion: reduce) {
|
|
39534
|
-
.cn-flow-runs-widget__dot--running[data-v-
|
|
39747
|
+
.cn-flow-runs-widget__dot--running[data-v-2f2e3e42] {
|
|
39535
39748
|
animation: none;
|
|
39536
39749
|
}
|
|
39537
39750
|
}
|
|
@@ -40581,13 +40794,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40581
40794
|
}
|
|
40582
40795
|
|
|
40583
40796
|
|
|
40584
|
-
.cn-facts-widget[data-v-
|
|
40797
|
+
.cn-facts-widget[data-v-e627249e] {
|
|
40585
40798
|
display: flex;
|
|
40586
40799
|
flex-direction: column;
|
|
40587
40800
|
gap: 10px;
|
|
40588
40801
|
min-width: 0;
|
|
40589
40802
|
}
|
|
40590
|
-
.cn-facts-widget__pills[data-v-
|
|
40803
|
+
.cn-facts-widget__pills[data-v-e627249e] {
|
|
40591
40804
|
display: flex;
|
|
40592
40805
|
flex-wrap: wrap;
|
|
40593
40806
|
gap: 8px;
|
|
@@ -40596,7 +40809,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40596
40809
|
/* `padding: 0`: Nextcloud's core stylesheet pads every `dl` 12px at the top
|
|
40597
40810
|
and bottom, which put a side card's facts 24px under its title, against
|
|
40598
40811
|
the board's 12 (DqZaak "Behandeling", DqZaakDocumenten). */
|
|
40599
|
-
.cn-facts-widget__rows[data-v-
|
|
40812
|
+
.cn-facts-widget__rows[data-v-e627249e] {
|
|
40600
40813
|
display: grid;
|
|
40601
40814
|
grid-template-columns: max-content 1fr;
|
|
40602
40815
|
gap: 8px 16px;
|
|
@@ -40606,17 +40819,17 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40606
40819
|
}
|
|
40607
40820
|
|
|
40608
40821
|
/* Each row is a grid of its own children: the wrapper takes no box. */
|
|
40609
|
-
.cn-facts-widget__row[data-v-
|
|
40822
|
+
.cn-facts-widget__row[data-v-e627249e] {
|
|
40610
40823
|
display: contents;
|
|
40611
40824
|
}
|
|
40612
|
-
.cn-facts-widget__row--inline[data-v-
|
|
40825
|
+
.cn-facts-widget__row--inline[data-v-e627249e] {
|
|
40613
40826
|
display: flex;
|
|
40614
40827
|
grid-column: 1 / -1;
|
|
40615
40828
|
flex-wrap: wrap;
|
|
40616
40829
|
align-items: center;
|
|
40617
40830
|
gap: 10px;
|
|
40618
40831
|
}
|
|
40619
|
-
.cn-facts-widget__row--inline .cn-facts-widget__value[data-v-
|
|
40832
|
+
.cn-facts-widget__row--inline .cn-facts-widget__value[data-v-e627249e] {
|
|
40620
40833
|
display: flex;
|
|
40621
40834
|
flex-wrap: wrap;
|
|
40622
40835
|
align-items: center;
|
|
@@ -40628,14 +40841,14 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40628
40841
|
12px around both and widened the label column to 130px. The class is
|
|
40629
40842
|
doubled so these resets outrank that rule, and a dossiq-style `:deep()`
|
|
40630
40843
|
override in an app is not needed. */
|
|
40631
|
-
.cn-facts-widget__label.cn-facts-widget__label[data-v-
|
|
40844
|
+
.cn-facts-widget__label.cn-facts-widget__label[data-v-e627249e] {
|
|
40632
40845
|
width: auto;
|
|
40633
40846
|
margin: 0;
|
|
40634
40847
|
padding: 0;
|
|
40635
40848
|
text-align: start;
|
|
40636
40849
|
color: var(--color-text-maxcontrast);
|
|
40637
40850
|
}
|
|
40638
|
-
.cn-facts-widget__value.cn-facts-widget__value[data-v-
|
|
40851
|
+
.cn-facts-widget__value.cn-facts-widget__value[data-v-e627249e] {
|
|
40639
40852
|
margin: 0;
|
|
40640
40853
|
padding: 0;
|
|
40641
40854
|
text-align: start;
|
|
@@ -40643,56 +40856,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40643
40856
|
min-width: 0;
|
|
40644
40857
|
overflow-wrap: anywhere;
|
|
40645
40858
|
}
|
|
40646
|
-
.cn-facts-widget__title[data-v-
|
|
40859
|
+
.cn-facts-widget__title[data-v-e627249e] {
|
|
40647
40860
|
font-size: 15px;
|
|
40648
40861
|
font-weight: 600;
|
|
40649
40862
|
color: var(--color-main-text);
|
|
40650
40863
|
}
|
|
40651
|
-
.cn-facts-widget__line[data-v-
|
|
40864
|
+
.cn-facts-widget__line[data-v-e627249e] {
|
|
40652
40865
|
font-size: 13px;
|
|
40653
40866
|
color: var(--color-text-maxcontrast);
|
|
40654
40867
|
}
|
|
40655
|
-
.cn-facts-widget__meter[data-v-
|
|
40868
|
+
.cn-facts-widget__meter[data-v-e627249e] {
|
|
40656
40869
|
display: flex;
|
|
40657
40870
|
flex-direction: column;
|
|
40658
40871
|
gap: 4px;
|
|
40659
40872
|
font-size: 14px;
|
|
40660
40873
|
}
|
|
40661
|
-
.cn-facts-widget__meter-head[data-v-
|
|
40874
|
+
.cn-facts-widget__meter-head[data-v-e627249e] {
|
|
40662
40875
|
display: flex;
|
|
40663
40876
|
justify-content: space-between;
|
|
40664
40877
|
gap: 16px;
|
|
40665
40878
|
}
|
|
40666
|
-
.cn-facts-widget__meter-label[data-v-
|
|
40879
|
+
.cn-facts-widget__meter-label[data-v-e627249e] {
|
|
40667
40880
|
color: var(--color-text-maxcontrast);
|
|
40668
40881
|
}
|
|
40669
|
-
.cn-facts-widget__meter-value[data-v-
|
|
40882
|
+
.cn-facts-widget__meter-value[data-v-e627249e] {
|
|
40670
40883
|
font-weight: 500;
|
|
40671
40884
|
text-align: end;
|
|
40672
40885
|
}
|
|
40673
|
-
.cn-facts-widget__meter-track[data-v-
|
|
40886
|
+
.cn-facts-widget__meter-track[data-v-e627249e] {
|
|
40674
40887
|
height: 6px;
|
|
40675
40888
|
border-radius: 3px;
|
|
40676
40889
|
background: var(--color-background-darker);
|
|
40677
40890
|
overflow: hidden;
|
|
40678
40891
|
}
|
|
40679
|
-
.cn-facts-widget__meter-bar[data-v-
|
|
40892
|
+
.cn-facts-widget__meter-bar[data-v-e627249e] {
|
|
40680
40893
|
display: block;
|
|
40681
40894
|
height: 100%;
|
|
40682
40895
|
border-radius: inherit;
|
|
40683
40896
|
background: var(--color-primary-element);
|
|
40684
40897
|
}
|
|
40685
|
-
.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-
|
|
40898
|
+
.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-e627249e] {
|
|
40686
40899
|
color: var(--color-error-text);
|
|
40687
40900
|
}
|
|
40688
|
-
.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-
|
|
40901
|
+
.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-e627249e] {
|
|
40689
40902
|
background: var(--color-error);
|
|
40690
40903
|
}
|
|
40691
|
-
.cn-facts-widget__muted[data-v-
|
|
40904
|
+
.cn-facts-widget__muted[data-v-e627249e] {
|
|
40692
40905
|
margin: 0;
|
|
40693
40906
|
color: var(--color-text-maxcontrast);
|
|
40694
40907
|
}
|
|
40695
|
-
.cn-facts-widget__label .hidden-visually[data-v-
|
|
40908
|
+
.cn-facts-widget__label .hidden-visually[data-v-e627249e] {
|
|
40696
40909
|
clip-path: inset(50%);
|
|
40697
40910
|
height: 1px;
|
|
40698
40911
|
overflow: hidden;
|
|
@@ -40700,27 +40913,27 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40700
40913
|
white-space: nowrap;
|
|
40701
40914
|
width: 1px;
|
|
40702
40915
|
}
|
|
40703
|
-
.cn-facts-widget__label--icon[data-v-
|
|
40916
|
+
.cn-facts-widget__label--icon[data-v-e627249e] {
|
|
40704
40917
|
align-items: center;
|
|
40705
40918
|
display: flex;
|
|
40706
40919
|
}
|
|
40707
|
-
.cn-facts-widget__value-link[data-v-
|
|
40920
|
+
.cn-facts-widget__value-link[data-v-e627249e] {
|
|
40708
40921
|
color: var(--color-primary-element);
|
|
40709
40922
|
text-decoration: underline;
|
|
40710
40923
|
}
|
|
40711
|
-
.cn-facts-widget__inline-button[data-v-
|
|
40712
|
-
.cn-facts-widget__icon-button[data-v-
|
|
40713
|
-
.cn-facts-widget__action[data-v-
|
|
40924
|
+
.cn-facts-widget__inline-button[data-v-e627249e],
|
|
40925
|
+
.cn-facts-widget__icon-button[data-v-e627249e],
|
|
40926
|
+
.cn-facts-widget__action[data-v-e627249e] {
|
|
40714
40927
|
align-items: center;
|
|
40715
40928
|
cursor: pointer;
|
|
40716
40929
|
display: inline-flex;
|
|
40717
40930
|
font: inherit;
|
|
40718
40931
|
}
|
|
40719
|
-
.cn-facts-widget__reveal-error[data-v-
|
|
40932
|
+
.cn-facts-widget__reveal-error[data-v-e627249e] {
|
|
40720
40933
|
font-size: 13px;
|
|
40721
40934
|
color: var(--color-text-error, var(--color-error));
|
|
40722
40935
|
}
|
|
40723
|
-
.cn-facts-widget__inline-button[data-v-
|
|
40936
|
+
.cn-facts-widget__inline-button[data-v-e627249e] {
|
|
40724
40937
|
background: var(--color-main-background);
|
|
40725
40938
|
border: 1px solid var(--color-border-dark);
|
|
40726
40939
|
border-radius: 16px;
|
|
@@ -40732,7 +40945,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40732
40945
|
min-height: 30px;
|
|
40733
40946
|
padding: 0 10px;
|
|
40734
40947
|
}
|
|
40735
|
-
.cn-facts-widget__icon-button[data-v-
|
|
40948
|
+
.cn-facts-widget__icon-button[data-v-e627249e] {
|
|
40736
40949
|
background: transparent;
|
|
40737
40950
|
border: 0;
|
|
40738
40951
|
border-radius: 6px;
|
|
@@ -40741,23 +40954,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40741
40954
|
padding: 2px;
|
|
40742
40955
|
vertical-align: middle;
|
|
40743
40956
|
}
|
|
40744
|
-
.cn-facts-widget__icon-button[data-v-
|
|
40745
|
-
.cn-facts-widget__icon-button[data-v-
|
|
40957
|
+
.cn-facts-widget__icon-button[data-v-e627249e]:hover,
|
|
40958
|
+
.cn-facts-widget__icon-button[data-v-e627249e]:focus-visible {
|
|
40746
40959
|
background: var(--color-background-hover);
|
|
40747
40960
|
color: var(--color-main-text);
|
|
40748
40961
|
}
|
|
40749
|
-
.cn-facts-widget__text[data-v-
|
|
40962
|
+
.cn-facts-widget__text[data-v-e627249e] {
|
|
40750
40963
|
color: var(--color-main-text);
|
|
40751
40964
|
font-size: 15px;
|
|
40752
40965
|
}
|
|
40753
40966
|
|
|
40754
40967
|
/* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
|
|
40755
|
-
.cn-facts-widget__lead[data-v-
|
|
40968
|
+
.cn-facts-widget__lead[data-v-e627249e] {
|
|
40756
40969
|
align-items: center;
|
|
40757
40970
|
display: flex;
|
|
40758
40971
|
gap: 12px;
|
|
40759
40972
|
}
|
|
40760
|
-
.cn-facts-widget__lead-tile[data-v-
|
|
40973
|
+
.cn-facts-widget__lead-tile[data-v-e627249e] {
|
|
40761
40974
|
align-items: center;
|
|
40762
40975
|
background: var(--color-background-dark);
|
|
40763
40976
|
border-radius: 8px;
|
|
@@ -40772,32 +40985,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40772
40985
|
}
|
|
40773
40986
|
|
|
40774
40987
|
/* Initials stand for a person: round, as an avatar. */
|
|
40775
|
-
.cn-facts-widget__lead-tile--initials[data-v-
|
|
40988
|
+
.cn-facts-widget__lead-tile--initials[data-v-e627249e] {
|
|
40776
40989
|
border-radius: 50%;
|
|
40777
40990
|
}
|
|
40778
|
-
.cn-facts-widget__lead-tile--success[data-v-
|
|
40991
|
+
.cn-facts-widget__lead-tile--success[data-v-e627249e] {
|
|
40779
40992
|
background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
|
|
40780
40993
|
border-radius: 50%;
|
|
40781
40994
|
color: var(--color-success-text, var(--color-success));
|
|
40782
40995
|
}
|
|
40783
|
-
.cn-facts-widget__lead-tile--info[data-v-
|
|
40996
|
+
.cn-facts-widget__lead-tile--info[data-v-e627249e] {
|
|
40784
40997
|
background: var(--color-primary-element-light);
|
|
40785
40998
|
border-radius: 50%;
|
|
40786
40999
|
color: var(--color-primary-element-light-text, var(--color-primary-element));
|
|
40787
41000
|
}
|
|
40788
|
-
.cn-facts-widget__lead-text[data-v-
|
|
41001
|
+
.cn-facts-widget__lead-text[data-v-e627249e] {
|
|
40789
41002
|
display: flex;
|
|
40790
41003
|
flex-direction: column;
|
|
40791
41004
|
min-width: 0;
|
|
40792
41005
|
}
|
|
40793
|
-
.cn-facts-widget__lead-title[data-v-
|
|
41006
|
+
.cn-facts-widget__lead-title[data-v-e627249e] {
|
|
40794
41007
|
font-size: 15px;
|
|
40795
41008
|
}
|
|
40796
|
-
.cn-facts-widget__lead-subtitle[data-v-
|
|
41009
|
+
.cn-facts-widget__lead-subtitle[data-v-e627249e] {
|
|
40797
41010
|
color: var(--color-text-maxcontrast);
|
|
40798
41011
|
font-size: 13px;
|
|
40799
41012
|
}
|
|
40800
|
-
.cn-facts-widget__action[data-v-
|
|
41013
|
+
.cn-facts-widget__action[data-v-e627249e] {
|
|
40801
41014
|
align-self: flex-start;
|
|
40802
41015
|
background: var(--color-primary-element-light);
|
|
40803
41016
|
border: 0;
|
|
@@ -40809,27 +41022,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40809
41022
|
min-height: 32px;
|
|
40810
41023
|
padding: 0 14px;
|
|
40811
41024
|
}
|
|
40812
|
-
.cn-facts-widget__action[data-v-
|
|
40813
|
-
.cn-facts-widget__action[data-v-
|
|
41025
|
+
.cn-facts-widget__action[data-v-e627249e]:hover,
|
|
41026
|
+
.cn-facts-widget__action[data-v-e627249e]:focus-visible {
|
|
40814
41027
|
background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
|
|
40815
41028
|
}
|
|
40816
|
-
.cn-facts-widget__notice[data-v-
|
|
41029
|
+
.cn-facts-widget__notice[data-v-e627249e] {
|
|
40817
41030
|
margin: 4px 0 0;
|
|
40818
41031
|
}
|
|
40819
41032
|
|
|
40820
41033
|
/* A div, not a p: a theme sets every paragraph's size with !important. */
|
|
40821
|
-
.cn-facts-widget__footnote[data-v-
|
|
41034
|
+
.cn-facts-widget__footnote[data-v-e627249e] {
|
|
40822
41035
|
color: var(--color-text-maxcontrast);
|
|
40823
41036
|
font-size: 13px;
|
|
40824
41037
|
line-height: 1.2;
|
|
40825
41038
|
}
|
|
40826
|
-
.cn-facts-widget__link[data-v-
|
|
41039
|
+
.cn-facts-widget__link[data-v-e627249e] {
|
|
40827
41040
|
font-size: 14px;
|
|
40828
41041
|
font-weight: 600;
|
|
40829
41042
|
color: var(--color-primary-element);
|
|
40830
41043
|
text-decoration: underline;
|
|
40831
41044
|
}
|
|
40832
|
-
.cn-facts-widget__link
|
|
41045
|
+
.cn-facts-widget__link-note[data-v-e627249e] {
|
|
41046
|
+
margin: 0;
|
|
41047
|
+
color: var(--color-text-maxcontrast);
|
|
41048
|
+
font-size: 13px;
|
|
41049
|
+
}
|
|
41050
|
+
.cn-facts-widget__link--button[data-v-e627249e] {
|
|
40833
41051
|
display: inline-flex;
|
|
40834
41052
|
align-items: center;
|
|
40835
41053
|
gap: 6px;
|
|
@@ -40844,12 +41062,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40844
41062
|
|
|
40845
41063
|
/* `columns: 2` (board DqContact): two columns, the label above the value, a
|
|
40846
41064
|
hairline under each fact; one column on a phone. */
|
|
40847
|
-
.cn-facts-widget__rows--columns[data-v-
|
|
41065
|
+
.cn-facts-widget__rows--columns[data-v-e627249e] {
|
|
40848
41066
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
40849
41067
|
gap: 14px 24px;
|
|
40850
41068
|
font-size: 15px;
|
|
40851
41069
|
}
|
|
40852
|
-
.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-
|
|
41070
|
+
.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-e627249e] {
|
|
40853
41071
|
display: flex;
|
|
40854
41072
|
flex-direction: column;
|
|
40855
41073
|
gap: 3px;
|
|
@@ -40857,21 +41075,21 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
40857
41075
|
padding-bottom: 10px;
|
|
40858
41076
|
border-bottom: 1px solid var(--color-border);
|
|
40859
41077
|
}
|
|
40860
|
-
.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-
|
|
41078
|
+
.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-e627249e] {
|
|
40861
41079
|
font-size: 13px;
|
|
40862
41080
|
}
|
|
40863
41081
|
|
|
40864
41082
|
/* One column, label above value: 2px under its label, 10px to the next
|
|
40865
41083
|
label, so a long label never squeezes its value (DqHandhaving). */
|
|
40866
|
-
.cn-facts-widget__rows--stacked[data-v-
|
|
41084
|
+
.cn-facts-widget__rows--stacked[data-v-e627249e] {
|
|
40867
41085
|
grid-template-columns: minmax(0, 1fr);
|
|
40868
41086
|
gap: 2px 0;
|
|
40869
41087
|
}
|
|
40870
|
-
.cn-facts-widget__rows--stacked .cn-facts-widget__value.cn-facts-widget__value[data-v-
|
|
41088
|
+
.cn-facts-widget__rows--stacked .cn-facts-widget__value.cn-facts-widget__value[data-v-e627249e] {
|
|
40871
41089
|
margin-bottom: 8px;
|
|
40872
41090
|
}
|
|
40873
41091
|
@media (max-width: 640px) {
|
|
40874
|
-
.cn-facts-widget__rows--columns[data-v-
|
|
41092
|
+
.cn-facts-widget__rows--columns[data-v-e627249e] {
|
|
40875
41093
|
grid-template-columns: minmax(0, 1fr);
|
|
40876
41094
|
}
|
|
40877
41095
|
}
|
|
@@ -40967,13 +41185,13 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40967
41185
|
}
|
|
40968
41186
|
|
|
40969
41187
|
|
|
40970
|
-
.cn-device-frames-widget[data-v-
|
|
41188
|
+
.cn-device-frames-widget[data-v-64bde7d3] {
|
|
40971
41189
|
display: flex;
|
|
40972
41190
|
flex-wrap: wrap;
|
|
40973
41191
|
align-items: flex-start;
|
|
40974
41192
|
gap: 20px;
|
|
40975
41193
|
}
|
|
40976
|
-
.cn-device-frames-widget__frame[data-v-
|
|
41194
|
+
.cn-device-frames-widget__frame[data-v-64bde7d3] {
|
|
40977
41195
|
display: flex;
|
|
40978
41196
|
flex: none;
|
|
40979
41197
|
flex-direction: column;
|
|
@@ -40986,7 +41204,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40986
41204
|
border-radius: 36px;
|
|
40987
41205
|
background: var(--color-background-hover);
|
|
40988
41206
|
}
|
|
40989
|
-
.cn-device-frames-widget__head[data-v-
|
|
41207
|
+
.cn-device-frames-widget__head[data-v-64bde7d3] {
|
|
40990
41208
|
display: flex;
|
|
40991
41209
|
flex-direction: column;
|
|
40992
41210
|
gap: 6px;
|
|
@@ -40994,28 +41212,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40994
41212
|
border-bottom: 1px solid var(--color-border);
|
|
40995
41213
|
background: var(--color-main-background);
|
|
40996
41214
|
}
|
|
40997
|
-
.cn-device-frames-widget__status[data-v-
|
|
41215
|
+
.cn-device-frames-widget__status[data-v-64bde7d3] {
|
|
40998
41216
|
display: inline-flex;
|
|
40999
41217
|
align-items: center;
|
|
41000
41218
|
gap: 6px;
|
|
41001
41219
|
font-size: 13px;
|
|
41002
41220
|
font-weight: 600;
|
|
41003
41221
|
}
|
|
41004
|
-
.cn-device-frames-widget__status--warning[data-v-
|
|
41222
|
+
.cn-device-frames-widget__status--warning[data-v-64bde7d3] {
|
|
41005
41223
|
color: var(--color-warning-text, var(--color-main-text));
|
|
41006
41224
|
}
|
|
41007
|
-
.cn-device-frames-widget__status--success[data-v-
|
|
41225
|
+
.cn-device-frames-widget__status--success[data-v-64bde7d3] {
|
|
41008
41226
|
color: var(--color-success-text, var(--color-main-text));
|
|
41009
41227
|
}
|
|
41010
|
-
.cn-device-frames-widget__status--info[data-v-
|
|
41228
|
+
.cn-device-frames-widget__status--info[data-v-64bde7d3] {
|
|
41011
41229
|
color: var(--color-text-maxcontrast);
|
|
41012
41230
|
}
|
|
41013
|
-
.cn-device-frames-widget__title[data-v-
|
|
41231
|
+
.cn-device-frames-widget__title[data-v-64bde7d3] {
|
|
41014
41232
|
margin: 0;
|
|
41015
41233
|
font-size: 20px;
|
|
41016
41234
|
font-weight: 700;
|
|
41235
|
+
line-height: 1.2;
|
|
41017
41236
|
}
|
|
41018
|
-
.cn-device-frames-widget__body[data-v-
|
|
41237
|
+
.cn-device-frames-widget__body[data-v-64bde7d3] {
|
|
41019
41238
|
display: flex;
|
|
41020
41239
|
flex-direction: column;
|
|
41021
41240
|
gap: 12px;
|
|
@@ -41024,7 +41243,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41024
41243
|
|
|
41025
41244
|
/* On a phone the frame is the screen: no bezel, the full width. */
|
|
41026
41245
|
@media (max-width: 640px) {
|
|
41027
|
-
.cn-device-frames-widget__frame[data-v-
|
|
41246
|
+
.cn-device-frames-widget__frame[data-v-64bde7d3] {
|
|
41028
41247
|
width: 100%;
|
|
41029
41248
|
min-height: 0;
|
|
41030
41249
|
border-width: 0;
|
|
@@ -41146,29 +41365,29 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41146
41365
|
}
|
|
41147
41366
|
|
|
41148
41367
|
|
|
41149
|
-
.cn-checklist-run__form[data-v-
|
|
41368
|
+
.cn-checklist-run__form[data-v-284eb804] {
|
|
41150
41369
|
display: flex;
|
|
41151
41370
|
flex-direction: column;
|
|
41152
41371
|
gap: 12px;
|
|
41153
41372
|
}
|
|
41154
|
-
.cn-checklist-run__position[data-v-
|
|
41373
|
+
.cn-checklist-run__position[data-v-284eb804] {
|
|
41155
41374
|
color: var(--color-text-maxcontrast);
|
|
41156
41375
|
margin: 0;
|
|
41157
41376
|
}
|
|
41158
|
-
.cn-checklist-run__progress[data-v-
|
|
41377
|
+
.cn-checklist-run__progress[data-v-284eb804] {
|
|
41159
41378
|
background: var(--color-border);
|
|
41160
41379
|
border-radius: 3px;
|
|
41161
41380
|
display: block;
|
|
41162
41381
|
height: 6px;
|
|
41163
41382
|
overflow: hidden;
|
|
41164
41383
|
}
|
|
41165
|
-
.cn-checklist-run__progress-fill[data-v-
|
|
41384
|
+
.cn-checklist-run__progress-fill[data-v-284eb804] {
|
|
41166
41385
|
background: var(--color-primary-element);
|
|
41167
41386
|
display: block;
|
|
41168
41387
|
height: 100%;
|
|
41169
41388
|
}
|
|
41170
|
-
.cn-checklist-run__live[data-v-
|
|
41171
|
-
.cn-checklist-run__sr[data-v-
|
|
41389
|
+
.cn-checklist-run__live[data-v-284eb804],
|
|
41390
|
+
.cn-checklist-run__sr[data-v-284eb804] {
|
|
41172
41391
|
clip-path: inset(50%);
|
|
41173
41392
|
height: 1px;
|
|
41174
41393
|
overflow: hidden;
|
|
@@ -41176,8 +41395,8 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41176
41395
|
white-space: nowrap;
|
|
41177
41396
|
width: 1px;
|
|
41178
41397
|
}
|
|
41179
|
-
.cn-checklist-run__question[data-v-
|
|
41180
|
-
.cn-checklist-run__photos[data-v-
|
|
41398
|
+
.cn-checklist-run__question[data-v-284eb804],
|
|
41399
|
+
.cn-checklist-run__photos[data-v-284eb804] {
|
|
41181
41400
|
background: var(--color-main-background);
|
|
41182
41401
|
border: 1px solid var(--color-border);
|
|
41183
41402
|
border-radius: var(--border-radius-large, 12px);
|
|
@@ -41187,13 +41406,17 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41187
41406
|
margin: 0;
|
|
41188
41407
|
padding: 12px 14px;
|
|
41189
41408
|
}
|
|
41190
|
-
.cn-checklist-
|
|
41409
|
+
.cn-checklist-run__photos-title[data-v-284eb804] {
|
|
41410
|
+
font-size: 15px;
|
|
41411
|
+
line-height: 1.2;
|
|
41412
|
+
}
|
|
41413
|
+
.cn-checklist-run__legend[data-v-284eb804] {
|
|
41191
41414
|
font-size: 15px;
|
|
41192
41415
|
font-weight: 600;
|
|
41193
41416
|
line-height: 1.2;
|
|
41194
41417
|
padding: 0 4px;
|
|
41195
41418
|
}
|
|
41196
|
-
.cn-checklist-run__help[data-v-
|
|
41419
|
+
.cn-checklist-run__help[data-v-284eb804] {
|
|
41197
41420
|
color: var(--color-text-maxcontrast);
|
|
41198
41421
|
font-size: 14px;
|
|
41199
41422
|
line-height: 1.2;
|
|
@@ -41202,7 +41425,7 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41202
41425
|
|
|
41203
41426
|
/* An option reads as text, not as a field label (a theme makes every label
|
|
41204
41427
|
bold); 15px as the board draws it (DqInspectie). */
|
|
41205
|
-
.cn-checklist-run__choice[data-v-
|
|
41428
|
+
.cn-checklist-run__choice[data-v-284eb804] {
|
|
41206
41429
|
align-items: center;
|
|
41207
41430
|
display: flex;
|
|
41208
41431
|
font-size: 15px;
|
|
@@ -41212,32 +41435,32 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41212
41435
|
}
|
|
41213
41436
|
|
|
41214
41437
|
/* The board draws the radio with the browser's own 3px 3px 0 5px margin. */
|
|
41215
|
-
.cn-checklist-run__choice input[data-v-
|
|
41438
|
+
.cn-checklist-run__choice input[data-v-284eb804] {
|
|
41216
41439
|
accent-color: var(--color-primary-element);
|
|
41217
41440
|
height: 20px;
|
|
41218
41441
|
margin: 3px 3px 0 5px;
|
|
41219
41442
|
width: 20px;
|
|
41220
41443
|
}
|
|
41221
|
-
.cn-checklist-run__text[data-v-
|
|
41222
|
-
.cn-checklist-run__number[data-v-
|
|
41444
|
+
.cn-checklist-run__text[data-v-284eb804],
|
|
41445
|
+
.cn-checklist-run__number[data-v-284eb804] {
|
|
41223
41446
|
box-sizing: border-box;
|
|
41224
41447
|
width: 100%;
|
|
41225
41448
|
}
|
|
41226
|
-
.cn-checklist-run__group[data-v-
|
|
41449
|
+
.cn-checklist-run__group[data-v-284eb804] {
|
|
41227
41450
|
font-size: 14px;
|
|
41228
41451
|
font-weight: 600;
|
|
41229
41452
|
margin: 0;
|
|
41230
41453
|
}
|
|
41231
|
-
.cn-checklist-run__note-label[data-v-
|
|
41454
|
+
.cn-checklist-run__note-label[data-v-284eb804] {
|
|
41232
41455
|
display: flex;
|
|
41233
41456
|
flex-direction: column;
|
|
41234
41457
|
gap: 4px;
|
|
41235
41458
|
}
|
|
41236
|
-
.cn-checklist-run__photo-list[data-v-
|
|
41459
|
+
.cn-checklist-run__photo-list[data-v-284eb804] {
|
|
41237
41460
|
margin: 0;
|
|
41238
41461
|
padding-inline-start: 18px;
|
|
41239
41462
|
}
|
|
41240
|
-
.cn-checklist-run__photo-button[data-v-
|
|
41463
|
+
.cn-checklist-run__photo-button[data-v-284eb804] {
|
|
41241
41464
|
align-items: center;
|
|
41242
41465
|
align-self: flex-start;
|
|
41243
41466
|
border: 1px solid var(--color-border-dark);
|
|
@@ -41248,26 +41471,26 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41248
41471
|
min-height: 34px;
|
|
41249
41472
|
padding: 0 14px;
|
|
41250
41473
|
}
|
|
41251
|
-
.cn-checklist-run__photo-button[data-v-
|
|
41474
|
+
.cn-checklist-run__photo-button[data-v-284eb804]:focus-within {
|
|
41252
41475
|
outline: 2px solid var(--color-primary-element);
|
|
41253
41476
|
outline-offset: 2px;
|
|
41254
41477
|
}
|
|
41255
|
-
.cn-checklist-run__photo-input[data-v-
|
|
41478
|
+
.cn-checklist-run__photo-input[data-v-284eb804] {
|
|
41256
41479
|
clip-path: inset(50%);
|
|
41257
41480
|
height: 1px;
|
|
41258
41481
|
overflow: hidden;
|
|
41259
41482
|
position: absolute;
|
|
41260
41483
|
width: 1px;
|
|
41261
41484
|
}
|
|
41262
|
-
.cn-checklist-run__nav[data-v-
|
|
41485
|
+
.cn-checklist-run__nav[data-v-284eb804] {
|
|
41263
41486
|
display: flex;
|
|
41264
41487
|
justify-content: space-between;
|
|
41265
41488
|
}
|
|
41266
|
-
.cn-checklist-run__error[data-v-
|
|
41489
|
+
.cn-checklist-run__error[data-v-284eb804] {
|
|
41267
41490
|
color: var(--color-error-text, var(--color-error));
|
|
41268
41491
|
margin: 0;
|
|
41269
41492
|
}
|
|
41270
|
-
.cn-checklist-run__empty[data-v-
|
|
41493
|
+
.cn-checklist-run__empty[data-v-284eb804] {
|
|
41271
41494
|
color: var(--color-text-maxcontrast);
|
|
41272
41495
|
}
|
|
41273
41496
|
|
|
@@ -41549,38 +41772,64 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41549
41772
|
}
|
|
41550
41773
|
|
|
41551
41774
|
|
|
41552
|
-
.cn-field-list-widget[data-v-
|
|
41775
|
+
.cn-field-list-widget[data-v-80d5a77a] {
|
|
41553
41776
|
display: flex;
|
|
41554
41777
|
flex-direction: column;
|
|
41555
41778
|
gap: 12px;
|
|
41556
41779
|
min-width: 0;
|
|
41557
41780
|
}
|
|
41558
|
-
.cn-field-list-widget__lead[data-v-
|
|
41781
|
+
.cn-field-list-widget__lead[data-v-80d5a77a] {
|
|
41559
41782
|
margin: 0;
|
|
41560
41783
|
font-weight: bold;
|
|
41561
41784
|
}
|
|
41562
|
-
.cn-field-list-widget__rows[data-v-
|
|
41785
|
+
.cn-field-list-widget__rows[data-v-80d5a77a] {
|
|
41563
41786
|
list-style: none;
|
|
41564
41787
|
margin: 0;
|
|
41565
41788
|
padding: 0;
|
|
41566
41789
|
display: flex;
|
|
41567
41790
|
flex-direction: column;
|
|
41568
41791
|
}
|
|
41569
|
-
.cn-field-list-widget__row[data-v-
|
|
41792
|
+
.cn-field-list-widget__row[data-v-80d5a77a] {
|
|
41570
41793
|
padding: 10px 0;
|
|
41571
41794
|
border-top: 1px solid var(--color-border);
|
|
41572
41795
|
}
|
|
41573
|
-
.cn-field-list-widget__row[data-v-
|
|
41796
|
+
.cn-field-list-widget__row[data-v-80d5a77a]:first-child {
|
|
41574
41797
|
border-top: none;
|
|
41575
41798
|
padding-top: 0;
|
|
41576
41799
|
}
|
|
41577
|
-
|
|
41800
|
+
|
|
41801
|
+
/* `variant: "options"` (DqZaaktypeVelden Keuzelijst): each option a framed
|
|
41802
|
+
row, 6px apart, with a grip before its name and its code in a chip. */
|
|
41803
|
+
.cn-field-list-widget__rows--options[data-v-80d5a77a] {
|
|
41804
|
+
gap: 6px;
|
|
41805
|
+
}
|
|
41806
|
+
.cn-field-list-widget__rows--options .cn-field-list-widget__row[data-v-80d5a77a],
|
|
41807
|
+
.cn-field-list-widget__rows--options .cn-field-list-widget__row[data-v-80d5a77a]:first-child {
|
|
41808
|
+
padding: 6px 12px;
|
|
41809
|
+
border: 1px solid var(--color-border);
|
|
41810
|
+
border-radius: var(--border-radius-element, 8px);
|
|
41811
|
+
}
|
|
41812
|
+
.cn-field-list-widget__grip[data-v-80d5a77a] {
|
|
41813
|
+
flex: none;
|
|
41814
|
+
display: inline-flex;
|
|
41815
|
+
padding: 0;
|
|
41816
|
+
border: 0;
|
|
41817
|
+
background: transparent;
|
|
41818
|
+
color: var(--color-text-maxcontrast);
|
|
41819
|
+
cursor: grab;
|
|
41820
|
+
}
|
|
41821
|
+
.cn-field-list-widget__code[data-v-80d5a77a] {
|
|
41822
|
+
flex: none;
|
|
41823
|
+
color: var(--color-text-maxcontrast);
|
|
41824
|
+
font-size: 13px;
|
|
41825
|
+
}
|
|
41826
|
+
.cn-field-list-widget__line[data-v-80d5a77a] {
|
|
41578
41827
|
display: flex;
|
|
41579
41828
|
align-items: center;
|
|
41580
41829
|
gap: 12px;
|
|
41581
41830
|
min-width: 0;
|
|
41582
41831
|
}
|
|
41583
|
-
.cn-field-list-widget__avatar[data-v-
|
|
41832
|
+
.cn-field-list-widget__avatar[data-v-80d5a77a] {
|
|
41584
41833
|
flex: 0 0 auto;
|
|
41585
41834
|
display: inline-flex;
|
|
41586
41835
|
align-items: center;
|
|
@@ -41593,69 +41842,69 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41593
41842
|
font-size: 12px;
|
|
41594
41843
|
font-weight: 700;
|
|
41595
41844
|
}
|
|
41596
|
-
.cn-field-list-widget__main[data-v-
|
|
41845
|
+
.cn-field-list-widget__main[data-v-80d5a77a] {
|
|
41597
41846
|
display: flex;
|
|
41598
41847
|
flex-direction: column;
|
|
41599
41848
|
flex: 1 1 auto;
|
|
41600
41849
|
min-width: 0;
|
|
41601
41850
|
}
|
|
41602
|
-
.cn-field-list-widget__title[data-v-
|
|
41851
|
+
.cn-field-list-widget__title[data-v-80d5a77a] {
|
|
41603
41852
|
font-weight: 600;
|
|
41604
41853
|
overflow-wrap: anywhere;
|
|
41605
41854
|
}
|
|
41606
|
-
.cn-field-list-widget__meta[data-v-
|
|
41607
|
-
.cn-field-list-widget__aside[data-v-
|
|
41608
|
-
.cn-field-list-widget__detail[data-v-
|
|
41609
|
-
.cn-field-list-widget__hint[data-v-
|
|
41610
|
-
.cn-field-list-widget__empty[data-v-
|
|
41855
|
+
.cn-field-list-widget__meta[data-v-80d5a77a],
|
|
41856
|
+
.cn-field-list-widget__aside[data-v-80d5a77a],
|
|
41857
|
+
.cn-field-list-widget__detail[data-v-80d5a77a],
|
|
41858
|
+
.cn-field-list-widget__hint[data-v-80d5a77a],
|
|
41859
|
+
.cn-field-list-widget__empty[data-v-80d5a77a] {
|
|
41611
41860
|
color: var(--color-text-maxcontrast);
|
|
41612
41861
|
}
|
|
41613
|
-
.cn-field-list-widget__meta[data-v-
|
|
41614
|
-
.cn-field-list-widget__aside[data-v-
|
|
41615
|
-
.cn-field-list-widget__copies[data-v-
|
|
41862
|
+
.cn-field-list-widget__meta[data-v-80d5a77a],
|
|
41863
|
+
.cn-field-list-widget__aside[data-v-80d5a77a],
|
|
41864
|
+
.cn-field-list-widget__copies[data-v-80d5a77a] {
|
|
41616
41865
|
display: flex;
|
|
41617
41866
|
flex-wrap: wrap;
|
|
41618
41867
|
gap: 4px;
|
|
41619
41868
|
}
|
|
41620
|
-
.cn-field-list-widget__detail[data-v-
|
|
41869
|
+
.cn-field-list-widget__detail[data-v-80d5a77a] {
|
|
41621
41870
|
font-size: 13px;
|
|
41622
41871
|
}
|
|
41623
|
-
.cn-field-list-widget__aside[data-v-
|
|
41872
|
+
.cn-field-list-widget__aside[data-v-80d5a77a] {
|
|
41624
41873
|
white-space: nowrap;
|
|
41625
41874
|
}
|
|
41626
|
-
.cn-field-list-widget__detail[data-v-
|
|
41627
|
-
.cn-field-list-widget__hint[data-v-
|
|
41628
|
-
.cn-field-list-widget__empty[data-v-
|
|
41875
|
+
.cn-field-list-widget__detail[data-v-80d5a77a],
|
|
41876
|
+
.cn-field-list-widget__hint[data-v-80d5a77a],
|
|
41877
|
+
.cn-field-list-widget__empty[data-v-80d5a77a] {
|
|
41629
41878
|
margin: 4px 0 0;
|
|
41630
41879
|
overflow-wrap: anywhere;
|
|
41631
41880
|
}
|
|
41632
|
-
.cn-field-list-widget__add[data-v-
|
|
41881
|
+
.cn-field-list-widget__add[data-v-80d5a77a] {
|
|
41633
41882
|
display: flex;
|
|
41634
41883
|
flex-wrap: wrap;
|
|
41635
41884
|
align-items: flex-end;
|
|
41636
41885
|
gap: 8px 12px;
|
|
41637
41886
|
}
|
|
41638
|
-
.cn-field-list-widget__add[data-v-
|
|
41887
|
+
.cn-field-list-widget__add[data-v-80d5a77a] > * {
|
|
41639
41888
|
flex: 1 1 180px;
|
|
41640
41889
|
}
|
|
41641
|
-
.cn-field-list-widget__add > button[data-v-
|
|
41890
|
+
.cn-field-list-widget__add > button[data-v-80d5a77a] {
|
|
41642
41891
|
flex: 0 0 auto;
|
|
41643
41892
|
}
|
|
41644
|
-
.cn-field-list-widget__toolbar[data-v-
|
|
41893
|
+
.cn-field-list-widget__toolbar[data-v-80d5a77a] {
|
|
41645
41894
|
display: flex;
|
|
41646
41895
|
justify-content: flex-end;
|
|
41647
41896
|
}
|
|
41648
|
-
.cn-field-list-widget__table-wrap[data-v-
|
|
41897
|
+
.cn-field-list-widget__table-wrap[data-v-80d5a77a] {
|
|
41649
41898
|
display: flex;
|
|
41650
41899
|
flex-direction: column;
|
|
41651
41900
|
gap: 12px;
|
|
41652
41901
|
overflow-x: auto;
|
|
41653
41902
|
}
|
|
41654
|
-
.cn-field-list-widget__table[data-v-
|
|
41903
|
+
.cn-field-list-widget__table[data-v-80d5a77a] {
|
|
41655
41904
|
width: 100%;
|
|
41656
41905
|
border-collapse: collapse;
|
|
41657
41906
|
}
|
|
41658
|
-
.cn-field-list-widget__th[data-v-
|
|
41907
|
+
.cn-field-list-widget__th[data-v-80d5a77a] {
|
|
41659
41908
|
padding: 8px 12px;
|
|
41660
41909
|
text-align: start;
|
|
41661
41910
|
font-size: 13px;
|
|
@@ -41664,31 +41913,31 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
41664
41913
|
color: var(--color-text-maxcontrast);
|
|
41665
41914
|
background: var(--color-background-hover);
|
|
41666
41915
|
}
|
|
41667
|
-
.cn-field-list-widget__th--menu[data-v-
|
|
41668
|
-
.cn-field-list-widget__code[data-v-
|
|
41916
|
+
.cn-field-list-widget__th--menu[data-v-80d5a77a],
|
|
41917
|
+
.cn-field-list-widget__code[data-v-80d5a77a] {
|
|
41669
41918
|
font-size: 0.85em;
|
|
41670
41919
|
word-break: break-all;
|
|
41671
41920
|
}
|
|
41672
|
-
.cn-field-list-widget__td--menu[data-v-
|
|
41921
|
+
.cn-field-list-widget__td--menu[data-v-80d5a77a] {
|
|
41673
41922
|
width: 1%;
|
|
41674
41923
|
text-align: end;
|
|
41675
41924
|
}
|
|
41676
|
-
.cn-field-list-widget__tr[data-v-
|
|
41925
|
+
.cn-field-list-widget__tr[data-v-80d5a77a] {
|
|
41677
41926
|
border-top: 1px solid var(--cn-board-hairline, var(--color-border));
|
|
41678
41927
|
}
|
|
41679
|
-
.cn-field-list-widget__td[data-v-
|
|
41928
|
+
.cn-field-list-widget__td[data-v-80d5a77a] {
|
|
41680
41929
|
padding: 10px 12px;
|
|
41681
41930
|
vertical-align: middle;
|
|
41682
41931
|
overflow-wrap: anywhere;
|
|
41683
41932
|
}
|
|
41684
|
-
.cn-field-list-widget__sr[data-v-
|
|
41933
|
+
.cn-field-list-widget__sr[data-v-80d5a77a] {
|
|
41685
41934
|
position: absolute;
|
|
41686
41935
|
width: 1px;
|
|
41687
41936
|
height: 1px;
|
|
41688
41937
|
overflow: hidden;
|
|
41689
41938
|
clip-path: inset(50%);
|
|
41690
41939
|
}
|
|
41691
|
-
.cn-field-list-widget__band[data-v-
|
|
41940
|
+
.cn-field-list-widget__band[data-v-80d5a77a] {
|
|
41692
41941
|
display: flex;
|
|
41693
41942
|
flex-wrap: wrap;
|
|
41694
41943
|
align-items: center;
|
|
@@ -42429,20 +42678,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42429
42678
|
}
|
|
42430
42679
|
|
|
42431
42680
|
|
|
42432
|
-
.cn-record-list__checklist-bar[data-v-
|
|
42681
|
+
.cn-record-list__checklist-bar[data-v-0e3cf5c3] {
|
|
42433
42682
|
height: 8px;
|
|
42434
42683
|
margin-block-end: 16px;
|
|
42435
42684
|
border-radius: 4px;
|
|
42436
42685
|
background: var(--color-background-dark);
|
|
42437
42686
|
overflow: hidden;
|
|
42438
42687
|
}
|
|
42439
|
-
.cn-record-list__checklist-fill[data-v-
|
|
42688
|
+
.cn-record-list__checklist-fill[data-v-0e3cf5c3] {
|
|
42440
42689
|
display: block;
|
|
42441
42690
|
height: 100%;
|
|
42442
42691
|
border-radius: 4px;
|
|
42443
42692
|
background: var(--color-primary-element);
|
|
42444
42693
|
}
|
|
42445
|
-
.cn-record-list__checklist[data-v-
|
|
42694
|
+
.cn-record-list__checklist[data-v-0e3cf5c3] {
|
|
42446
42695
|
display: grid;
|
|
42447
42696
|
grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
|
|
42448
42697
|
gap: 8px 16px;
|
|
@@ -42450,16 +42699,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42450
42699
|
padding: 0;
|
|
42451
42700
|
list-style: none;
|
|
42452
42701
|
}
|
|
42453
|
-
.cn-record-list__check[data-v-
|
|
42702
|
+
.cn-record-list__check[data-v-0e3cf5c3] {
|
|
42454
42703
|
display: flex;
|
|
42455
42704
|
align-items: center;
|
|
42456
42705
|
gap: 8px;
|
|
42457
42706
|
min-height: 28px;
|
|
42458
42707
|
}
|
|
42459
|
-
.cn-record-list__check--done[data-v-
|
|
42708
|
+
.cn-record-list__check--done[data-v-0e3cf5c3] {
|
|
42460
42709
|
color: var(--color-text-maxcontrast);
|
|
42461
42710
|
}
|
|
42462
|
-
.cn-record-list__check-mark[data-v-
|
|
42711
|
+
.cn-record-list__check-mark[data-v-0e3cf5c3] {
|
|
42463
42712
|
display: inline-flex;
|
|
42464
42713
|
flex: none;
|
|
42465
42714
|
align-items: center;
|
|
@@ -42469,45 +42718,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42469
42718
|
border: 2px solid var(--color-border-maxcontrast);
|
|
42470
42719
|
border-radius: 50%;
|
|
42471
42720
|
}
|
|
42472
|
-
.cn-record-list__check--done .cn-record-list__check-mark[data-v-
|
|
42721
|
+
.cn-record-list__check--done .cn-record-list__check-mark[data-v-0e3cf5c3] {
|
|
42473
42722
|
border-color: transparent;
|
|
42474
42723
|
background: var(--color-success-hover, var(--color-background-dark));
|
|
42475
42724
|
color: var(--color-success-text, var(--color-success));
|
|
42476
42725
|
}
|
|
42477
42726
|
@media (max-width: 640px) {
|
|
42478
|
-
.cn-record-list__checklist[data-v-
|
|
42727
|
+
.cn-record-list__checklist[data-v-0e3cf5c3] {
|
|
42479
42728
|
grid-template-columns: minmax(0, 1fr);
|
|
42480
42729
|
}
|
|
42481
42730
|
}
|
|
42482
|
-
.cn-record-list__set-field-done[data-v-
|
|
42731
|
+
.cn-record-list__set-field-done[data-v-0e3cf5c3] {
|
|
42483
42732
|
display: inline-flex;
|
|
42484
42733
|
align-items: center;
|
|
42485
42734
|
gap: 4px;
|
|
42486
42735
|
color: var(--color-success-text, var(--color-success));
|
|
42487
42736
|
font-weight: bold;
|
|
42488
42737
|
}
|
|
42489
|
-
.cn-record-list__list[data-v-
|
|
42738
|
+
.cn-record-list__list[data-v-0e3cf5c3] {
|
|
42490
42739
|
list-style: none;
|
|
42491
42740
|
margin: 0;
|
|
42492
42741
|
padding: 0;
|
|
42493
42742
|
}
|
|
42494
|
-
.cn-record-list__group-heading[data-v-
|
|
42743
|
+
.cn-record-list__group-heading[data-v-0e3cf5c3] {
|
|
42495
42744
|
margin: 6px 0 0;
|
|
42496
42745
|
font-size: 15px;
|
|
42497
42746
|
font-weight: 700;
|
|
42498
42747
|
line-height: 1.4;
|
|
42499
42748
|
}
|
|
42500
|
-
.cn-record-list__group-head[data-v-
|
|
42749
|
+
.cn-record-list__group-head[data-v-0e3cf5c3] {
|
|
42501
42750
|
display: flex;
|
|
42502
42751
|
align-items: center;
|
|
42503
42752
|
justify-content: space-between;
|
|
42504
42753
|
gap: 8px;
|
|
42505
42754
|
margin-top: 6px;
|
|
42506
42755
|
}
|
|
42507
|
-
.cn-record-list__group-head .cn-record-list__group-heading[data-v-
|
|
42756
|
+
.cn-record-list__group-head .cn-record-list__group-heading[data-v-0e3cf5c3] {
|
|
42508
42757
|
margin: 0;
|
|
42509
42758
|
}
|
|
42510
|
-
.cn-record-list__action--tonal.button-vue[data-v-
|
|
42759
|
+
.cn-record-list__action--tonal.button-vue[data-v-0e3cf5c3] {
|
|
42511
42760
|
min-height: 34px;
|
|
42512
42761
|
height: 34px;
|
|
42513
42762
|
padding: 0 12px;
|
|
@@ -42518,34 +42767,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42518
42767
|
font-size: 13px;
|
|
42519
42768
|
font-weight: 600;
|
|
42520
42769
|
}
|
|
42521
|
-
.cn-record-list__action--tonal.button-vue[data-v-
|
|
42770
|
+
.cn-record-list__action--tonal.button-vue[data-v-0e3cf5c3]:hover:not(:disabled) {
|
|
42522
42771
|
background-color: var(--color-primary-element-light-hover);
|
|
42523
42772
|
}
|
|
42524
|
-
.cn-record-list__footer[data-v-
|
|
42773
|
+
.cn-record-list__footer[data-v-0e3cf5c3] {
|
|
42525
42774
|
display: flex;
|
|
42526
42775
|
flex-direction: column;
|
|
42527
42776
|
align-items: flex-start;
|
|
42528
42777
|
gap: 6px;
|
|
42529
42778
|
margin-top: 10px;
|
|
42530
42779
|
}
|
|
42531
|
-
.cn-record-list__footer--wide[data-v-
|
|
42780
|
+
.cn-record-list__footer--wide[data-v-0e3cf5c3] {
|
|
42532
42781
|
align-items: stretch;
|
|
42533
42782
|
}
|
|
42534
|
-
.cn-record-list__footer-note[data-v-
|
|
42783
|
+
.cn-record-list__footer-note[data-v-0e3cf5c3] {
|
|
42535
42784
|
margin: 0 0 6px;
|
|
42536
42785
|
color: var(--color-text-maxcontrast);
|
|
42537
42786
|
font-size: 13px;
|
|
42538
42787
|
}
|
|
42539
|
-
.cn-record-list__footer-reason[data-v-
|
|
42788
|
+
.cn-record-list__footer-reason[data-v-0e3cf5c3] {
|
|
42540
42789
|
font-size: 13px;
|
|
42541
42790
|
color: var(--color-text-maxcontrast);
|
|
42542
42791
|
}
|
|
42543
|
-
.cn-record-list__empty[data-v-
|
|
42544
|
-
.cn-record-list__error[data-v-
|
|
42792
|
+
.cn-record-list__empty[data-v-0e3cf5c3],
|
|
42793
|
+
.cn-record-list__error[data-v-0e3cf5c3] {
|
|
42545
42794
|
color: var(--color-text-maxcontrast);
|
|
42546
42795
|
margin: 0;
|
|
42547
42796
|
}
|
|
42548
|
-
.cn-record-list__notice[data-v-
|
|
42797
|
+
.cn-record-list__notice[data-v-0e3cf5c3] {
|
|
42549
42798
|
display: flex;
|
|
42550
42799
|
gap: 10px;
|
|
42551
42800
|
align-items: flex-start;
|
|
@@ -42554,41 +42803,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42554
42803
|
background: var(--color-primary-element-light, var(--color-background-dark));
|
|
42555
42804
|
color: var(--color-main-text);
|
|
42556
42805
|
}
|
|
42557
|
-
.cn-record-list__notice--warning[data-v-
|
|
42806
|
+
.cn-record-list__notice--warning[data-v-0e3cf5c3] {
|
|
42558
42807
|
background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
|
|
42559
42808
|
color: var(--color-warning-text, var(--color-main-text));
|
|
42560
42809
|
}
|
|
42561
|
-
.cn-record-list__notice--error[data-v-
|
|
42810
|
+
.cn-record-list__notice--error[data-v-0e3cf5c3] {
|
|
42562
42811
|
background: var(--color-error-light, rgba(219, 0, 0, 0.08));
|
|
42563
42812
|
color: var(--color-error-text, var(--color-main-text));
|
|
42564
42813
|
}
|
|
42565
|
-
.cn-record-list__notice--footnote[data-v-
|
|
42814
|
+
.cn-record-list__notice--footnote[data-v-0e3cf5c3] {
|
|
42566
42815
|
margin-top: 12px;
|
|
42567
42816
|
}
|
|
42568
|
-
.cn-record-list__notice-icon[data-v-
|
|
42817
|
+
.cn-record-list__notice-icon[data-v-0e3cf5c3] {
|
|
42569
42818
|
flex: 0 0 auto;
|
|
42570
42819
|
margin-top: 1px;
|
|
42571
42820
|
}
|
|
42572
|
-
.cn-record-list__notice-text[data-v-
|
|
42821
|
+
.cn-record-list__notice-text[data-v-0e3cf5c3] {
|
|
42573
42822
|
margin: 0;
|
|
42574
42823
|
line-height: 1.5;
|
|
42575
42824
|
}
|
|
42576
|
-
.cn-record-list__loading[data-v-
|
|
42825
|
+
.cn-record-list__loading[data-v-0e3cf5c3] {
|
|
42577
42826
|
display: flex;
|
|
42578
42827
|
justify-content: center;
|
|
42579
42828
|
padding: 8px 0;
|
|
42580
42829
|
}
|
|
42581
42830
|
|
|
42582
42831
|
/* rows */
|
|
42583
|
-
.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-
|
|
42584
|
-
.cn-record-list--rule-above .cn-record-list__item[data-v-
|
|
42832
|
+
.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3],
|
|
42833
|
+
.cn-record-list--rule-above .cn-record-list__item[data-v-0e3cf5c3]:first-child {
|
|
42585
42834
|
border-top: 1px solid var(--color-border);
|
|
42586
42835
|
}
|
|
42587
|
-
.cn-record-list__pill-start[data-v-
|
|
42836
|
+
.cn-record-list__pill-start[data-v-0e3cf5c3] {
|
|
42588
42837
|
display: flex;
|
|
42589
42838
|
flex: none;
|
|
42590
42839
|
}
|
|
42591
|
-
.cn-record-list__bar[data-v-
|
|
42840
|
+
.cn-record-list__bar[data-v-0e3cf5c3] {
|
|
42592
42841
|
background: var(--color-border);
|
|
42593
42842
|
border-radius: 3px;
|
|
42594
42843
|
display: block;
|
|
@@ -42596,15 +42845,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42596
42845
|
margin: -6px 0 12px;
|
|
42597
42846
|
overflow: hidden;
|
|
42598
42847
|
}
|
|
42599
|
-
.cn-record-list__bar-fill[data-v-
|
|
42848
|
+
.cn-record-list__bar-fill[data-v-0e3cf5c3] {
|
|
42600
42849
|
background: var(--color-primary-element);
|
|
42601
42850
|
display: block;
|
|
42602
42851
|
height: 100%;
|
|
42603
42852
|
}
|
|
42604
|
-
.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-
|
|
42853
|
+
.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-0e3cf5c3] {
|
|
42605
42854
|
background: var(--color-error);
|
|
42606
42855
|
}
|
|
42607
|
-
.cn-record-list__row[data-v-
|
|
42856
|
+
.cn-record-list__row[data-v-0e3cf5c3] {
|
|
42608
42857
|
align-items: center;
|
|
42609
42858
|
color: var(--color-main-text);
|
|
42610
42859
|
display: flex;
|
|
@@ -42612,17 +42861,17 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42612
42861
|
padding: 12px 0;
|
|
42613
42862
|
text-decoration: none;
|
|
42614
42863
|
}
|
|
42615
|
-
.cn-record-list__row--link:hover .cn-record-list__title[data-v-
|
|
42616
|
-
.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-
|
|
42864
|
+
.cn-record-list__row--link:hover .cn-record-list__title[data-v-0e3cf5c3],
|
|
42865
|
+
.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-0e3cf5c3] {
|
|
42617
42866
|
text-decoration: underline;
|
|
42618
42867
|
}
|
|
42619
|
-
.cn-record-list__dot[data-v-
|
|
42868
|
+
.cn-record-list__dot[data-v-0e3cf5c3] {
|
|
42620
42869
|
flex: 0 0 14px;
|
|
42621
42870
|
width: 14px;
|
|
42622
42871
|
height: 14px;
|
|
42623
42872
|
border-radius: 50%;
|
|
42624
42873
|
}
|
|
42625
|
-
.cn-record-list__flag[data-v-
|
|
42874
|
+
.cn-record-list__flag[data-v-0e3cf5c3] {
|
|
42626
42875
|
color: var(--color-text-maxcontrast);
|
|
42627
42876
|
font-size: 14px;
|
|
42628
42877
|
white-space: nowrap;
|
|
@@ -42630,12 +42879,12 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42630
42879
|
|
|
42631
42880
|
/* `avatar.size: 32`: the smaller circle, 12px from the title where the row
|
|
42632
42881
|
keeps 16px between its other parts (DqZaakBesluiten Adviezen). */
|
|
42633
|
-
.cn-record-list__list--avatar-small .cn-record-list__avatar[data-v-
|
|
42882
|
+
.cn-record-list__list--avatar-small .cn-record-list__avatar[data-v-0e3cf5c3] {
|
|
42634
42883
|
width: 32px;
|
|
42635
42884
|
height: 32px;
|
|
42636
42885
|
margin-inline-end: -4px;
|
|
42637
42886
|
}
|
|
42638
|
-
.cn-record-list__avatar[data-v-
|
|
42887
|
+
.cn-record-list__avatar[data-v-0e3cf5c3] {
|
|
42639
42888
|
align-items: center;
|
|
42640
42889
|
background: var(--color-background-hover);
|
|
42641
42890
|
border-radius: 50%;
|
|
@@ -42648,97 +42897,97 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42648
42897
|
justify-content: center;
|
|
42649
42898
|
width: 36px;
|
|
42650
42899
|
}
|
|
42651
|
-
.cn-record-list__main[data-v-
|
|
42900
|
+
.cn-record-list__main[data-v-0e3cf5c3] {
|
|
42652
42901
|
display: flex;
|
|
42653
42902
|
flex: 1 1 auto;
|
|
42654
42903
|
flex-direction: column;
|
|
42655
42904
|
gap: 2px;
|
|
42656
42905
|
min-width: 0;
|
|
42657
42906
|
}
|
|
42658
|
-
.cn-record-list__title[data-v-
|
|
42907
|
+
.cn-record-list__title[data-v-0e3cf5c3] {
|
|
42659
42908
|
font-size: 15px;
|
|
42660
42909
|
font-weight: 700;
|
|
42661
42910
|
}
|
|
42662
|
-
.cn-record-list--compact .cn-record-list__row[data-v-
|
|
42911
|
+
.cn-record-list--compact .cn-record-list__row[data-v-0e3cf5c3] {
|
|
42663
42912
|
box-sizing: border-box;
|
|
42664
42913
|
min-height: 56px;
|
|
42665
42914
|
padding: 10px 0;
|
|
42666
42915
|
}
|
|
42667
|
-
.cn-record-list--compact .cn-record-list__title[data-v-
|
|
42916
|
+
.cn-record-list--compact .cn-record-list__title[data-v-0e3cf5c3] {
|
|
42668
42917
|
font-weight: 500;
|
|
42669
42918
|
}
|
|
42670
42919
|
|
|
42671
42920
|
/* `density: "stacked"`: the rows stand 10px apart with no rule and no row
|
|
42672
42921
|
padding, a short side list (DqDagAfsluiten "Morgen eerst"). */
|
|
42673
|
-
.cn-record-list--stacked .cn-record-list__list[data-v-
|
|
42922
|
+
.cn-record-list--stacked .cn-record-list__list[data-v-0e3cf5c3] {
|
|
42674
42923
|
display: flex;
|
|
42675
42924
|
flex-direction: column;
|
|
42676
42925
|
gap: 10px;
|
|
42677
42926
|
}
|
|
42678
|
-
.cn-record-list--stacked .cn-record-list__row[data-v-
|
|
42927
|
+
.cn-record-list--stacked .cn-record-list__row[data-v-0e3cf5c3] {
|
|
42679
42928
|
min-height: 0;
|
|
42680
42929
|
padding: 0;
|
|
42681
42930
|
}
|
|
42682
|
-
.cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-
|
|
42931
|
+
.cn-record-list--stacked .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3] {
|
|
42683
42932
|
border-top: 0;
|
|
42684
42933
|
}
|
|
42685
|
-
.cn-record-list__meta[data-v-
|
|
42934
|
+
.cn-record-list__meta[data-v-0e3cf5c3] {
|
|
42686
42935
|
color: var(--color-text-maxcontrast);
|
|
42687
42936
|
font-size: 13px;
|
|
42688
42937
|
}
|
|
42689
|
-
.cn-record-list__aside[data-v-
|
|
42938
|
+
.cn-record-list__aside[data-v-0e3cf5c3] {
|
|
42690
42939
|
align-items: center;
|
|
42691
42940
|
display: flex;
|
|
42692
42941
|
flex: none;
|
|
42693
42942
|
gap: 16px;
|
|
42694
42943
|
}
|
|
42695
|
-
.cn-record-list__leading[data-v-
|
|
42944
|
+
.cn-record-list__leading[data-v-0e3cf5c3] {
|
|
42696
42945
|
flex: 0 0 52px;
|
|
42697
42946
|
color: var(--color-text-maxcontrast);
|
|
42698
42947
|
font-size: 14px;
|
|
42699
42948
|
font-weight: 600;
|
|
42700
42949
|
font-variant-numeric: tabular-nums;
|
|
42701
42950
|
}
|
|
42702
|
-
.cn-record-list__trailing[data-v-
|
|
42951
|
+
.cn-record-list__trailing[data-v-0e3cf5c3] {
|
|
42703
42952
|
font-size: 14px;
|
|
42704
42953
|
white-space: nowrap;
|
|
42705
42954
|
}
|
|
42706
|
-
.cn-record-list__due[data-v-
|
|
42955
|
+
.cn-record-list__due[data-v-0e3cf5c3] {
|
|
42707
42956
|
font-size: 14px;
|
|
42708
42957
|
white-space: nowrap;
|
|
42709
42958
|
}
|
|
42710
|
-
.cn-record-list__due--danger[data-v-
|
|
42959
|
+
.cn-record-list__due--danger[data-v-0e3cf5c3] {
|
|
42711
42960
|
color: var(--color-text-error, var(--color-error-text));
|
|
42712
42961
|
font-weight: 600;
|
|
42713
42962
|
}
|
|
42714
|
-
.cn-record-list__table[data-v-
|
|
42963
|
+
.cn-record-list__table[data-v-0e3cf5c3] {
|
|
42715
42964
|
width: 100%;
|
|
42716
42965
|
border-collapse: collapse;
|
|
42717
42966
|
font-size: 14px;
|
|
42718
42967
|
}
|
|
42719
|
-
.cn-record-list__table th[data-v-
|
|
42968
|
+
.cn-record-list__table th[data-v-0e3cf5c3] {
|
|
42720
42969
|
padding: 6px 0;
|
|
42721
42970
|
border-bottom: 1px solid var(--color-border);
|
|
42722
42971
|
color: var(--color-text-maxcontrast);
|
|
42723
42972
|
font-weight: 600;
|
|
42724
42973
|
text-align: start;
|
|
42725
42974
|
}
|
|
42726
|
-
.cn-record-list__table td[data-v-
|
|
42975
|
+
.cn-record-list__table td[data-v-0e3cf5c3] {
|
|
42727
42976
|
padding: 8px 0;
|
|
42728
42977
|
border-bottom: 1px solid var(--color-border);
|
|
42729
42978
|
}
|
|
42730
|
-
.cn-record-list__cell-sub[data-v-
|
|
42979
|
+
.cn-record-list__cell-sub[data-v-0e3cf5c3] {
|
|
42731
42980
|
display: block;
|
|
42732
42981
|
color: var(--color-text-maxcontrast);
|
|
42733
42982
|
font-size: 13px;
|
|
42734
42983
|
}
|
|
42735
|
-
.cn-record-list__table .cn-record-list__cell--actions[data-v-
|
|
42984
|
+
.cn-record-list__table .cn-record-list__cell--actions[data-v-0e3cf5c3] {
|
|
42736
42985
|
width: 1%;
|
|
42737
42986
|
padding-inline-start: 12px;
|
|
42738
42987
|
text-align: end;
|
|
42739
42988
|
white-space: nowrap;
|
|
42740
42989
|
}
|
|
42741
|
-
.cn-record-list__sort[data-v-
|
|
42990
|
+
.cn-record-list__sort[data-v-0e3cf5c3] {
|
|
42742
42991
|
display: inline-flex;
|
|
42743
42992
|
gap: 4px;
|
|
42744
42993
|
align-items: center;
|
|
@@ -42751,83 +43000,90 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42751
43000
|
font: inherit;
|
|
42752
43001
|
cursor: pointer;
|
|
42753
43002
|
}
|
|
42754
|
-
.cn-record-list__sort[data-v-
|
|
43003
|
+
.cn-record-list__sort[data-v-0e3cf5c3]:focus-visible {
|
|
42755
43004
|
outline: 2px solid var(--color-primary-element);
|
|
42756
43005
|
outline-offset: 2px;
|
|
42757
43006
|
}
|
|
42758
|
-
.cn-record-list__sort-mark[data-v-
|
|
42759
|
-
|
|
43007
|
+
.cn-record-list__sort-mark[data-v-0e3cf5c3] {
|
|
43008
|
+
color: var(--color-text-maxcontrast);
|
|
42760
43009
|
}
|
|
42761
|
-
.cn-record-list__head[data-v-
|
|
43010
|
+
.cn-record-list__head[data-v-0e3cf5c3] {
|
|
42762
43011
|
display: inline-flex;
|
|
42763
43012
|
gap: 4px;
|
|
42764
43013
|
align-items: center;
|
|
42765
43014
|
}
|
|
42766
|
-
|
|
43015
|
+
|
|
43016
|
+
/* The funnel is a 22px control, as the boards draw it beside a head, not
|
|
43017
|
+
NcActions' 34px trigger that made the head row 54px. */
|
|
43018
|
+
.cn-record-list__head-filter[data-v-0e3cf5c3] .button-vue {
|
|
42767
43019
|
--button-size: 22px;
|
|
43020
|
+
width: 22px;
|
|
43021
|
+
min-width: 22px;
|
|
43022
|
+
height: 22px;
|
|
43023
|
+
min-height: 22px;
|
|
42768
43024
|
}
|
|
42769
|
-
.cn-record-list__table .cn-record-list__cell--end[data-v-
|
|
43025
|
+
.cn-record-list__table .cn-record-list__cell--end[data-v-0e3cf5c3] {
|
|
42770
43026
|
padding-inline-start: 12px;
|
|
42771
43027
|
text-align: end;
|
|
42772
43028
|
font-variant-numeric: tabular-nums;
|
|
42773
43029
|
}
|
|
42774
|
-
.cn-record-list__table .cn-record-list__cell--alert[data-v-
|
|
43030
|
+
.cn-record-list__table .cn-record-list__cell--alert[data-v-0e3cf5c3] {
|
|
42775
43031
|
color: var(--color-text-error, var(--color-error-text));
|
|
42776
43032
|
font-weight: 700;
|
|
42777
43033
|
}
|
|
42778
|
-
.cn-record-list__intro[data-v-
|
|
43034
|
+
.cn-record-list__intro[data-v-0e3cf5c3] {
|
|
42779
43035
|
margin: 0 0 8px;
|
|
42780
43036
|
color: var(--color-text-maxcontrast);
|
|
42781
43037
|
}
|
|
42782
|
-
.cn-record-list__footnote[data-v-
|
|
43038
|
+
.cn-record-list__footnote[data-v-0e3cf5c3] {
|
|
42783
43039
|
margin: 8px 0 0;
|
|
42784
43040
|
color: var(--color-text-maxcontrast);
|
|
42785
43041
|
font-size: 13px;
|
|
42786
43042
|
}
|
|
42787
|
-
.cn-record-list__due--soon[data-v-
|
|
43043
|
+
.cn-record-list__due--soon[data-v-0e3cf5c3] {
|
|
42788
43044
|
color: var(--color-text-warning, var(--color-warning-text));
|
|
42789
43045
|
font-weight: 600;
|
|
42790
43046
|
}
|
|
42791
|
-
.cn-record-list__due--empty[data-v-
|
|
43047
|
+
.cn-record-list__due--empty[data-v-0e3cf5c3] {
|
|
42792
43048
|
color: var(--color-text-maxcontrast);
|
|
42793
43049
|
}
|
|
42794
|
-
.cn-record-list__row--action[data-v-
|
|
43050
|
+
.cn-record-list__row--action[data-v-0e3cf5c3] {
|
|
42795
43051
|
flex-wrap: wrap;
|
|
42796
43052
|
gap: 8px 16px;
|
|
42797
43053
|
padding: 14px 0;
|
|
42798
43054
|
}
|
|
42799
|
-
.cn-record-list__row--action .cn-record-list__main[data-v-
|
|
43055
|
+
.cn-record-list__row--action .cn-record-list__main[data-v-0e3cf5c3] {
|
|
42800
43056
|
flex: 1 1 280px;
|
|
42801
43057
|
gap: 3px;
|
|
42802
43058
|
}
|
|
42803
|
-
.cn-record-list__title--link[data-v-
|
|
43059
|
+
.cn-record-list__title--link[data-v-0e3cf5c3] {
|
|
42804
43060
|
color: var(--color-main-text);
|
|
42805
43061
|
text-decoration: underline;
|
|
42806
43062
|
}
|
|
42807
|
-
.cn-record-list__pills[data-v-
|
|
43063
|
+
.cn-record-list__pills[data-v-0e3cf5c3] {
|
|
42808
43064
|
display: flex;
|
|
42809
43065
|
flex: 0 0 120px;
|
|
42810
43066
|
gap: 6px;
|
|
42811
43067
|
justify-content: flex-end;
|
|
42812
43068
|
}
|
|
42813
|
-
.cn-record-list__due--below[data-v-
|
|
43069
|
+
.cn-record-list__due--below[data-v-0e3cf5c3] {
|
|
42814
43070
|
font-size: 13px;
|
|
42815
43071
|
font-weight: 600;
|
|
42816
43072
|
white-space: normal;
|
|
42817
43073
|
}
|
|
42818
|
-
.cn-record-list__footer-link[data-v-
|
|
43074
|
+
.cn-record-list__footer-link[data-v-0e3cf5c3] {
|
|
42819
43075
|
align-self: flex-start;
|
|
42820
43076
|
padding-top: 8px;
|
|
42821
43077
|
font-size: 14px;
|
|
42822
43078
|
font-weight: 600;
|
|
42823
43079
|
text-decoration: underline;
|
|
42824
43080
|
}
|
|
42825
|
-
.cn-record-list__due--column[data-v-
|
|
43081
|
+
.cn-record-list__due--column[data-v-0e3cf5c3] {
|
|
42826
43082
|
flex: 0 0 96px;
|
|
42827
43083
|
font-size: 13px;
|
|
42828
43084
|
text-align: end;
|
|
42829
43085
|
}
|
|
42830
|
-
.cn-record-list__action[data-v-
|
|
43086
|
+
.cn-record-list__action[data-v-0e3cf5c3] {
|
|
42831
43087
|
align-items: center;
|
|
42832
43088
|
background: var(--color-primary-element-light);
|
|
42833
43089
|
border: 0;
|
|
@@ -42841,15 +43097,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42841
43097
|
font-weight: 600;
|
|
42842
43098
|
height: 34px;
|
|
42843
43099
|
justify-content: center;
|
|
42844
|
-
margin: 0;
|
|
42845
43100
|
padding: 0 14px;
|
|
42846
43101
|
text-decoration: none;
|
|
42847
43102
|
}
|
|
42848
|
-
|
|
42849
|
-
.
|
|
43103
|
+
|
|
43104
|
+
/* server.css gives every button `margin: 3px 3px 3px 0` at (0,2,1); the
|
|
43105
|
+
doubled class outranks it. */
|
|
43106
|
+
.cn-record-list__action.cn-record-list__action[data-v-0e3cf5c3] {
|
|
43107
|
+
margin: 0;
|
|
43108
|
+
}
|
|
43109
|
+
.cn-record-list__action[data-v-0e3cf5c3]:hover,
|
|
43110
|
+
.cn-record-list__action[data-v-0e3cf5c3]:focus-visible {
|
|
42850
43111
|
background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
|
|
42851
43112
|
}
|
|
42852
|
-
.cn-record-list__chevron[data-v-
|
|
43113
|
+
.cn-record-list__chevron[data-v-0e3cf5c3] {
|
|
42853
43114
|
color: var(--color-text-maxcontrast);
|
|
42854
43115
|
flex: none;
|
|
42855
43116
|
}
|
|
@@ -42857,15 +43118,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42857
43118
|
/* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
|
|
42858
43119
|
tiles in a grid, the title at 14px regular. The selectors outrank the board
|
|
42859
43120
|
look's list row rules. */
|
|
42860
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-
|
|
43121
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-0e3cf5c3] {
|
|
42861
43122
|
display: grid;
|
|
42862
43123
|
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
|
42863
43124
|
gap: 8px;
|
|
42864
43125
|
}
|
|
42865
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-
|
|
43126
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-0e3cf5c3] {
|
|
42866
43127
|
border-top: 0;
|
|
42867
43128
|
}
|
|
42868
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-
|
|
43129
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-0e3cf5c3] {
|
|
42869
43130
|
box-sizing: border-box;
|
|
42870
43131
|
height: 100%;
|
|
42871
43132
|
gap: 10px;
|
|
@@ -42874,19 +43135,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42874
43135
|
border: 1px solid var(--cn-board-hairline, var(--color-border));
|
|
42875
43136
|
border-radius: 8px;
|
|
42876
43137
|
}
|
|
42877
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-
|
|
43138
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-0e3cf5c3] {
|
|
42878
43139
|
font-size: 14px;
|
|
42879
43140
|
font-weight: 400;
|
|
42880
43141
|
}
|
|
42881
43142
|
|
|
42882
43143
|
/* cards (board ShBank): a grid of framed cards, 240px at the least. */
|
|
42883
|
-
.cn-record-list--cards .cn-record-list__list[data-v-
|
|
43144
|
+
.cn-record-list--cards .cn-record-list__list[data-v-0e3cf5c3] {
|
|
42884
43145
|
align-items: start;
|
|
42885
43146
|
display: grid;
|
|
42886
43147
|
gap: 16px;
|
|
42887
43148
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
|
42888
43149
|
}
|
|
42889
|
-
.cn-record-list__card[data-v-
|
|
43150
|
+
.cn-record-list__card[data-v-0e3cf5c3] {
|
|
42890
43151
|
background: var(--color-main-background);
|
|
42891
43152
|
border: 1px solid var(--color-border);
|
|
42892
43153
|
border-radius: 12px;
|
|
@@ -42902,63 +43163,63 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42902
43163
|
/* `density: "compact"` on cards: the boards' small framed rows (DqInspectie
|
|
42903
43164
|
"Molenweg 4" and the outbox): 12px 14px in, the title 15px/700 on an
|
|
42904
43165
|
18px line with the pill at its end, the meta 6px under it. */
|
|
42905
|
-
.cn-record-list--compact .cn-record-list__card[data-v-
|
|
43166
|
+
.cn-record-list--compact .cn-record-list__card[data-v-0e3cf5c3] {
|
|
42906
43167
|
gap: 6px;
|
|
42907
43168
|
padding: 12px 14px;
|
|
42908
43169
|
}
|
|
42909
|
-
.cn-record-list--compact .cn-record-list__card-head[data-v-
|
|
43170
|
+
.cn-record-list--compact .cn-record-list__card-head[data-v-0e3cf5c3] {
|
|
42910
43171
|
align-items: flex-start;
|
|
42911
43172
|
}
|
|
42912
|
-
.cn-record-list--compact .cn-record-list__card .cn-record-list__title[data-v-
|
|
43173
|
+
.cn-record-list--compact .cn-record-list__card .cn-record-list__title[data-v-0e3cf5c3] {
|
|
42913
43174
|
font-size: 15px;
|
|
42914
43175
|
font-weight: 700;
|
|
42915
43176
|
line-height: 1.2;
|
|
42916
43177
|
}
|
|
42917
|
-
.cn-record-list__card--link[data-v-
|
|
42918
|
-
.cn-record-list__card--link[data-v-
|
|
43178
|
+
.cn-record-list__card--link[data-v-0e3cf5c3]:hover,
|
|
43179
|
+
.cn-record-list__card--link[data-v-0e3cf5c3]:focus-visible {
|
|
42919
43180
|
border-color: var(--color-border-dark, var(--color-border));
|
|
42920
43181
|
}
|
|
42921
|
-
.cn-record-list__card--link:hover .cn-record-list__title[data-v-
|
|
42922
|
-
.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-
|
|
43182
|
+
.cn-record-list__card--link:hover .cn-record-list__title[data-v-0e3cf5c3],
|
|
43183
|
+
.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-0e3cf5c3] {
|
|
42923
43184
|
text-decoration: underline;
|
|
42924
43185
|
}
|
|
42925
|
-
.cn-record-list__card-head[data-v-
|
|
43186
|
+
.cn-record-list__card-head[data-v-0e3cf5c3] {
|
|
42926
43187
|
align-items: center;
|
|
42927
43188
|
display: flex;
|
|
42928
43189
|
gap: 8px;
|
|
42929
43190
|
justify-content: space-between;
|
|
42930
43191
|
}
|
|
42931
|
-
.cn-record-list__card-title[data-v-
|
|
43192
|
+
.cn-record-list__card-title[data-v-0e3cf5c3] {
|
|
42932
43193
|
align-items: center;
|
|
42933
43194
|
display: flex;
|
|
42934
43195
|
gap: 8px;
|
|
42935
43196
|
min-width: 0;
|
|
42936
43197
|
}
|
|
42937
|
-
.cn-record-list__card-icon[data-v-
|
|
43198
|
+
.cn-record-list__card-icon[data-v-0e3cf5c3] {
|
|
42938
43199
|
color: var(--color-primary-element);
|
|
42939
43200
|
flex: none;
|
|
42940
43201
|
}
|
|
42941
|
-
.cn-record-list__card-pills[data-v-
|
|
43202
|
+
.cn-record-list__card-pills[data-v-0e3cf5c3] {
|
|
42942
43203
|
display: flex;
|
|
42943
43204
|
flex: none;
|
|
42944
43205
|
gap: 6px;
|
|
42945
43206
|
}
|
|
42946
|
-
.cn-record-list__card-value[data-v-
|
|
43207
|
+
.cn-record-list__card-value[data-v-0e3cf5c3] {
|
|
42947
43208
|
font-size: 24px;
|
|
42948
43209
|
font-weight: 700;
|
|
42949
43210
|
}
|
|
42950
43211
|
|
|
42951
43212
|
/* feed */
|
|
42952
|
-
.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-
|
|
43213
|
+
.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-0e3cf5c3] {
|
|
42953
43214
|
border-top: 1px solid var(--color-border);
|
|
42954
43215
|
}
|
|
42955
|
-
.cn-record-list__feed-row[data-v-
|
|
43216
|
+
.cn-record-list__feed-row[data-v-0e3cf5c3] {
|
|
42956
43217
|
align-items: flex-start;
|
|
42957
43218
|
display: flex;
|
|
42958
43219
|
gap: 14px;
|
|
42959
43220
|
padding: 12px 0;
|
|
42960
43221
|
}
|
|
42961
|
-
.cn-record-list__feed-icon[data-v-
|
|
43222
|
+
.cn-record-list__feed-icon[data-v-0e3cf5c3] {
|
|
42962
43223
|
align-items: center;
|
|
42963
43224
|
background: var(--color-primary-element-light);
|
|
42964
43225
|
border-radius: 50%;
|
|
@@ -42969,25 +43230,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
42969
43230
|
justify-content: center;
|
|
42970
43231
|
width: 36px;
|
|
42971
43232
|
}
|
|
42972
|
-
.cn-record-list__text[data-v-
|
|
43233
|
+
.cn-record-list__text[data-v-0e3cf5c3] {
|
|
42973
43234
|
font-size: 15px;
|
|
42974
43235
|
}
|
|
42975
|
-
.cn-record-list--feed .cn-record-list__main[data-v-
|
|
43236
|
+
.cn-record-list--feed .cn-record-list__main[data-v-0e3cf5c3] {
|
|
42976
43237
|
color: var(--color-main-text);
|
|
42977
43238
|
text-decoration: none;
|
|
42978
43239
|
}
|
|
42979
43240
|
|
|
42980
43241
|
/* inline */
|
|
42981
|
-
.cn-record-list__inline-row[data-v-
|
|
43242
|
+
.cn-record-list__inline-row[data-v-0e3cf5c3] {
|
|
42982
43243
|
padding: 4px 0;
|
|
42983
43244
|
}
|
|
42984
|
-
.cn-record-list__label[data-v-
|
|
43245
|
+
.cn-record-list__label[data-v-0e3cf5c3] {
|
|
42985
43246
|
margin-inline-end: 4px;
|
|
42986
43247
|
}
|
|
42987
|
-
.cn-record-list__inline-title[data-v-
|
|
43248
|
+
.cn-record-list__inline-title[data-v-0e3cf5c3] {
|
|
42988
43249
|
color: var(--color-main-text);
|
|
42989
43250
|
}
|
|
42990
|
-
a.cn-record-list__inline-title[data-v-
|
|
43251
|
+
a.cn-record-list__inline-title[data-v-0e3cf5c3] {
|
|
42991
43252
|
color: var(--color-primary-element);
|
|
42992
43253
|
text-decoration: underline;
|
|
42993
43254
|
}
|
|
@@ -50657,30 +50918,30 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50657
50918
|
}
|
|
50658
50919
|
|
|
50659
50920
|
|
|
50660
|
-
.cn-register-mapping__group[data-v-
|
|
50921
|
+
.cn-register-mapping__group[data-v-15c62064] {
|
|
50661
50922
|
margin-bottom: 24px;
|
|
50662
50923
|
border: 1px solid var(--color-border);
|
|
50663
50924
|
border-radius: var(--border-radius-large);
|
|
50664
50925
|
padding: 20px;
|
|
50665
50926
|
background: var(--color-background-hover);
|
|
50666
50927
|
}
|
|
50667
|
-
.cn-register-mapping__group[data-v-
|
|
50928
|
+
.cn-register-mapping__group[data-v-15c62064]:last-child {
|
|
50668
50929
|
margin-bottom: 0;
|
|
50669
50930
|
}
|
|
50670
|
-
.cn-register-mapping__group-header[data-v-
|
|
50931
|
+
.cn-register-mapping__group-header[data-v-15c62064] {
|
|
50671
50932
|
display: flex;
|
|
50672
50933
|
align-items: center;
|
|
50673
50934
|
justify-content: space-between;
|
|
50674
50935
|
margin-bottom: 12px;
|
|
50675
50936
|
}
|
|
50676
|
-
.cn-register-mapping__group-heading[data-v-
|
|
50937
|
+
.cn-register-mapping__group-heading[data-v-15c62064] {
|
|
50677
50938
|
margin: 0 0 12px;
|
|
50678
50939
|
font: inherit;
|
|
50679
50940
|
}
|
|
50680
|
-
.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-
|
|
50941
|
+
.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-15c62064] {
|
|
50681
50942
|
margin-bottom: 0;
|
|
50682
50943
|
}
|
|
50683
|
-
.cn-register-mapping__group-toggle[data-v-
|
|
50944
|
+
.cn-register-mapping__group-toggle[data-v-15c62064] {
|
|
50684
50945
|
box-sizing: border-box;
|
|
50685
50946
|
display: flex;
|
|
50686
50947
|
align-items: center;
|
|
@@ -50696,49 +50957,49 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50696
50957
|
text-align: start;
|
|
50697
50958
|
cursor: pointer;
|
|
50698
50959
|
}
|
|
50699
|
-
.cn-register-mapping__group-toggle[data-v-
|
|
50960
|
+
.cn-register-mapping__group-toggle[data-v-15c62064]:focus-visible {
|
|
50700
50961
|
outline: 2px solid var(--color-primary-element);
|
|
50701
50962
|
outline-offset: 2px;
|
|
50702
50963
|
border-radius: var(--border-radius);
|
|
50703
50964
|
}
|
|
50704
|
-
.cn-register-mapping__group-chevron[data-v-
|
|
50965
|
+
.cn-register-mapping__group-chevron[data-v-15c62064] {
|
|
50705
50966
|
display: inline-flex;
|
|
50706
50967
|
flex: none;
|
|
50707
50968
|
color: var(--color-text-maxcontrast);
|
|
50708
50969
|
}
|
|
50709
|
-
.cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-
|
|
50970
|
+
.cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-15c62064] {
|
|
50710
50971
|
flex: 1 1 auto;
|
|
50711
50972
|
flex-wrap: wrap;
|
|
50712
50973
|
gap: 4px 12px;
|
|
50713
50974
|
min-width: 0;
|
|
50714
50975
|
margin-bottom: 0;
|
|
50715
50976
|
}
|
|
50716
|
-
.cn-register-mapping__group-title[data-v-
|
|
50977
|
+
.cn-register-mapping__group-title[data-v-15c62064] {
|
|
50717
50978
|
font-size: 16px;
|
|
50718
50979
|
font-weight: 600;
|
|
50719
50980
|
margin: 0;
|
|
50720
50981
|
color: var(--color-main-text);
|
|
50721
50982
|
}
|
|
50722
|
-
.cn-register-mapping__group-status[data-v-
|
|
50983
|
+
.cn-register-mapping__group-status[data-v-15c62064] {
|
|
50723
50984
|
font-size: 13px;
|
|
50724
50985
|
color: var(--color-text-maxcontrast);
|
|
50725
50986
|
}
|
|
50726
|
-
.cn-register-mapping__group-description[data-v-
|
|
50987
|
+
.cn-register-mapping__group-description[data-v-15c62064] {
|
|
50727
50988
|
color: var(--color-text-maxcontrast);
|
|
50728
50989
|
font-size: 13px;
|
|
50729
50990
|
margin: 0 0 12px 0;
|
|
50730
50991
|
}
|
|
50731
|
-
.cn-register-mapping__register-select[data-v-
|
|
50992
|
+
.cn-register-mapping__register-select[data-v-15c62064] {
|
|
50732
50993
|
margin-bottom: 16px;
|
|
50733
50994
|
max-width: 400px;
|
|
50734
50995
|
}
|
|
50735
|
-
.cn-register-mapping__type-list[data-v-
|
|
50996
|
+
.cn-register-mapping__type-list[data-v-15c62064] {
|
|
50736
50997
|
border: 1px solid var(--color-border);
|
|
50737
50998
|
border-radius: var(--border-radius);
|
|
50738
50999
|
overflow: hidden;
|
|
50739
51000
|
background: var(--color-main-background);
|
|
50740
51001
|
}
|
|
50741
|
-
.cn-register-mapping__type-list-header[data-v-
|
|
51002
|
+
.cn-register-mapping__type-list-header[data-v-15c62064] {
|
|
50742
51003
|
display: grid;
|
|
50743
51004
|
grid-template-columns: 1fr 1fr 40px 32px;
|
|
50744
51005
|
align-items: center;
|
|
@@ -50751,7 +51012,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50751
51012
|
border-bottom: 1px solid var(--color-border);
|
|
50752
51013
|
background: var(--color-background-hover);
|
|
50753
51014
|
}
|
|
50754
|
-
.cn-register-mapping__type-row[data-v-
|
|
51015
|
+
.cn-register-mapping__type-row[data-v-15c62064] {
|
|
50755
51016
|
display: grid;
|
|
50756
51017
|
grid-template-columns: 1fr 1fr 40px 32px;
|
|
50757
51018
|
align-items: center;
|
|
@@ -50760,59 +51021,59 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50760
51021
|
cursor: pointer;
|
|
50761
51022
|
transition: background-color 0.15s ease;
|
|
50762
51023
|
}
|
|
50763
|
-
.cn-register-mapping__type-row[data-v-
|
|
51024
|
+
.cn-register-mapping__type-row[data-v-15c62064]:hover {
|
|
50764
51025
|
background: var(--color-background-hover);
|
|
50765
51026
|
}
|
|
50766
|
-
.cn-register-mapping__type-row--expanded[data-v-
|
|
51027
|
+
.cn-register-mapping__type-row--expanded[data-v-15c62064] {
|
|
50767
51028
|
background: var(--color-background-hover);
|
|
50768
51029
|
}
|
|
50769
|
-
.cn-register-mapping__type-name[data-v-
|
|
51030
|
+
.cn-register-mapping__type-name[data-v-15c62064] {
|
|
50770
51031
|
font-weight: 500;
|
|
50771
51032
|
color: var(--color-main-text);
|
|
50772
51033
|
}
|
|
50773
|
-
.cn-register-mapping__type-schema[data-v-
|
|
51034
|
+
.cn-register-mapping__type-schema[data-v-15c62064] {
|
|
50774
51035
|
color: var(--color-text-maxcontrast);
|
|
50775
51036
|
font-size: 13px;
|
|
50776
51037
|
}
|
|
50777
|
-
.cn-register-mapping__type-status[data-v-
|
|
51038
|
+
.cn-register-mapping__type-status[data-v-15c62064] {
|
|
50778
51039
|
display: flex;
|
|
50779
51040
|
justify-content: center;
|
|
50780
51041
|
}
|
|
50781
|
-
.cn-register-mapping__type-chevron[data-v-
|
|
51042
|
+
.cn-register-mapping__type-chevron[data-v-15c62064] {
|
|
50782
51043
|
display: flex;
|
|
50783
51044
|
justify-content: center;
|
|
50784
51045
|
color: var(--color-text-maxcontrast);
|
|
50785
51046
|
}
|
|
50786
|
-
.cn-register-mapping__status-dot[data-v-
|
|
51047
|
+
.cn-register-mapping__status-dot[data-v-15c62064] {
|
|
50787
51048
|
display: inline-block;
|
|
50788
51049
|
width: 10px;
|
|
50789
51050
|
height: 10px;
|
|
50790
51051
|
border-radius: 50%;
|
|
50791
51052
|
}
|
|
50792
|
-
.cn-register-mapping__status-dot--configured[data-v-
|
|
51053
|
+
.cn-register-mapping__status-dot--configured[data-v-15c62064] {
|
|
50793
51054
|
background-color: var(--color-success);
|
|
50794
51055
|
}
|
|
50795
|
-
.cn-register-mapping__status-dot--unconfigured[data-v-
|
|
51056
|
+
.cn-register-mapping__status-dot--unconfigured[data-v-15c62064] {
|
|
50796
51057
|
background-color: var(--color-warning);
|
|
50797
51058
|
}
|
|
50798
|
-
.cn-register-mapping__type-detail[data-v-
|
|
51059
|
+
.cn-register-mapping__type-detail[data-v-15c62064] {
|
|
50799
51060
|
padding: 12px 16px 16px;
|
|
50800
51061
|
border-bottom: 1px solid var(--color-border);
|
|
50801
51062
|
background: var(--color-main-background);
|
|
50802
51063
|
}
|
|
50803
|
-
.cn-register-mapping__type-description[data-v-
|
|
51064
|
+
.cn-register-mapping__type-description[data-v-15c62064] {
|
|
50804
51065
|
color: var(--color-text-maxcontrast);
|
|
50805
51066
|
font-size: 13px;
|
|
50806
51067
|
margin: 0 0 8px 0;
|
|
50807
51068
|
}
|
|
50808
51069
|
|
|
50809
51070
|
/* Board look (PqBeheer): one open group, compact rows for the others. */
|
|
50810
|
-
.cn-register-mapping--board[data-v-
|
|
51071
|
+
.cn-register-mapping--board[data-v-15c62064] {
|
|
50811
51072
|
display: flex;
|
|
50812
51073
|
flex-direction: column;
|
|
50813
51074
|
gap: 14px;
|
|
50814
51075
|
}
|
|
50815
|
-
.cn-register-mapping__board-group[data-v-
|
|
51076
|
+
.cn-register-mapping__board-group[data-v-15c62064] {
|
|
50816
51077
|
display: flex;
|
|
50817
51078
|
flex-direction: column;
|
|
50818
51079
|
gap: 10px;
|
|
@@ -50820,54 +51081,54 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50820
51081
|
border: 1px solid var(--color-border);
|
|
50821
51082
|
border-radius: var(--border-radius-large);
|
|
50822
51083
|
}
|
|
50823
|
-
.cn-register-mapping__board-head[data-v-
|
|
51084
|
+
.cn-register-mapping__board-head[data-v-15c62064] {
|
|
50824
51085
|
display: flex;
|
|
50825
51086
|
flex-wrap: wrap;
|
|
50826
51087
|
align-items: flex-start;
|
|
50827
51088
|
justify-content: space-between;
|
|
50828
51089
|
gap: 10px 16px;
|
|
50829
51090
|
}
|
|
50830
|
-
.cn-register-mapping__board-title[data-v-
|
|
51091
|
+
.cn-register-mapping__board-title[data-v-15c62064] {
|
|
50831
51092
|
margin: 0;
|
|
50832
51093
|
font-size: 15px;
|
|
50833
51094
|
font-weight: 700;
|
|
50834
51095
|
}
|
|
50835
|
-
.cn-register-mapping__selects-group[data-v-
|
|
51096
|
+
.cn-register-mapping__selects-group[data-v-15c62064] {
|
|
50836
51097
|
display: flex;
|
|
50837
51098
|
flex-direction: column;
|
|
50838
51099
|
gap: 16px;
|
|
50839
51100
|
}
|
|
50840
|
-
.cn-register-mapping__selects-register[data-v-
|
|
51101
|
+
.cn-register-mapping__selects-register[data-v-15c62064] {
|
|
50841
51102
|
max-width: 50%;
|
|
50842
51103
|
}
|
|
50843
51104
|
|
|
50844
51105
|
/* DqBeheerinstellingen: the register select fills its half of the card. */
|
|
50845
|
-
.cn-register-mapping__selects-register[data-v-
|
|
51106
|
+
.cn-register-mapping__selects-register[data-v-15c62064] .v-select {
|
|
50846
51107
|
width: 100%;
|
|
50847
51108
|
max-width: none;
|
|
50848
51109
|
}
|
|
50849
|
-
.cn-register-mapping__select-grid[data-v-
|
|
51110
|
+
.cn-register-mapping__select-grid[data-v-15c62064] {
|
|
50850
51111
|
display: grid;
|
|
50851
51112
|
grid-template-columns: repeat(var(--cn-register-mapping-columns, 3), minmax(0, 1fr));
|
|
50852
51113
|
gap: 16px;
|
|
50853
51114
|
}
|
|
50854
51115
|
@media (max-width: 768px) {
|
|
50855
|
-
.cn-register-mapping__selects-register[data-v-
|
|
51116
|
+
.cn-register-mapping__selects-register[data-v-15c62064] {
|
|
50856
51117
|
max-width: none;
|
|
50857
51118
|
}
|
|
50858
|
-
.cn-register-mapping__select-grid[data-v-
|
|
51119
|
+
.cn-register-mapping__select-grid[data-v-15c62064] {
|
|
50859
51120
|
grid-template-columns: minmax(0, 1fr);
|
|
50860
51121
|
}
|
|
50861
51122
|
}
|
|
50862
|
-
.cn-register-mapping__board-select[data-v-
|
|
51123
|
+
.cn-register-mapping__board-select[data-v-15c62064] {
|
|
50863
51124
|
max-width: 400px;
|
|
50864
51125
|
margin-bottom: 0;
|
|
50865
51126
|
}
|
|
50866
|
-
.cn-register-mapping__board-table[data-v-
|
|
51127
|
+
.cn-register-mapping__board-table[data-v-15c62064] {
|
|
50867
51128
|
width: 100%;
|
|
50868
51129
|
border-collapse: collapse;
|
|
50869
51130
|
}
|
|
50870
|
-
.cn-register-mapping__board-table th[data-v-
|
|
51131
|
+
.cn-register-mapping__board-table th[data-v-15c62064] {
|
|
50871
51132
|
padding: 8px 12px 8px 0;
|
|
50872
51133
|
border-bottom: 1px solid var(--color-border);
|
|
50873
51134
|
font-size: 13px;
|
|
@@ -50876,13 +51137,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50876
51137
|
text-align: start;
|
|
50877
51138
|
white-space: nowrap;
|
|
50878
51139
|
}
|
|
50879
|
-
.cn-register-mapping__board-table td[data-v-
|
|
51140
|
+
.cn-register-mapping__board-table td[data-v-15c62064] {
|
|
50880
51141
|
padding: 10px 12px 10px 0;
|
|
50881
51142
|
border-bottom: 1px solid var(--color-border);
|
|
50882
51143
|
font-size: 14px;
|
|
50883
51144
|
vertical-align: middle;
|
|
50884
51145
|
}
|
|
50885
|
-
.cn-register-mapping__board-schema[data-v-
|
|
51146
|
+
.cn-register-mapping__board-schema[data-v-15c62064] {
|
|
50886
51147
|
display: inline-flex;
|
|
50887
51148
|
align-items: center;
|
|
50888
51149
|
gap: 6px;
|
|
@@ -50896,26 +51157,26 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50896
51157
|
text-align: start;
|
|
50897
51158
|
cursor: pointer;
|
|
50898
51159
|
}
|
|
50899
|
-
.cn-register-mapping__board-schema[data-v-
|
|
51160
|
+
.cn-register-mapping__board-schema[data-v-15c62064]:hover {
|
|
50900
51161
|
text-decoration: underline;
|
|
50901
51162
|
}
|
|
50902
|
-
.cn-register-mapping__board-schema[data-v-
|
|
50903
|
-
.cn-register-mapping__board-link[data-v-
|
|
50904
|
-
.cn-register-mapping__board-group-row[data-v-
|
|
51163
|
+
.cn-register-mapping__board-schema[data-v-15c62064]:focus-visible,
|
|
51164
|
+
.cn-register-mapping__board-link[data-v-15c62064]:focus-visible,
|
|
51165
|
+
.cn-register-mapping__board-group-row[data-v-15c62064]:focus-visible {
|
|
50905
51166
|
outline: 2px solid var(--color-primary-element);
|
|
50906
51167
|
outline-offset: 2px;
|
|
50907
51168
|
border-radius: var(--border-radius);
|
|
50908
51169
|
}
|
|
50909
|
-
.cn-register-mapping__board-check[data-v-
|
|
51170
|
+
.cn-register-mapping__board-check[data-v-15c62064] {
|
|
50910
51171
|
color: var(--color-success-text, var(--color-success));
|
|
50911
51172
|
}
|
|
50912
|
-
.cn-register-mapping__board-more[data-v-
|
|
51173
|
+
.cn-register-mapping__board-more[data-v-15c62064] {
|
|
50913
51174
|
margin: 0;
|
|
50914
51175
|
font-size: 13px;
|
|
50915
51176
|
line-height: 1.4;
|
|
50916
51177
|
color: var(--color-text-maxcontrast);
|
|
50917
51178
|
}
|
|
50918
|
-
.cn-register-mapping__board-link[data-v-
|
|
51179
|
+
.cn-register-mapping__board-link[data-v-15c62064] {
|
|
50919
51180
|
margin: 0;
|
|
50920
51181
|
padding: 0;
|
|
50921
51182
|
border: 0;
|
|
@@ -50925,14 +51186,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50925
51186
|
text-decoration: underline;
|
|
50926
51187
|
cursor: pointer;
|
|
50927
51188
|
}
|
|
50928
|
-
.cn-register-mapping__board-groups[data-v-
|
|
51189
|
+
.cn-register-mapping__board-groups[data-v-15c62064] {
|
|
50929
51190
|
display: flex;
|
|
50930
51191
|
flex-direction: column;
|
|
50931
51192
|
margin: 0;
|
|
50932
51193
|
padding: 0;
|
|
50933
51194
|
list-style: none;
|
|
50934
51195
|
}
|
|
50935
|
-
.cn-register-mapping__board-group-row[data-v-
|
|
51196
|
+
.cn-register-mapping__board-group-row[data-v-15c62064] {
|
|
50936
51197
|
display: flex;
|
|
50937
51198
|
align-items: center;
|
|
50938
51199
|
gap: 10px;
|
|
@@ -50949,17 +51210,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50949
51210
|
text-align: start;
|
|
50950
51211
|
cursor: pointer;
|
|
50951
51212
|
}
|
|
50952
|
-
.cn-register-mapping__board-group-row[data-v-
|
|
51213
|
+
.cn-register-mapping__board-group-row[data-v-15c62064]:hover {
|
|
50953
51214
|
background: var(--color-background-hover);
|
|
50954
51215
|
}
|
|
50955
|
-
.cn-register-mapping__board-chevron[data-v-
|
|
50956
|
-
.cn-register-mapping__board-group-count[data-v-
|
|
51216
|
+
.cn-register-mapping__board-chevron[data-v-15c62064],
|
|
51217
|
+
.cn-register-mapping__board-group-count[data-v-15c62064] {
|
|
50957
51218
|
color: var(--color-text-maxcontrast);
|
|
50958
51219
|
}
|
|
50959
|
-
.cn-register-mapping__board-group-name[data-v-
|
|
51220
|
+
.cn-register-mapping__board-group-name[data-v-15c62064] {
|
|
50960
51221
|
flex: 1;
|
|
50961
51222
|
}
|
|
50962
|
-
.cn-register-mapping__board-save[data-v-
|
|
51223
|
+
.cn-register-mapping__board-save[data-v-15c62064] {
|
|
50963
51224
|
display: flex;
|
|
50964
51225
|
flex-wrap: wrap;
|
|
50965
51226
|
align-items: center;
|
|
@@ -50968,14 +51229,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50968
51229
|
}
|
|
50969
51230
|
|
|
50970
51231
|
/* Slide transition */
|
|
50971
|
-
.slide-enter-active[data-v-
|
|
50972
|
-
.slide-leave-active[data-v-
|
|
51232
|
+
.slide-enter-active[data-v-15c62064],
|
|
51233
|
+
.slide-leave-active[data-v-15c62064] {
|
|
50973
51234
|
transition: all 0.2s ease;
|
|
50974
51235
|
max-height: 200px;
|
|
50975
51236
|
overflow: hidden;
|
|
50976
51237
|
}
|
|
50977
|
-
.slide-enter[data-v-
|
|
50978
|
-
.slide-leave-to[data-v-
|
|
51238
|
+
.slide-enter[data-v-15c62064],
|
|
51239
|
+
.slide-leave-to[data-v-15c62064] {
|
|
50979
51240
|
max-height: 0;
|
|
50980
51241
|
padding-top: 0;
|
|
50981
51242
|
padding-bottom: 0;
|
|
@@ -50983,20 +51244,20 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
50983
51244
|
}
|
|
50984
51245
|
|
|
50985
51246
|
/* Last row in list should not have bottom border */
|
|
50986
|
-
.cn-register-mapping__type-list[data-v-
|
|
51247
|
+
.cn-register-mapping__type-list[data-v-15c62064] > :last-child {
|
|
50987
51248
|
border-bottom: none;
|
|
50988
51249
|
}
|
|
50989
51250
|
@media (max-width: 768px) {
|
|
50990
|
-
.cn-register-mapping__type-list-header[data-v-
|
|
51251
|
+
.cn-register-mapping__type-list-header[data-v-15c62064] {
|
|
50991
51252
|
display: none;
|
|
50992
51253
|
}
|
|
50993
|
-
.cn-register-mapping__type-row[data-v-
|
|
51254
|
+
.cn-register-mapping__type-row[data-v-15c62064] {
|
|
50994
51255
|
grid-template-columns: 1fr auto 32px;
|
|
50995
51256
|
}
|
|
50996
|
-
.cn-register-mapping__type-schema[data-v-
|
|
51257
|
+
.cn-register-mapping__type-schema[data-v-15c62064] {
|
|
50997
51258
|
display: none;
|
|
50998
51259
|
}
|
|
50999
|
-
.cn-register-mapping__register-select[data-v-
|
|
51260
|
+
.cn-register-mapping__register-select[data-v-15c62064] {
|
|
51000
51261
|
max-width: none;
|
|
51001
51262
|
}
|
|
51002
51263
|
}
|
|
@@ -51891,15 +52152,21 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
|
|
|
51891
52152
|
}
|
|
51892
52153
|
|
|
51893
52154
|
|
|
51894
|
-
.cn-access-purpose__sentence[data-v-
|
|
52155
|
+
.cn-access-purpose__sentence[data-v-64fad2b3] {
|
|
51895
52156
|
margin: 0 0 12px;
|
|
51896
52157
|
}
|
|
51897
|
-
.cn-access-purpose__choices[data-v-
|
|
52158
|
+
.cn-access-purpose__choices[data-v-64fad2b3] {
|
|
51898
52159
|
margin: 0 0 12px;
|
|
51899
52160
|
padding: 0;
|
|
51900
52161
|
border: 0;
|
|
51901
52162
|
}
|
|
51902
|
-
.cn-access-
|
|
52163
|
+
.cn-access-purpose__hint[data-v-64fad2b3] {
|
|
52164
|
+
margin: 0 0 6px;
|
|
52165
|
+
padding-inline-start: 36px;
|
|
52166
|
+
color: var(--color-text-maxcontrast);
|
|
52167
|
+
font-size: 13px;
|
|
52168
|
+
}
|
|
52169
|
+
.cn-access-purpose__legend[data-v-64fad2b3] {
|
|
51903
52170
|
margin-bottom: 4px;
|
|
51904
52171
|
font-weight: 600;
|
|
51905
52172
|
}
|
|
@@ -58348,12 +58615,12 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
|
|
|
58348
58615
|
}
|
|
58349
58616
|
|
|
58350
58617
|
|
|
58351
|
-
.cn-duplicate-warning[data-v-
|
|
58618
|
+
.cn-duplicate-warning[data-v-22af78f5] {
|
|
58352
58619
|
display: flex;
|
|
58353
58620
|
flex-direction: column;
|
|
58354
58621
|
gap: 12px;
|
|
58355
58622
|
}
|
|
58356
|
-
.cn-duplicate-warning__matches[data-v-
|
|
58623
|
+
.cn-duplicate-warning__matches[data-v-22af78f5] {
|
|
58357
58624
|
display: flex;
|
|
58358
58625
|
flex-direction: column;
|
|
58359
58626
|
gap: 8px;
|
|
@@ -58361,7 +58628,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
|
|
|
58361
58628
|
padding: 0;
|
|
58362
58629
|
list-style: none;
|
|
58363
58630
|
}
|
|
58364
|
-
.cn-duplicate-warning__match[data-v-
|
|
58631
|
+
.cn-duplicate-warning__match[data-v-22af78f5] {
|
|
58365
58632
|
display: flex;
|
|
58366
58633
|
flex-wrap: wrap;
|
|
58367
58634
|
gap: 4px 12px;
|
|
@@ -58369,14 +58636,14 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
|
|
|
58369
58636
|
border: 1px solid var(--color-border);
|
|
58370
58637
|
border-radius: var(--border-radius-large, 8px);
|
|
58371
58638
|
}
|
|
58372
|
-
.cn-duplicate-warning__title[data-v-
|
|
58639
|
+
.cn-duplicate-warning__title[data-v-22af78f5] {
|
|
58373
58640
|
font-weight: 600;
|
|
58374
58641
|
}
|
|
58375
|
-
.cn-duplicate-warning__meta[data-v-
|
|
58376
|
-
.cn-duplicate-warning__hint[data-v-
|
|
58642
|
+
.cn-duplicate-warning__meta[data-v-22af78f5],
|
|
58643
|
+
.cn-duplicate-warning__hint[data-v-22af78f5] {
|
|
58377
58644
|
color: var(--color-text-maxcontrast);
|
|
58378
58645
|
}
|
|
58379
|
-
.cn-duplicate-warning__hint[data-v-
|
|
58646
|
+
.cn-duplicate-warning__hint[data-v-22af78f5] {
|
|
58380
58647
|
margin: 0;
|
|
58381
58648
|
}
|
|
58382
58649
|
|