@conduction/nextcloud-vue 2.135.0 → 2.137.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/CnActionDialog/CnActionDialog.vue.js +1 -1
- package/dist/esm/components/CnActionDialog/CnActionDialog.vue2.js +2 -1
- package/dist/esm/components/CnActionDialog/CnActionDialog.vue2.js.map +1 -1
- package/dist/esm/components/CnActionDialog/CnActionDialog.vue3.js +65 -50
- package/dist/esm/components/CnActionDialog/CnActionDialog.vue3.js.map +1 -1
- package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue.js +1 -1
- package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue2.js +9 -0
- package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue2.js.map +1 -1
- package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue3.js +4 -3
- package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue3.js.map +1 -1
- package/dist/esm/components/CnAppNav/CnAppNav.vue2.js +4 -1
- package/dist/esm/components/CnAppNav/CnAppNav.vue2.js.map +1 -1
- package/dist/esm/components/CnAppNav/CnAppNav.vue3.js +61 -28
- package/dist/esm/components/CnAppNav/CnAppNav.vue3.js.map +1 -1
- package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue.js +1 -1
- package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue2.js +6 -0
- package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue2.js.map +1 -1
- package/dist/esm/components/CnAuditTrailCard/CnAuditTrailCard.vue3.js +9 -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.map +1 -1
- package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue3.js +4 -11
- package/dist/esm/components/CnAuditTrailWidget/CnAuditTrailWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnDataTable/CnDataTable.vue2.js +32 -0
- package/dist/esm/components/CnDataTable/CnDataTable.vue2.js.map +1 -1
- package/dist/esm/components/CnDataTable/CnDataTable.vue3.js +34 -26
- package/dist/esm/components/CnDataTable/CnDataTable.vue3.js.map +1 -1
- package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js +24 -0
- 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/CnDetailWidgetHost.vue.js +1 -1
- package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js.map +1 -1
- package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js +2 -1
- package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js.map +1 -1
- package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js +39 -2
- package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
- package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js +6 -5
- package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js.map +1 -1
- package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue.js +1 -1
- package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue2.js +11 -0
- package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue3.js +10 -2
- package/dist/esm/components/CnObjectDataWidget/CnObjectDataWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue.js +1 -1
- package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js +18 -0
- package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js +38 -23
- 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.map +1 -1
- package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue3.js +1 -0
- package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue3.js.map +1 -1
- package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue.js +1 -1
- package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue.js +1 -1
- package/dist/esm/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue2.js +14 -4
- package/dist/esm/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue2.js.map +1 -1
- package/dist/esm/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue3.js.map +1 -1
- package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue.js +1 -1
- package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue2.js +10 -0
- package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue2.js.map +1 -1
- package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue3.js +29 -13
- package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue3.js.map +1 -1
- package/dist/esm/components/CnTimelineWidget/dashboardRegistration.js +3 -1
- package/dist/esm/components/CnTimelineWidget/dashboardRegistration.js.map +1 -1
- package/dist/esm/components/CnWorkingCalendarWidget/CnWorkingCalendarWidget.vue.js +1 -1
- package/dist/esm/components/CnWorkingCalendarWidget/CnWorkingCalendarWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnWorkingCalendarWidget/CnWorkingCalendarWidget.vue3.js.map +1 -1
- package/dist/esm/composables/indexSources.js +69 -3
- package/dist/esm/composables/indexSources.js.map +1 -1
- package/dist/esm/l10n/en.json.js +20 -20
- package/dist/esm/l10n/nl.json.js +21 -21
- package/dist/esm/library-style.js +1 -1
- package/dist/esm/nextcloud-vue.css +580 -324
- package/dist/esm/utils/contentHeaderLink.js +7 -1
- package/dist/esm/utils/contentHeaderLink.js.map +1 -1
- package/dist/esm/utils/savedViewMenu.js +4 -1
- package/dist/esm/utils/savedViewMenu.js.map +1 -1
- package/dist/esm/utils/savedViewSummary.js +11 -4
- package/dist/esm/utils/savedViewSummary.js.map +1 -1
- package/dist/esm/utils/validateManifestV2.compiled.js +2 -2
- package/dist/esm/utils/validateManifestV2.compiled.js.map +1 -1
- package/dist/esm/utils/widgetDispatch.js +3 -1
- package/dist/esm/utils/widgetDispatch.js.map +1 -1
- package/dist/nextcloud-vue.cjs.js +1159 -812
- package/dist/nextcloud-vue.cjs.js.map +2 -2
- package/dist/nextcloud-vue.css +580 -324
- package/l10n/en.json +20 -20
- package/l10n/nl.json +21 -21
- package/package.json +1 -1
- package/src/components/CnActionDialog/CnActionDialog.vue +45 -4
- package/src/components/CnAdminSettingsShell/CnAdminSettingsShell.vue +13 -1
- package/src/components/CnAppNav/CnAppNav.vue +28 -3
- package/src/components/CnAuditTrailCard/CnAuditTrailCard.vue +15 -0
- package/src/components/CnAuditTrailWidget/CnAuditTrailWidget.vue +2 -10
- package/src/components/CnDataTable/CnDataTable.md +1 -0
- package/src/components/CnDataTable/CnDataTable.vue +38 -1
- package/src/components/CnDetailPage/CnDetailPage.md +1 -0
- package/src/components/CnDetailPage/CnDetailPage.vue +26 -2
- package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue +1 -0
- package/src/components/CnIndexPage/CnIndexPage.vue +44 -6
- package/src/components/CnObjectDataWidget/CnObjectDataWidget.md +1 -0
- package/src/components/CnObjectDataWidget/CnObjectDataWidget.vue +21 -0
- package/src/components/CnRecordListWidget/CnRecordListWidget.vue +38 -2
- package/src/components/CnRegisterMapping/CnRegisterMapping.vue +7 -0
- package/src/components/CnRetentionWidget/CnRetentionWidget.vue +13 -0
- package/src/components/CnSavedViewMenuSettings/CnSavedViewMenuSettings.vue +14 -4
- package/src/components/CnTimelineWidget/CnTimelineManage.vue +23 -0
- package/src/components/CnTimelineWidget/dashboardRegistration.js +3 -1
- package/src/components/CnWorkingCalendarWidget/CnWorkingCalendarWidget.vue +7 -0
- package/src/composables/indexSources.js +69 -3
- package/src/css/look-board-detail.css +57 -1
- package/src/css/look-board-index.css +76 -1
- package/src/css/look-board.css +51 -4
- package/src/css/table.css +5 -0
- package/src/schemas/app-manifest-v2.schema.json +4 -2
- package/src/utils/contentHeaderLink.js +7 -1
- package/src/utils/savedViewMenu.js +4 -1
- package/src/utils/savedViewSummary.js +11 -4
- package/src/utils/validateManifestV2.compiled.js +2 -2
- package/src/utils/widgetDispatch.js +3 -1
|
@@ -649,6 +649,31 @@
|
|
|
649
649
|
background: var(--color-background-hover);
|
|
650
650
|
}
|
|
651
651
|
|
|
652
|
+
/* ---- An ordered list field ----------------------------------------------- */
|
|
653
|
+
/* DqPersoonlijkeInstellingen "Weergaven in mijn menu": a row's labelled remove
|
|
654
|
+
button ("Uit menu halen") is an outlined secondary button, and the select
|
|
655
|
+
that adds a row runs the field's full width.
|
|
656
|
+
@spec openspec/changes/board-ordered-list-field/specs/board-ordered-list-field/spec.md */
|
|
657
|
+
.cn-look-board .cn-ordered-list-field__button--text:not(.cn-look-nextcloud *) {
|
|
658
|
+
box-sizing: border-box;
|
|
659
|
+
height: 34px;
|
|
660
|
+
min-height: 34px;
|
|
661
|
+
padding: 0 14px;
|
|
662
|
+
border: 1px solid var(--cn-board-control-border);
|
|
663
|
+
background: var(--color-main-background);
|
|
664
|
+
color: var(--color-main-text);
|
|
665
|
+
font-size: 14px;
|
|
666
|
+
}
|
|
667
|
+
|
|
668
|
+
.cn-look-board .cn-ordered-list-field__button--text:not(.cn-look-nextcloud *):hover:not(:disabled) {
|
|
669
|
+
background: var(--color-background-hover);
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
.cn-look-board .cn-ordered-list-field__add .v-select:not(.cn-look-nextcloud *) {
|
|
673
|
+
width: 100%;
|
|
674
|
+
max-width: none;
|
|
675
|
+
}
|
|
676
|
+
|
|
652
677
|
/* ---- A secondary button --------------------------------------------------- */
|
|
653
678
|
/* The boards draw every secondary button neutral: the main background, a 1px
|
|
654
679
|
control border, the main text, the hover ground on hover (DqFlow "Testen
|
|
@@ -1474,6 +1499,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
1474
1499
|
color: var(--color-text-maxcontrast);
|
|
1475
1500
|
}
|
|
1476
1501
|
|
|
1502
|
+
/* A linked cell in a settings card's table reads in the text ink, as the index
|
|
1503
|
+
tables do, not in the settings page's link blue (DqInstellingen: a
|
|
1504
|
+
connection's name opens its settings card). The underline marks the link.
|
|
1505
|
+
@spec openspec/changes/settings-table-link-ink/specs/settings-board-look/spec.md */
|
|
1506
|
+
.cn-look-board .settings-section .cn-data-table a.cn-cell-renderer__link:not(.cn-look-nextcloud *) {
|
|
1507
|
+
color: var(--color-main-text);
|
|
1508
|
+
text-decoration: underline;
|
|
1509
|
+
}
|
|
1510
|
+
|
|
1477
1511
|
/* Section actions sit at the end of the title row. The row is a grid, so a
|
|
1478
1512
|
long title wraps beside the buttons instead of running under them. A
|
|
1479
1513
|
half-width card keeps them there (DqVthInstellingen "Inspectiechecklists",
|
|
@@ -1868,14 +1902,16 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
1868
1902
|
line-height: 1.5;
|
|
1869
1903
|
}
|
|
1870
1904
|
|
|
1905
|
+
/* `!important` on the size: a theme that sizes every paragraph with
|
|
1906
|
+
`!important` (thematiq's paragraph token, 15px) would win otherwise. */
|
|
1871
1907
|
.cn-look-board .notecard.notecard--info:not(.cn-look-nextcloud *) p {
|
|
1872
1908
|
color: var(--color-primary-element-light-text) !important;
|
|
1873
|
-
font-size: inherit;
|
|
1909
|
+
font-size: inherit !important;
|
|
1874
1910
|
line-height: inherit;
|
|
1875
1911
|
}
|
|
1876
1912
|
|
|
1877
1913
|
.cn-look-board .notecard.notecard--info:not(.cn-look-nextcloud *) .notecard__heading {
|
|
1878
|
-
font-size: inherit;
|
|
1914
|
+
font-size: inherit !important;
|
|
1879
1915
|
font-weight: 700 !important;
|
|
1880
1916
|
}
|
|
1881
1917
|
|
|
@@ -2917,8 +2953,12 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
2917
2953
|
font-size: 14px;
|
|
2918
2954
|
}
|
|
2919
2955
|
|
|
2956
|
+
/* The version card's title follows its board: 17px on DqInstellingenAlgemeen
|
|
2957
|
+
and LrBeheerinstellingen; an app whose board draws another size passes the
|
|
2958
|
+
shell's `versionTitleSize`.
|
|
2959
|
+
@spec openspec/changes/board-version-title-size/specs/board-settings-card-controls/spec.md */
|
|
2920
2960
|
.cn-look-board .settings-section:not(.cn-look-nextcloud *):has(.cn-version-info--compact) > .settings-section__name {
|
|
2921
|
-
font-size:
|
|
2961
|
+
font-size: var(--cn-board-version-title-size, 17px);
|
|
2922
2962
|
}
|
|
2923
2963
|
|
|
2924
2964
|
/* ---- A card titled as a side card (`titleTone: "side"`) ------------------ */
|
|
@@ -2953,9 +2993,16 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
2953
2993
|
gives the second pixel back so the words stay put. The board draws no
|
|
2954
2994
|
option icon, only the radio and the words.
|
|
2955
2995
|
@spec openspec/changes/board-setup-choice-rows/specs/board-setup-choice-rows/spec.md */
|
|
2996
|
+
/* The radio sits 21px inside the option's edge (DqInstellen): 1px border and
|
|
2997
|
+
20px padding, or 2px and 19px on the chosen option.
|
|
2998
|
+
@spec openspec/changes/board-setup-choice-inset/specs/board-setup-choice-rows/spec.md */
|
|
2999
|
+
.cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row:not(.cn-look-nextcloud *) {
|
|
3000
|
+
padding: 12px 20px;
|
|
3001
|
+
}
|
|
3002
|
+
|
|
2956
3003
|
.cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row--selected:not(.cn-look-nextcloud *),
|
|
2957
3004
|
.cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row--selected:hover:not(.cn-look-nextcloud *) {
|
|
2958
|
-
padding: 11px
|
|
3005
|
+
padding: 11px 19px;
|
|
2959
3006
|
border-width: 2px;
|
|
2960
3007
|
box-shadow: none;
|
|
2961
3008
|
}
|
|
@@ -4257,7 +4304,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
4257
4304
|
}
|
|
4258
4305
|
|
|
4259
4306
|
.cn-look-board .cn-index-page .cn-index-page__header-buttons > .button-vue--secondary:hover,
|
|
4260
|
-
.cn-look-board .cn-index-page .cn-index-page__header-buttons > .action-item .button-vue:hover {
|
|
4307
|
+
.cn-look-board .cn-index-page .cn-index-page__header-buttons > .action-item:not(.action-item--open) .button-vue:hover {
|
|
4261
4308
|
background: var(--color-background-hover) !important;
|
|
4262
4309
|
}
|
|
4263
4310
|
|
|
@@ -5536,6 +5583,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
5536
5583
|
margin-inline-start: auto;
|
|
5537
5584
|
color: var(--color-text-maxcontrast);
|
|
5538
5585
|
font-size: 13px;
|
|
5586
|
+
white-space: nowrap;
|
|
5539
5587
|
}
|
|
5540
5588
|
|
|
5541
5589
|
.cn-look-board .cn-object-card--board .cn-object-card__record .cn-object-card__title {
|
|
@@ -5548,12 +5596,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
5548
5596
|
}
|
|
5549
5597
|
|
|
5550
5598
|
.cn-look-board .cn-object-card--board .cn-object-card__record-meta {
|
|
5599
|
+
--nldesign-component-paragraph-font-size: 14px;
|
|
5600
|
+
--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
|
|
5551
5601
|
margin: 0;
|
|
5552
5602
|
color: var(--color-text-maxcontrast);
|
|
5553
5603
|
font-size: 14px;
|
|
5554
5604
|
}
|
|
5555
5605
|
|
|
5606
|
+
/* The meta line, note and description are paragraphs: each hands the theme,
|
|
5607
|
+
which sets paragraphs with `!important`, its own size and ink. */
|
|
5556
5608
|
.cn-look-board .cn-object-card--board .cn-object-card__record-note {
|
|
5609
|
+
--nldesign-component-paragraph-font-size: 13px;
|
|
5610
|
+
--nldesign-component-paragraph-font-weight: 600;
|
|
5611
|
+
--nldesign-component-paragraph-color: var(--cn-board-text-soft);
|
|
5557
5612
|
margin: 0;
|
|
5558
5613
|
color: var(--cn-board-text-soft);
|
|
5559
5614
|
font-size: 13px;
|
|
@@ -5561,10 +5616,12 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
5561
5616
|
}
|
|
5562
5617
|
|
|
5563
5618
|
.cn-look-board .cn-object-card--board .cn-object-card__record-note--purple {
|
|
5619
|
+
--nldesign-component-paragraph-color: var(--cn-status-purple-text);
|
|
5564
5620
|
color: var(--cn-status-purple-text);
|
|
5565
5621
|
}
|
|
5566
5622
|
|
|
5567
5623
|
.cn-look-board .cn-object-card--board .cn-object-card__record-note--teal {
|
|
5624
|
+
--nldesign-component-paragraph-color: var(--cn-status-teal-text);
|
|
5568
5625
|
color: var(--cn-status-teal-text);
|
|
5569
5626
|
}
|
|
5570
5627
|
|
|
@@ -5601,6 +5658,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
5601
5658
|
}
|
|
5602
5659
|
|
|
5603
5660
|
.cn-look-board .cn-object-card--board .cn-object-card__record-description {
|
|
5661
|
+
--nldesign-component-paragraph-font-size: 14px;
|
|
5662
|
+
--nldesign-component-paragraph-line-height: 1.4;
|
|
5663
|
+
--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
|
|
5604
5664
|
margin: 0;
|
|
5605
5665
|
color: var(--color-text-maxcontrast);
|
|
5606
5666
|
font-size: 14px;
|
|
@@ -6037,6 +6097,22 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
6037
6097
|
font-weight: 700;
|
|
6038
6098
|
}
|
|
6039
6099
|
|
|
6100
|
+
/* A pill in a trailing cell stays inside the cell's width and ends in an
|
|
6101
|
+
ellipsis, instead of running over the next cell (DqTeamwachtrij). */
|
|
6102
|
+
.cn-look-board .cn-object-row__trail .cn-cell-renderer:not(.cn-look-nextcloud *) {
|
|
6103
|
+
display: block;
|
|
6104
|
+
max-width: 100%;
|
|
6105
|
+
}
|
|
6106
|
+
|
|
6107
|
+
.cn-look-board .cn-object-row__trail .cn-status-badge:not(.cn-look-nextcloud *) {
|
|
6108
|
+
display: inline-block;
|
|
6109
|
+
box-sizing: border-box;
|
|
6110
|
+
max-width: 100%;
|
|
6111
|
+
overflow: hidden;
|
|
6112
|
+
text-overflow: ellipsis;
|
|
6113
|
+
vertical-align: middle;
|
|
6114
|
+
}
|
|
6115
|
+
|
|
6040
6116
|
/* ---- The map view's missing-address card (DqZakenKaart) ---------------- */
|
|
6041
6117
|
/* The board draws "3 zaken zonder adres" as a 15px title at its normal line
|
|
6042
6118
|
height with "Toon ze in de tabel" under it as a link flush with the title,
|
|
@@ -6111,6 +6187,31 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
6111
6187
|
border-radius: 50%;
|
|
6112
6188
|
}
|
|
6113
6189
|
|
|
6190
|
+
/* The panel's words (DqFilterBeheren): a group heading at 15px/700 in the
|
|
6191
|
+
main ink, the group's note and a view's description at 13px in the muted
|
|
6192
|
+
ink, never bold.
|
|
6193
|
+
@spec openspec/changes/board-saved-views-panel-type/specs/board-saved-views-panel-type/spec.md */
|
|
6194
|
+
.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__section {
|
|
6195
|
+
margin: 12px 0 0;
|
|
6196
|
+
font-size: 15px;
|
|
6197
|
+
font-weight: 700;
|
|
6198
|
+
line-height: 1.2;
|
|
6199
|
+
color: var(--color-main-text);
|
|
6200
|
+
}
|
|
6201
|
+
|
|
6202
|
+
.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__note {
|
|
6203
|
+
font-size: 13px;
|
|
6204
|
+
font-weight: 400;
|
|
6205
|
+
line-height: 1.3;
|
|
6206
|
+
color: var(--color-text-maxcontrast);
|
|
6207
|
+
}
|
|
6208
|
+
|
|
6209
|
+
.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__subline {
|
|
6210
|
+
font-size: 13px;
|
|
6211
|
+
font-weight: 400;
|
|
6212
|
+
color: var(--color-text-maxcontrast);
|
|
6213
|
+
}
|
|
6214
|
+
|
|
6114
6215
|
/* ---- A saved view row's menu ------------------------------------------- */
|
|
6115
6216
|
/* The menu trigger on a saved view row ("Beheer Termijn deze week") is a
|
|
6116
6217
|
round 34px button (DqFilterBeheren, DqFilterInMenu); NcActions drew the
|
|
@@ -6173,6 +6274,27 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
6173
6274
|
.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__row:is(.cn-saved-views-panel__row--selected, :has(.action-item--open)) .cn-saved-views-panel__name-text {
|
|
6174
6275
|
color: var(--color-primary-element-light-text);
|
|
6175
6276
|
}
|
|
6277
|
+
|
|
6278
|
+
/* ---- The side-panel grid's row spacing --------------------------------- */
|
|
6279
|
+
/* The side-panel page is a grid of seven rows; a row-gap opens between every
|
|
6280
|
+
pair, empty or not, so a page without below-header, stat row or chip row
|
|
6281
|
+
drew 60px of nothing under its header (DqZoekresultaten). The grid has no
|
|
6282
|
+
row gap here; each part that is present carries the section gap under it.
|
|
6283
|
+
@spec openspec/changes/side-panel-grid-no-empty-row-gaps/specs/side-panel-grid-no-empty-row-gaps/spec.md */
|
|
6284
|
+
.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) {
|
|
6285
|
+
row-gap: 0;
|
|
6286
|
+
}
|
|
6287
|
+
|
|
6288
|
+
.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > :first-child,
|
|
6289
|
+
.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-index-page__below-header,
|
|
6290
|
+
.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-index-page__stat-row,
|
|
6291
|
+
.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-actions-bar {
|
|
6292
|
+
margin-bottom: var(--cn-board-section-gap);
|
|
6293
|
+
}
|
|
6294
|
+
|
|
6295
|
+
.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-index-page__quick-filter-row {
|
|
6296
|
+
margin-bottom: calc(var(--cn-board-section-gap) + 12px);
|
|
6297
|
+
}
|
|
6176
6298
|
/* ========================================
|
|
6177
6299
|
@conduction/nextcloud-vue — Table Styles
|
|
6178
6300
|
======================================== */
|
|
@@ -6378,6 +6500,11 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
6378
6500
|
/* The overline of a cell (`columns[].overline` / `overlineText`): muted and
|
|
6379
6501
|
smaller, on its own line above the value. Same theme hooks as the
|
|
6380
6502
|
secondary line. */
|
|
6503
|
+
/* A count column's zero label as text (`aggregate.zeroAs: "text"`): "Geen" in the muted ink. */
|
|
6504
|
+
.cn-data-table .cn-table-cell__zero {
|
|
6505
|
+
color: var(--color-text-maxcontrast);
|
|
6506
|
+
}
|
|
6507
|
+
|
|
6381
6508
|
.cn-data-table .cn-table-cell__overline {
|
|
6382
6509
|
display: block;
|
|
6383
6510
|
color: var(--cn-table-secondary-color, var(--color-text-maxcontrast));
|
|
@@ -10687,7 +10814,7 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
10687
10814
|
}
|
|
10688
10815
|
|
|
10689
10816
|
.cn-look-board .cn-detail-page .cn-detail-page__header-actions > .button-vue--secondary:hover,
|
|
10690
|
-
.cn-look-board .cn-detail-page .cn-detail-page__header-actions .action-item--secondary .action-item__menutoggle:hover {
|
|
10817
|
+
.cn-look-board .cn-detail-page .cn-detail-page__header-actions .action-item--secondary:not(.action-item--open) .action-item__menutoggle:hover {
|
|
10691
10818
|
background: var(--color-background-hover) !important;
|
|
10692
10819
|
}
|
|
10693
10820
|
|
|
@@ -11809,6 +11936,16 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
11809
11936
|
font-weight: 500;
|
|
11810
11937
|
}
|
|
11811
11938
|
|
|
11939
|
+
/* "Bewaren voor een procedure" and "Overdracht naar het e-Depot" are 15px/600
|
|
11940
|
+
section titles over their rows, not the inner heading's 1.4em. */
|
|
11941
|
+
.cn-look-board .cn-retention .cn-retention__section > .cn-inner-heading,
|
|
11942
|
+
.cn-look-board .cn-retention .cn-retention__outcome > .cn-inner-heading {
|
|
11943
|
+
margin: 4px 0 0;
|
|
11944
|
+
font-size: 15px;
|
|
11945
|
+
font-weight: 600;
|
|
11946
|
+
line-height: 1.2;
|
|
11947
|
+
}
|
|
11948
|
+
|
|
11812
11949
|
/* ---- The task table's row button (CnTasksWidget table, DqZaakTaken) ------ */
|
|
11813
11950
|
/* "Afronden" is a 34px secondary with 13px text 14px in. NcButton pads a
|
|
11814
11951
|
text-only label 12px plus 4px inside; the doubled class outranks its
|
|
@@ -11913,6 +12050,25 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
11913
12050
|
font-size: 15px;
|
|
11914
12051
|
}
|
|
11915
12052
|
|
|
12053
|
+
/* A card with actions holds them at its end, beside the title and meta (the
|
|
12054
|
+
board's "···" on each task). */
|
|
12055
|
+
.cn-look-board .cn-grouped-cards__item.cn-grouped-cards__item:has(> .cn-grouped-cards__item-actions):not(.cn-look-nextcloud *) {
|
|
12056
|
+
display: grid;
|
|
12057
|
+
grid-template-columns: minmax(0, 1fr) auto;
|
|
12058
|
+
column-gap: 12px;
|
|
12059
|
+
align-items: center;
|
|
12060
|
+
}
|
|
12061
|
+
|
|
12062
|
+
.cn-look-board .cn-grouped-cards__item:has(> .cn-grouped-cards__item-actions) > :not(.cn-grouped-cards__item-actions):not(.cn-look-nextcloud *) {
|
|
12063
|
+
grid-column: 1;
|
|
12064
|
+
}
|
|
12065
|
+
|
|
12066
|
+
.cn-look-board .cn-grouped-cards__item:has(> .cn-grouped-cards__item-actions) > .cn-grouped-cards__item-actions:not(.cn-look-nextcloud *) {
|
|
12067
|
+
grid-column: 2;
|
|
12068
|
+
grid-row: 1 / span 3;
|
|
12069
|
+
margin: 0;
|
|
12070
|
+
}
|
|
12071
|
+
|
|
11916
12072
|
/* ---- A file's side card (CnFilesBrowser) --------------------------------- */
|
|
11917
12073
|
/* The board's side card: radius 12, 20px 22px of padding, the title a 15px
|
|
11918
12074
|
muted heading at 600, the facts 8px 16px apart with the values at 500
|
|
@@ -12097,6 +12253,33 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
12097
12253
|
border-radius: var(--cn-board-control-radius);
|
|
12098
12254
|
overflow: hidden;
|
|
12099
12255
|
}
|
|
12256
|
+
|
|
12257
|
+
/* ---- A record list drawn as a data table (CnRecordListWidget) ----------- */
|
|
12258
|
+
/* `tableLook: "data"` (DqZaaktype "Berichten aan de aanvrager"): the board's
|
|
12259
|
+
card table rather than the compact grid, a near-white header band at
|
|
12260
|
+
14px/600 in the muted ink, 10px 12px, and 14px cells, 11px 12px, a
|
|
12261
|
+
hairline above each row. Two classes more than the compact grid's rule.
|
|
12262
|
+
@spec openspec/changes/record-list-data-table-and-notice-footnote/specs/record-list/spec.md#requirement-a-record-list-table-can-be-drawn-as-a-data-table */
|
|
12263
|
+
.cn-look-board .cn-record-list.cn-record-list--table.cn-record-list--data-table .cn-record-list__table th:not(.cn-look-nextcloud *) {
|
|
12264
|
+
--nldesign-component-table-header-background-color: var(--cn-board-table-head-bg, color-mix(in srgb, var(--color-background-hover) 40%, var(--color-main-background)));
|
|
12265
|
+
--nldesign-component-table-header-color: var(--color-text-maxcontrast);
|
|
12266
|
+
--nldesign-component-table-header-font-weight: 600;
|
|
12267
|
+
padding: 10px 12px;
|
|
12268
|
+
border-bottom: 0;
|
|
12269
|
+
background: var(--cn-board-table-head-bg, color-mix(in srgb, var(--color-background-hover) 40%, var(--color-main-background)));
|
|
12270
|
+
color: var(--color-text-maxcontrast);
|
|
12271
|
+
font-size: 14px;
|
|
12272
|
+
font-weight: 600;
|
|
12273
|
+
line-height: 1.2;
|
|
12274
|
+
}
|
|
12275
|
+
|
|
12276
|
+
.cn-look-board .cn-record-list.cn-record-list--table.cn-record-list--data-table .cn-record-list__table td:not(.cn-look-nextcloud *) {
|
|
12277
|
+
padding: 11px 12px;
|
|
12278
|
+
border-top: 1px solid var(--cn-board-hairline);
|
|
12279
|
+
border-bottom: 0;
|
|
12280
|
+
font-size: 14px;
|
|
12281
|
+
line-height: 1.2;
|
|
12282
|
+
}
|
|
12100
12283
|
/*
|
|
12101
12284
|
* The reports page under the board look (screens-reports-page-board-look,
|
|
12102
12285
|
* board DcRapportages): a 28px title over a muted lead, one section per
|
|
@@ -17671,6 +17854,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
|
|
|
17671
17854
|
/* The overline of a cell (`columns[].overline` / `overlineText`): muted and
|
|
17672
17855
|
smaller, on its own line above the value. Same theme hooks as the
|
|
17673
17856
|
secondary line. */
|
|
17857
|
+
/* A count column's zero label as text (`aggregate.zeroAs: "text"`): "Geen" in the muted ink. */
|
|
17858
|
+
.cn-data-table .cn-table-cell__zero {
|
|
17859
|
+
color: var(--color-text-maxcontrast);
|
|
17860
|
+
}
|
|
17861
|
+
|
|
17674
17862
|
.cn-data-table .cn-table-cell__overline {
|
|
17675
17863
|
display: block;
|
|
17676
17864
|
color: var(--cn-table-secondary-color, var(--color-text-maxcontrast));
|
|
@@ -19685,51 +19873,56 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
|
|
|
19685
19873
|
}
|
|
19686
19874
|
|
|
19687
19875
|
|
|
19688
|
-
.cn-audit-card__list[data-v-
|
|
19876
|
+
.cn-audit-card__list[data-v-834a0068] {
|
|
19689
19877
|
list-style: none;
|
|
19690
19878
|
margin: 0;
|
|
19691
19879
|
padding: 0;
|
|
19692
19880
|
}
|
|
19693
|
-
.cn-audit-card__row[data-v-
|
|
19881
|
+
.cn-audit-card__row[data-v-834a0068] {
|
|
19694
19882
|
padding: 6px 0;
|
|
19695
19883
|
border-bottom: 1px solid var(--color-border);
|
|
19696
19884
|
}
|
|
19697
|
-
.cn-audit-card__row[data-v-
|
|
19885
|
+
.cn-audit-card__row[data-v-834a0068]:last-child {
|
|
19698
19886
|
border-bottom: none;
|
|
19699
19887
|
}
|
|
19700
|
-
.cn-audit-card__row-head[data-v-
|
|
19888
|
+
.cn-audit-card__row-head[data-v-834a0068] {
|
|
19701
19889
|
display: flex;
|
|
19702
19890
|
justify-content: space-between;
|
|
19703
19891
|
gap: 8px;
|
|
19704
19892
|
}
|
|
19705
|
-
.cn-audit-card__action[data-v-
|
|
19893
|
+
.cn-audit-card__action[data-v-834a0068] {
|
|
19706
19894
|
color: var(--color-main-text);
|
|
19707
19895
|
}
|
|
19708
|
-
.cn-audit-card__when[data-v-
|
|
19896
|
+
.cn-audit-card__when[data-v-834a0068] {
|
|
19709
19897
|
color: var(--color-text-maxcontrast);
|
|
19710
19898
|
font-size: 0.85em;
|
|
19711
19899
|
white-space: nowrap;
|
|
19712
19900
|
}
|
|
19713
|
-
.cn-audit-card__row-body[data-v-
|
|
19901
|
+
.cn-audit-card__row-body[data-v-834a0068] {
|
|
19714
19902
|
color: var(--color-text-maxcontrast);
|
|
19715
19903
|
font-size: 0.9em;
|
|
19716
19904
|
}
|
|
19717
|
-
.cn-audit-card__refused[data-v-
|
|
19905
|
+
.cn-audit-card__refused[data-v-834a0068] {
|
|
19718
19906
|
margin-inline-start: 6px;
|
|
19719
19907
|
font-weight: 700;
|
|
19720
19908
|
color: var(--color-error-text, var(--color-main-text));
|
|
19721
19909
|
}
|
|
19722
|
-
.cn-audit-card__reason[data-v-
|
|
19910
|
+
.cn-audit-card__reason[data-v-834a0068] {
|
|
19723
19911
|
margin: 2px 0 0;
|
|
19724
19912
|
font-size: 0.9em;
|
|
19725
19913
|
overflow-wrap: anywhere;
|
|
19726
19914
|
}
|
|
19727
|
-
.cn-audit-card__empty[data-v-
|
|
19915
|
+
.cn-audit-card__empty[data-v-834a0068] {
|
|
19728
19916
|
color: var(--color-text-maxcontrast);
|
|
19729
19917
|
text-align: center;
|
|
19730
19918
|
padding: 12px 0;
|
|
19731
19919
|
}
|
|
19732
|
-
.cn-audit-
|
|
19920
|
+
.cn-audit-card__footnote[data-v-834a0068] {
|
|
19921
|
+
margin: 12px 0 0;
|
|
19922
|
+
color: var(--color-text-maxcontrast);
|
|
19923
|
+
font-size: 13px;
|
|
19924
|
+
}
|
|
19925
|
+
.cn-audit-card__show-all[data-v-834a0068] {
|
|
19733
19926
|
background: none;
|
|
19734
19927
|
border: none;
|
|
19735
19928
|
color: var(--color-primary-element);
|
|
@@ -19737,7 +19930,7 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
|
|
|
19737
19930
|
padding: 4px 0;
|
|
19738
19931
|
font: inherit;
|
|
19739
19932
|
}
|
|
19740
|
-
.cn-audit-card__show-all[data-v-
|
|
19933
|
+
.cn-audit-card__show-all[data-v-834a0068]:hover {
|
|
19741
19934
|
text-decoration: underline;
|
|
19742
19935
|
}
|
|
19743
19936
|
|
|
@@ -28590,59 +28783,72 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
28590
28783
|
}
|
|
28591
28784
|
|
|
28592
28785
|
|
|
28593
|
-
.cn-retention[data-v-
|
|
28786
|
+
.cn-retention[data-v-5415dbb4] {
|
|
28594
28787
|
display: flex;
|
|
28595
28788
|
flex-direction: column;
|
|
28596
28789
|
gap: 16px;
|
|
28597
28790
|
}
|
|
28598
|
-
.cn-retention__head[data-v-
|
|
28791
|
+
.cn-retention__head[data-v-5415dbb4] {
|
|
28599
28792
|
display: flex;
|
|
28600
28793
|
flex-wrap: wrap;
|
|
28601
28794
|
align-items: flex-start;
|
|
28602
28795
|
justify-content: space-between;
|
|
28603
28796
|
gap: 10px 16px;
|
|
28604
28797
|
}
|
|
28605
|
-
.cn-retention__head-text[data-v-
|
|
28798
|
+
.cn-retention__head-text[data-v-5415dbb4] {
|
|
28606
28799
|
display: flex;
|
|
28607
28800
|
flex: 1 1 260px;
|
|
28608
28801
|
flex-direction: column;
|
|
28609
28802
|
gap: 2px;
|
|
28610
28803
|
min-width: 0;
|
|
28611
28804
|
}
|
|
28612
|
-
.cn-retention__title[data-v-
|
|
28805
|
+
.cn-retention__title[data-v-5415dbb4] {
|
|
28613
28806
|
margin: 0;
|
|
28614
28807
|
font-size: 18px;
|
|
28615
28808
|
font-weight: 700;
|
|
28616
28809
|
}
|
|
28617
|
-
.cn-retention__muted[data-v-
|
|
28810
|
+
.cn-retention__muted[data-v-5415dbb4] {
|
|
28618
28811
|
margin: 0;
|
|
28619
28812
|
color: var(--color-text-maxcontrast);
|
|
28620
28813
|
}
|
|
28621
|
-
.cn-retention__facts[data-v-
|
|
28814
|
+
.cn-retention__facts[data-v-5415dbb4] {
|
|
28622
28815
|
display: grid;
|
|
28623
28816
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
28624
28817
|
gap: 12px 24px;
|
|
28625
28818
|
margin: 0;
|
|
28626
28819
|
}
|
|
28627
|
-
|
|
28820
|
+
|
|
28821
|
+
/* The server draws every dt as a 130px right-aligned inline block and pads
|
|
28822
|
+
dt and dd 12px; a fact is a label over its value. */
|
|
28823
|
+
.cn-retention__fact dt[data-v-5415dbb4],
|
|
28824
|
+
.cn-retention__fact dd[data-v-5415dbb4] {
|
|
28825
|
+
display: block;
|
|
28826
|
+
width: auto;
|
|
28827
|
+
white-space: normal;
|
|
28828
|
+
text-align: start;
|
|
28829
|
+
}
|
|
28830
|
+
.cn-retention__fact dt[data-v-5415dbb4] {
|
|
28831
|
+
margin: 0;
|
|
28832
|
+
padding: 0;
|
|
28628
28833
|
color: var(--color-text-maxcontrast);
|
|
28629
28834
|
font-size: 13px;
|
|
28630
28835
|
}
|
|
28631
|
-
.cn-retention__fact dd[data-v-
|
|
28836
|
+
.cn-retention__fact dd[data-v-5415dbb4] {
|
|
28632
28837
|
margin: 0;
|
|
28838
|
+
padding: 0;
|
|
28633
28839
|
font-weight: 600;
|
|
28634
28840
|
}
|
|
28635
|
-
.cn-retention__section[data-v-
|
|
28841
|
+
.cn-retention__section[data-v-5415dbb4] {
|
|
28636
28842
|
display: flex;
|
|
28637
28843
|
flex-direction: column;
|
|
28638
28844
|
gap: 4px;
|
|
28639
28845
|
}
|
|
28640
|
-
.cn-retention__rows[data-v-
|
|
28846
|
+
.cn-retention__rows[data-v-5415dbb4] {
|
|
28641
28847
|
margin: 0;
|
|
28642
28848
|
padding: 0;
|
|
28643
28849
|
list-style: none;
|
|
28644
28850
|
}
|
|
28645
|
-
.cn-retention__row[data-v-
|
|
28851
|
+
.cn-retention__row[data-v-5415dbb4] {
|
|
28646
28852
|
display: flex;
|
|
28647
28853
|
align-items: center;
|
|
28648
28854
|
justify-content: space-between;
|
|
@@ -28650,13 +28856,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
28650
28856
|
padding: 10px 0;
|
|
28651
28857
|
border-top: 1px solid var(--color-border);
|
|
28652
28858
|
}
|
|
28653
|
-
.cn-retention__row-text[data-v-
|
|
28859
|
+
.cn-retention__row-text[data-v-5415dbb4] {
|
|
28654
28860
|
display: flex;
|
|
28655
28861
|
flex-direction: column;
|
|
28656
28862
|
gap: 2px;
|
|
28657
28863
|
min-width: 0;
|
|
28658
28864
|
}
|
|
28659
|
-
.cn-retention__row-title[data-v-
|
|
28865
|
+
.cn-retention__row-title[data-v-5415dbb4] {
|
|
28660
28866
|
font-weight: 600;
|
|
28661
28867
|
}
|
|
28662
28868
|
|
|
@@ -30811,7 +31017,7 @@ a.cn-kpi-card--board * {
|
|
|
30811
31017
|
}
|
|
30812
31018
|
|
|
30813
31019
|
|
|
30814
|
-
.cn-object-data-widget__image[data-v-
|
|
31020
|
+
.cn-object-data-widget__image[data-v-1042b83e] {
|
|
30815
31021
|
max-width: 100%;
|
|
30816
31022
|
max-height: 160px;
|
|
30817
31023
|
border-radius: 8px;
|
|
@@ -30819,33 +31025,33 @@ a.cn-kpi-card--board * {
|
|
|
30819
31025
|
}
|
|
30820
31026
|
|
|
30821
31027
|
/* Shimmering placeholder while a relation's display name resolves. */
|
|
30822
|
-
.cn-object-data-widget__skeleton[data-v-
|
|
31028
|
+
.cn-object-data-widget__skeleton[data-v-1042b83e] {
|
|
30823
31029
|
display: inline-block;
|
|
30824
31030
|
width: 90px;
|
|
30825
31031
|
height: 1em;
|
|
30826
31032
|
border-radius: 4px;
|
|
30827
31033
|
background: linear-gradient(90deg, var(--color-background-dark) 25%, var(--color-background-hover) 50%, var(--color-background-dark) 75%);
|
|
30828
31034
|
background-size: 200% 100%;
|
|
30829
|
-
animation: cn-odw-shimmer-
|
|
31035
|
+
animation: cn-odw-shimmer-1042b83e 1.2s ease-in-out infinite;
|
|
30830
31036
|
}
|
|
30831
|
-
@keyframes cn-odw-shimmer-
|
|
31037
|
+
@keyframes cn-odw-shimmer-1042b83e {
|
|
30832
31038
|
from { background-position: 200% 0;
|
|
30833
31039
|
}
|
|
30834
31040
|
to { background-position: -200% 0;
|
|
30835
31041
|
}
|
|
30836
31042
|
}
|
|
30837
31043
|
@media (prefers-reduced-motion: reduce) {
|
|
30838
|
-
.cn-object-data-widget__skeleton[data-v-
|
|
31044
|
+
.cn-object-data-widget__skeleton[data-v-1042b83e] { animation: none;
|
|
30839
31045
|
}
|
|
30840
31046
|
}
|
|
30841
|
-
.cn-object-data-widget__grid[data-v-
|
|
31047
|
+
.cn-object-data-widget__grid[data-v-1042b83e] {
|
|
30842
31048
|
display: grid;
|
|
30843
31049
|
gap: calc(2 * var(--default-grid-baseline, 4px)) calc(4 * var(--default-grid-baseline, 4px));
|
|
30844
31050
|
}
|
|
30845
|
-
.cn-object-data-widget__toggle[data-v-
|
|
31051
|
+
.cn-object-data-widget__toggle[data-v-1042b83e] {
|
|
30846
31052
|
margin-top: 4px;
|
|
30847
31053
|
}
|
|
30848
|
-
.cn-object-data-widget__cell[data-v-
|
|
31054
|
+
.cn-object-data-widget__cell[data-v-1042b83e] {
|
|
30849
31055
|
display: flex;
|
|
30850
31056
|
flex-direction: column;
|
|
30851
31057
|
gap: 2px;
|
|
@@ -30853,12 +31059,12 @@ to { background-position: -200% 0;
|
|
|
30853
31059
|
border-bottom: 1px solid var(--color-border-dark);
|
|
30854
31060
|
min-width: 0;
|
|
30855
31061
|
}
|
|
30856
|
-
.cn-object-data-widget__label[data-v-
|
|
31062
|
+
.cn-object-data-widget__label[data-v-1042b83e] {
|
|
30857
31063
|
font-size: 0.85em;
|
|
30858
31064
|
color: var(--color-text-maxcontrast);
|
|
30859
31065
|
font-weight: 500;
|
|
30860
31066
|
}
|
|
30861
|
-
.cn-object-data-widget__value[data-v-
|
|
31067
|
+
.cn-object-data-widget__value[data-v-1042b83e] {
|
|
30862
31068
|
font-size: 1em;
|
|
30863
31069
|
color: var(--color-main-text);
|
|
30864
31070
|
overflow-wrap: anywhere;
|
|
@@ -30872,24 +31078,24 @@ to { background-position: -200% 0;
|
|
|
30872
31078
|
which drew a horizontal scrollbar under every data widget in a tab (dossiq's
|
|
30873
31079
|
case page, Data tab). The end padding drops by the same 4px so the text and
|
|
30874
31080
|
the edit icon sit where they sat. */
|
|
30875
|
-
.cn-object-data-widget__value--editable[data-v-
|
|
31081
|
+
.cn-object-data-widget__value--editable[data-v-1042b83e] {
|
|
30876
31082
|
cursor: pointer;
|
|
30877
31083
|
border-radius: var(--border-radius);
|
|
30878
31084
|
padding: 4px 20px 4px 4px;
|
|
30879
31085
|
margin: -4px 0 -4px -4px;
|
|
30880
31086
|
}
|
|
30881
|
-
.cn-object-data-widget__value--editable[data-v-
|
|
31087
|
+
.cn-object-data-widget__value--editable[data-v-1042b83e]:hover {
|
|
30882
31088
|
background: var(--color-background-dark);
|
|
30883
31089
|
}
|
|
30884
|
-
.cn-object-data-widget__value--editable[data-v-
|
|
31090
|
+
.cn-object-data-widget__value--editable[data-v-1042b83e]:focus-visible {
|
|
30885
31091
|
outline: 2px solid var(--color-primary-element);
|
|
30886
31092
|
outline-offset: 2px;
|
|
30887
31093
|
}
|
|
30888
|
-
.cn-object-data-widget__value--empty[data-v-
|
|
31094
|
+
.cn-object-data-widget__value--empty[data-v-1042b83e] {
|
|
30889
31095
|
color: var(--color-text-maxcontrast);
|
|
30890
31096
|
font-style: italic;
|
|
30891
31097
|
}
|
|
30892
|
-
.cn-object-data-widget__edit-icon[data-v-
|
|
31098
|
+
.cn-object-data-widget__edit-icon[data-v-1042b83e] {
|
|
30893
31099
|
position: absolute;
|
|
30894
31100
|
right: 4px;
|
|
30895
31101
|
top: 50%;
|
|
@@ -30898,21 +31104,21 @@ to { background-position: -200% 0;
|
|
|
30898
31104
|
opacity: 0;
|
|
30899
31105
|
transition: opacity 0.15s ease;
|
|
30900
31106
|
}
|
|
30901
|
-
.cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-
|
|
30902
|
-
.cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-
|
|
31107
|
+
.cn-object-data-widget__value--editable:hover .cn-object-data-widget__edit-icon[data-v-1042b83e],
|
|
31108
|
+
.cn-object-data-widget__value--editable:focus-visible .cn-object-data-widget__edit-icon[data-v-1042b83e] {
|
|
30903
31109
|
opacity: 1;
|
|
30904
31110
|
}
|
|
30905
|
-
.cn-object-data-widget__editor[data-v-
|
|
31111
|
+
.cn-object-data-widget__editor[data-v-1042b83e] {
|
|
30906
31112
|
display: flex;
|
|
30907
31113
|
flex-direction: column;
|
|
30908
31114
|
gap: 4px;
|
|
30909
31115
|
}
|
|
30910
|
-
.cn-object-data-widget__editor-actions[data-v-
|
|
31116
|
+
.cn-object-data-widget__editor-actions[data-v-1042b83e] {
|
|
30911
31117
|
display: flex;
|
|
30912
31118
|
gap: 2px;
|
|
30913
31119
|
justify-content: flex-end;
|
|
30914
31120
|
}
|
|
30915
|
-
.cn-object-data-widget__textarea[data-v-
|
|
31121
|
+
.cn-object-data-widget__textarea[data-v-1042b83e] {
|
|
30916
31122
|
width: 100%;
|
|
30917
31123
|
min-height: 80px;
|
|
30918
31124
|
padding: 8px;
|
|
@@ -30924,11 +31130,16 @@ to { background-position: -200% 0;
|
|
|
30924
31130
|
font-size: inherit;
|
|
30925
31131
|
resize: vertical;
|
|
30926
31132
|
}
|
|
30927
|
-
.cn-object-data-widget__textarea[data-v-
|
|
31133
|
+
.cn-object-data-widget__textarea[data-v-1042b83e]:focus {
|
|
30928
31134
|
border-color: var(--color-primary-element);
|
|
30929
31135
|
outline: none;
|
|
30930
31136
|
}
|
|
30931
|
-
.cn-object-data-
|
|
31137
|
+
.cn-object-data-widget__footnote[data-v-1042b83e] {
|
|
31138
|
+
margin: calc(var(--default-grid-baseline, 4px) * 3) 0 0;
|
|
31139
|
+
color: var(--color-text-maxcontrast);
|
|
31140
|
+
font-size: 13px;
|
|
31141
|
+
}
|
|
31142
|
+
.cn-object-data-widget__empty[data-v-1042b83e] {
|
|
30932
31143
|
color: var(--color-text-maxcontrast);
|
|
30933
31144
|
font-style: italic;
|
|
30934
31145
|
padding: calc(2 * var(--default-grid-baseline, 4px));
|
|
@@ -30936,16 +31147,16 @@ to { background-position: -200% 0;
|
|
|
30936
31147
|
|
|
30937
31148
|
/* Compact inline table for array-of-objects values. Dense + unstyled-simple;
|
|
30938
31149
|
fits the card and participates in the whole-row overflow handling. */
|
|
30939
|
-
.cn-object-data-widget__mini-table-wrap[data-v-
|
|
31150
|
+
.cn-object-data-widget__mini-table-wrap[data-v-1042b83e] {
|
|
30940
31151
|
max-width: 100%;
|
|
30941
31152
|
}
|
|
30942
|
-
.cn-object-data-widget__mini-table[data-v-
|
|
31153
|
+
.cn-object-data-widget__mini-table[data-v-1042b83e] {
|
|
30943
31154
|
width: 100%;
|
|
30944
31155
|
border-collapse: collapse;
|
|
30945
31156
|
font-size: 0.9em;
|
|
30946
31157
|
}
|
|
30947
|
-
.cn-object-data-widget__mini-table th[data-v-
|
|
30948
|
-
.cn-object-data-widget__mini-table td[data-v-
|
|
31158
|
+
.cn-object-data-widget__mini-table th[data-v-1042b83e],
|
|
31159
|
+
.cn-object-data-widget__mini-table td[data-v-1042b83e] {
|
|
30949
31160
|
text-align: start;
|
|
30950
31161
|
padding: 2px 8px 2px 0;
|
|
30951
31162
|
border-bottom: 1px solid var(--color-border);
|
|
@@ -30956,23 +31167,23 @@ to { background-position: -200% 0;
|
|
|
30956
31167
|
cell, and the card 8px wider than its cell (pipelinq's ticket page). */
|
|
30957
31168
|
white-space: normal;
|
|
30958
31169
|
}
|
|
30959
|
-
.cn-object-data-widget__mini-table th[data-v-
|
|
31170
|
+
.cn-object-data-widget__mini-table th[data-v-1042b83e] {
|
|
30960
31171
|
color: var(--color-text-maxcontrast);
|
|
30961
31172
|
font-weight: 500;
|
|
30962
31173
|
}
|
|
30963
|
-
.cn-object-data-widget__more[data-v-
|
|
31174
|
+
.cn-object-data-widget__more[data-v-1042b83e] {
|
|
30964
31175
|
margin-top: 2px;
|
|
30965
31176
|
font-size: 0.85em;
|
|
30966
31177
|
color: var(--color-text-maxcontrast);
|
|
30967
31178
|
}
|
|
30968
31179
|
|
|
30969
31180
|
/* Comma-less chip row for array-of-scalars values. */
|
|
30970
|
-
.cn-object-data-widget__chips[data-v-
|
|
31181
|
+
.cn-object-data-widget__chips[data-v-1042b83e] {
|
|
30971
31182
|
display: flex;
|
|
30972
31183
|
flex-wrap: wrap;
|
|
30973
31184
|
gap: 4px;
|
|
30974
31185
|
}
|
|
30975
|
-
.cn-object-data-widget__chip[data-v-
|
|
31186
|
+
.cn-object-data-widget__chip[data-v-1042b83e] {
|
|
30976
31187
|
padding: 1px 8px;
|
|
30977
31188
|
border-radius: 12px;
|
|
30978
31189
|
background: var(--color-background-dark);
|
|
@@ -30980,37 +31191,37 @@ to { background-position: -200% 0;
|
|
|
30980
31191
|
}
|
|
30981
31192
|
|
|
30982
31193
|
/* Key: value definition list for a single plain-object value. */
|
|
30983
|
-
.cn-object-data-widget__deflist[data-v-
|
|
31194
|
+
.cn-object-data-widget__deflist[data-v-1042b83e] {
|
|
30984
31195
|
display: grid;
|
|
30985
31196
|
grid-template-columns: auto 1fr;
|
|
30986
31197
|
gap: 2px 8px;
|
|
30987
31198
|
margin: 0;
|
|
30988
31199
|
}
|
|
30989
|
-
.cn-object-data-widget__deflist dt[data-v-
|
|
31200
|
+
.cn-object-data-widget__deflist dt[data-v-1042b83e] {
|
|
30990
31201
|
color: var(--color-text-maxcontrast);
|
|
30991
31202
|
font-size: 0.9em;
|
|
30992
31203
|
}
|
|
30993
|
-
.cn-object-data-widget__deflist dd[data-v-
|
|
31204
|
+
.cn-object-data-widget__deflist dd[data-v-1042b83e] {
|
|
30994
31205
|
margin: 0;
|
|
30995
31206
|
overflow-wrap: anywhere;
|
|
30996
31207
|
}
|
|
30997
31208
|
|
|
30998
31209
|
/* A long description keeps its own paragraphs. Set on an inline span with no
|
|
30999
31210
|
surrounding template whitespace, so only the value's own line breaks show. */
|
|
31000
|
-
.cn-object-data-widget__deflist-text[data-v-
|
|
31211
|
+
.cn-object-data-widget__deflist-text[data-v-1042b83e] {
|
|
31001
31212
|
white-space: pre-wrap;
|
|
31002
31213
|
}
|
|
31003
|
-
.cn-object-data-widget__deflist--nested[data-v-
|
|
31214
|
+
.cn-object-data-widget__deflist--nested[data-v-1042b83e] {
|
|
31004
31215
|
padding-inline-start: 8px;
|
|
31005
31216
|
border-inline-start: 2px solid var(--color-border);
|
|
31006
31217
|
}
|
|
31007
31218
|
|
|
31008
31219
|
/* Responsive: collapse to single column on narrow widths */
|
|
31009
31220
|
@media (max-width: 600px) {
|
|
31010
|
-
.cn-object-data-widget__grid[data-v-
|
|
31221
|
+
.cn-object-data-widget__grid[data-v-1042b83e] {
|
|
31011
31222
|
grid-template-columns: 1fr !important;
|
|
31012
31223
|
}
|
|
31013
|
-
.cn-object-data-widget__cell[data-v-
|
|
31224
|
+
.cn-object-data-widget__cell[data-v-1042b83e] {
|
|
31014
31225
|
grid-column: span 1 !important;
|
|
31015
31226
|
grid-row: span 1 !important;
|
|
31016
31227
|
}
|
|
@@ -31160,15 +31371,10 @@ to { background-position: -200% 0;
|
|
|
31160
31371
|
}
|
|
31161
31372
|
|
|
31162
31373
|
|
|
31163
|
-
/* The card keeps its own box
|
|
31164
|
-
.cn-audit-trail-widget[data-v-
|
|
31374
|
+
/* The card keeps its own box, footnote included. */
|
|
31375
|
+
.cn-audit-trail-widget[data-v-3f7bbf0c] {
|
|
31165
31376
|
display: contents;
|
|
31166
31377
|
}
|
|
31167
|
-
.cn-audit-trail-widget__footnote[data-v-38035670] {
|
|
31168
|
-
margin: 0;
|
|
31169
|
-
font-size: 13px;
|
|
31170
|
-
color: var(--color-text-maxcontrast);
|
|
31171
|
-
}
|
|
31172
31378
|
|
|
31173
31379
|
|
|
31174
31380
|
.cn-banner-widget[data-v-0efd62ad] {
|
|
@@ -32136,40 +32342,40 @@ to { background-position: -200% 0;
|
|
|
32136
32342
|
}
|
|
32137
32343
|
|
|
32138
32344
|
|
|
32139
|
-
.cn-timeline-manage__header[data-v-
|
|
32345
|
+
.cn-timeline-manage__header[data-v-a4c73a6a] {
|
|
32140
32346
|
display: flex;
|
|
32141
32347
|
align-items: flex-start;
|
|
32142
32348
|
justify-content: space-between;
|
|
32143
32349
|
gap: 12px;
|
|
32144
32350
|
margin-block-end: 16px;
|
|
32145
32351
|
}
|
|
32146
|
-
.cn-timeline-manage__heading[data-v-
|
|
32352
|
+
.cn-timeline-manage__heading[data-v-a4c73a6a] {
|
|
32147
32353
|
display: flex;
|
|
32148
32354
|
flex-direction: column;
|
|
32149
32355
|
gap: 4px;
|
|
32150
32356
|
}
|
|
32151
|
-
.cn-timeline-manage__header-actions[data-v-
|
|
32357
|
+
.cn-timeline-manage__header-actions[data-v-a4c73a6a] {
|
|
32152
32358
|
display: flex;
|
|
32153
32359
|
gap: 8px;
|
|
32154
32360
|
}
|
|
32155
|
-
.cn-timeline-manage__title[data-v-
|
|
32361
|
+
.cn-timeline-manage__title[data-v-a4c73a6a] {
|
|
32156
32362
|
margin: 0;
|
|
32157
32363
|
font-size: 17px;
|
|
32158
32364
|
font-weight: 700;
|
|
32159
32365
|
line-height: 1.2;
|
|
32160
32366
|
}
|
|
32161
|
-
.cn-timeline-manage__subtitle[data-v-
|
|
32367
|
+
.cn-timeline-manage__subtitle[data-v-a4c73a6a] {
|
|
32162
32368
|
margin: 0;
|
|
32163
32369
|
color: var(--color-text-maxcontrast);
|
|
32164
32370
|
font-size: 14px;
|
|
32165
32371
|
}
|
|
32166
|
-
.cn-timeline-manage__chips[data-v-
|
|
32372
|
+
.cn-timeline-manage__chips[data-v-a4c73a6a] {
|
|
32167
32373
|
display: flex;
|
|
32168
32374
|
flex-wrap: wrap;
|
|
32169
32375
|
gap: 8px;
|
|
32170
32376
|
margin-block-end: 12px;
|
|
32171
32377
|
}
|
|
32172
|
-
.cn-timeline-manage__chip[data-v-
|
|
32378
|
+
.cn-timeline-manage__chip[data-v-a4c73a6a] {
|
|
32173
32379
|
display: inline-flex;
|
|
32174
32380
|
align-items: center;
|
|
32175
32381
|
gap: 8px;
|
|
@@ -32186,12 +32392,12 @@ to { background-position: -200% 0;
|
|
|
32186
32392
|
}
|
|
32187
32393
|
|
|
32188
32394
|
/* The chosen kind is a filled chip with no outline. */
|
|
32189
|
-
.cn-timeline-manage__chip--active[data-v-
|
|
32395
|
+
.cn-timeline-manage__chip--active[data-v-a4c73a6a] {
|
|
32190
32396
|
border: 0;
|
|
32191
32397
|
background: var(--color-main-text);
|
|
32192
32398
|
color: var(--color-main-background);
|
|
32193
32399
|
}
|
|
32194
|
-
.cn-timeline-manage__chip-count[data-v-
|
|
32400
|
+
.cn-timeline-manage__chip-count[data-v-a4c73a6a] {
|
|
32195
32401
|
padding: 1px 7px;
|
|
32196
32402
|
border-radius: 10px;
|
|
32197
32403
|
background: var(--color-border);
|
|
@@ -32200,11 +32406,11 @@ to { background-position: -200% 0;
|
|
|
32200
32406
|
}
|
|
32201
32407
|
|
|
32202
32408
|
/* On the filled chip the count is a lighter ink bubble with light text. */
|
|
32203
|
-
.cn-timeline-manage__chip--active .cn-timeline-manage__chip-count[data-v-
|
|
32409
|
+
.cn-timeline-manage__chip--active .cn-timeline-manage__chip-count[data-v-a4c73a6a] {
|
|
32204
32410
|
background: color-mix(in srgb, var(--color-main-background) 18%, var(--color-main-text));
|
|
32205
32411
|
color: var(--color-main-background);
|
|
32206
32412
|
}
|
|
32207
|
-
.cn-timeline-manage__footer[data-v-
|
|
32413
|
+
.cn-timeline-manage__footer[data-v-a4c73a6a] {
|
|
32208
32414
|
display: flex;
|
|
32209
32415
|
flex-wrap: wrap;
|
|
32210
32416
|
align-items: center;
|
|
@@ -32212,11 +32418,11 @@ to { background-position: -200% 0;
|
|
|
32212
32418
|
gap: 8px;
|
|
32213
32419
|
margin: 12px 0 0;
|
|
32214
32420
|
}
|
|
32215
|
-
.cn-timeline-manage__count[data-v-
|
|
32421
|
+
.cn-timeline-manage__count[data-v-a4c73a6a] {
|
|
32216
32422
|
margin: 0;
|
|
32217
32423
|
color: var(--color-text-maxcontrast);
|
|
32218
32424
|
}
|
|
32219
|
-
.cn-timeline-manage__composer[data-v-
|
|
32425
|
+
.cn-timeline-manage__composer[data-v-a4c73a6a] {
|
|
32220
32426
|
display: flex;
|
|
32221
32427
|
flex-direction: column;
|
|
32222
32428
|
gap: 8px;
|
|
@@ -32224,59 +32430,59 @@ to { background-position: -200% 0;
|
|
|
32224
32430
|
padding-block-start: 16px;
|
|
32225
32431
|
border-block-start: 1px solid var(--color-border);
|
|
32226
32432
|
}
|
|
32227
|
-
.cn-timeline-manage--composer-only .cn-timeline-manage__composer[data-v-
|
|
32433
|
+
.cn-timeline-manage--composer-only .cn-timeline-manage__composer[data-v-a4c73a6a] {
|
|
32228
32434
|
margin-block-start: 0;
|
|
32229
32435
|
padding-block-start: 0;
|
|
32230
32436
|
border-block-start: none;
|
|
32231
32437
|
}
|
|
32232
32438
|
|
|
32233
32439
|
/* The checkbox at the start, the button at the end, as one row. */
|
|
32234
|
-
.cn-timeline-manage__composer-foot[data-v-
|
|
32440
|
+
.cn-timeline-manage__composer-foot[data-v-a4c73a6a] {
|
|
32235
32441
|
display: flex;
|
|
32236
32442
|
flex-wrap: wrap;
|
|
32237
32443
|
align-items: center;
|
|
32238
32444
|
justify-content: space-between;
|
|
32239
32445
|
gap: 8px;
|
|
32240
32446
|
}
|
|
32241
|
-
.cn-timeline-manage__composer-title[data-v-
|
|
32447
|
+
.cn-timeline-manage__composer-title[data-v-a4c73a6a] {
|
|
32242
32448
|
margin: 0;
|
|
32243
32449
|
font-size: 16px;
|
|
32244
32450
|
font-weight: bold;
|
|
32245
32451
|
}
|
|
32246
|
-
.cn-timeline-manage__composer-hint[data-v-
|
|
32452
|
+
.cn-timeline-manage__composer-hint[data-v-a4c73a6a] {
|
|
32247
32453
|
margin: 0;
|
|
32248
32454
|
color: var(--color-text-maxcontrast);
|
|
32249
32455
|
}
|
|
32250
|
-
.cn-timeline-manage__draft-label[data-v-
|
|
32456
|
+
.cn-timeline-manage__draft-label[data-v-a4c73a6a] {
|
|
32251
32457
|
font-weight: bold;
|
|
32252
32458
|
}
|
|
32253
|
-
.cn-timeline-manage__draft[data-v-
|
|
32459
|
+
.cn-timeline-manage__draft[data-v-a4c73a6a] {
|
|
32254
32460
|
width: 100%;
|
|
32255
32461
|
min-height: 70px;
|
|
32256
32462
|
}
|
|
32257
|
-
.cn-timeline-manage__controls[data-v-
|
|
32463
|
+
.cn-timeline-manage__controls[data-v-a4c73a6a] {
|
|
32258
32464
|
display: flex;
|
|
32259
32465
|
gap: 12px;
|
|
32260
32466
|
flex-wrap: wrap;
|
|
32261
32467
|
margin-block-end: 12px;
|
|
32262
32468
|
}
|
|
32263
|
-
.cn-timeline-manage__filter[data-v-
|
|
32469
|
+
.cn-timeline-manage__filter[data-v-a4c73a6a] {
|
|
32264
32470
|
min-width: 200px;
|
|
32265
32471
|
}
|
|
32266
|
-
.cn-timeline-manage__list[data-v-
|
|
32472
|
+
.cn-timeline-manage__list[data-v-a4c73a6a] {
|
|
32267
32473
|
list-style: none;
|
|
32268
32474
|
margin: 0;
|
|
32269
32475
|
padding: 0;
|
|
32270
32476
|
}
|
|
32271
|
-
.cn-timeline-manage__entry[data-v-
|
|
32477
|
+
.cn-timeline-manage__entry[data-v-a4c73a6a] {
|
|
32272
32478
|
border-block-end: 1px solid var(--color-border);
|
|
32273
32479
|
padding-block: 12px;
|
|
32274
32480
|
}
|
|
32275
|
-
.cn-timeline-manage__entry--pinned[data-v-
|
|
32481
|
+
.cn-timeline-manage__entry--pinned[data-v-a4c73a6a] {
|
|
32276
32482
|
border-inline-start: 3px solid var(--color-primary-element);
|
|
32277
32483
|
padding-inline-start: 8px;
|
|
32278
32484
|
}
|
|
32279
|
-
.cn-timeline-manage__head[data-v-
|
|
32485
|
+
.cn-timeline-manage__head[data-v-a4c73a6a] {
|
|
32280
32486
|
display: flex;
|
|
32281
32487
|
gap: 8px;
|
|
32282
32488
|
flex-wrap: wrap;
|
|
@@ -32284,29 +32490,29 @@ to { background-position: -200% 0;
|
|
|
32284
32490
|
color: var(--color-text-maxcontrast);
|
|
32285
32491
|
font-size: 0.9em;
|
|
32286
32492
|
}
|
|
32287
|
-
.cn-timeline-manage__kind[data-v-
|
|
32493
|
+
.cn-timeline-manage__kind[data-v-a4c73a6a] {
|
|
32288
32494
|
font-weight: bold;
|
|
32289
32495
|
color: var(--color-main-text);
|
|
32290
32496
|
}
|
|
32291
|
-
.cn-timeline-manage__badge[data-v-
|
|
32497
|
+
.cn-timeline-manage__badge[data-v-a4c73a6a] {
|
|
32292
32498
|
border: 1px solid var(--color-border);
|
|
32293
32499
|
border-radius: var(--border-radius);
|
|
32294
32500
|
padding: 0 6px;
|
|
32295
32501
|
}
|
|
32296
|
-
.cn-timeline-manage__badge--open[data-v-
|
|
32502
|
+
.cn-timeline-manage__badge--open[data-v-a4c73a6a] {
|
|
32297
32503
|
border-color: var(--color-warning);
|
|
32298
32504
|
color: var(--color-warning-text);
|
|
32299
32505
|
}
|
|
32300
|
-
.cn-timeline-manage__message[data-v-
|
|
32506
|
+
.cn-timeline-manage__message[data-v-a4c73a6a] {
|
|
32301
32507
|
margin-block: 4px 0;
|
|
32302
32508
|
white-space: pre-wrap;
|
|
32303
32509
|
}
|
|
32304
|
-
.cn-timeline-manage__siblings[data-v-
|
|
32510
|
+
.cn-timeline-manage__siblings[data-v-a4c73a6a] {
|
|
32305
32511
|
margin-block: 4px 0;
|
|
32306
32512
|
color: var(--color-text-maxcontrast);
|
|
32307
32513
|
font-size: 0.9em;
|
|
32308
32514
|
}
|
|
32309
|
-
.cn-timeline-manage__actions[data-v-
|
|
32515
|
+
.cn-timeline-manage__actions[data-v-a4c73a6a] {
|
|
32310
32516
|
display: flex;
|
|
32311
32517
|
gap: 8px;
|
|
32312
32518
|
margin-block-start: 4px;
|
|
@@ -32904,15 +33110,15 @@ button.cn-stepper__step[data-v-3cab4d7d] {
|
|
|
32904
33110
|
|
|
32905
33111
|
/* A leaf card in a narrow cell keeps its title and count: the title row
|
|
32906
33112
|
wraps and the actions move under it instead of squeezing the title out. */
|
|
32907
|
-
.cn-detail-page__leaf-card[data-v-
|
|
33113
|
+
.cn-detail-page__leaf-card[data-v-32a82d6a] .cn-widget-wrapper__header {
|
|
32908
33114
|
flex-wrap: wrap;
|
|
32909
33115
|
}
|
|
32910
|
-
.cn-detail-page__leaf-card[data-v-
|
|
33116
|
+
.cn-detail-page__leaf-card[data-v-32a82d6a] .cn-widget-wrapper__header-left {
|
|
32911
33117
|
flex: 1 0 auto;
|
|
32912
33118
|
}
|
|
32913
33119
|
|
|
32914
33120
|
/* The count beside a card title: the grey 20px badge of the tab strip. */
|
|
32915
|
-
.cn-detail-page__catalog-count[data-v-
|
|
33121
|
+
.cn-detail-page__catalog-count[data-v-32a82d6a] {
|
|
32916
33122
|
background-color: var(--color-border);
|
|
32917
33123
|
border-radius: 10px;
|
|
32918
33124
|
box-sizing: border-box;
|
|
@@ -32925,19 +33131,19 @@ button.cn-stepper__step[data-v-3cab4d7d] {
|
|
|
32925
33131
|
padding: 0 6px;
|
|
32926
33132
|
text-align: center;
|
|
32927
33133
|
}
|
|
32928
|
-
.cn-detail-page__catalog-note[data-v-
|
|
33134
|
+
.cn-detail-page__catalog-note[data-v-32a82d6a] {
|
|
32929
33135
|
color: var(--color-text-maxcontrast);
|
|
32930
33136
|
font-size: 14px;
|
|
32931
33137
|
white-space: nowrap;
|
|
32932
33138
|
}
|
|
32933
|
-
.cn-detail-widget-host[data-v-
|
|
32934
|
-
.cn-detail-widget-host[data-v-
|
|
33139
|
+
.cn-detail-widget-host[data-v-32a82d6a],
|
|
33140
|
+
.cn-detail-widget-host[data-v-32a82d6a] > * {
|
|
32935
33141
|
height: 100%;
|
|
32936
33142
|
}
|
|
32937
33143
|
|
|
32938
33144
|
/* A bare host is a tab panel's body: it fills the panel and lets the panel
|
|
32939
33145
|
scroll, rather than growing a second scroll region of its own. */
|
|
32940
|
-
.cn-detail-widget-host--bare[data-v-
|
|
33146
|
+
.cn-detail-widget-host--bare[data-v-32a82d6a] {
|
|
32941
33147
|
min-height: 0;
|
|
32942
33148
|
}
|
|
32943
33149
|
|
|
@@ -39128,40 +39334,40 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
39128
39334
|
}
|
|
39129
39335
|
|
|
39130
39336
|
|
|
39131
|
-
.cn-working-calendar[data-v-
|
|
39337
|
+
.cn-working-calendar[data-v-23316897] {
|
|
39132
39338
|
display: flex;
|
|
39133
39339
|
flex-direction: column;
|
|
39134
39340
|
gap: 12px;
|
|
39135
39341
|
}
|
|
39136
|
-
.cn-working-calendar__head[data-v-
|
|
39342
|
+
.cn-working-calendar__head[data-v-23316897] {
|
|
39137
39343
|
align-items: center;
|
|
39138
39344
|
display: flex;
|
|
39139
39345
|
gap: 4px;
|
|
39140
39346
|
}
|
|
39141
|
-
.cn-working-calendar__title[data-v-
|
|
39347
|
+
.cn-working-calendar__title[data-v-23316897] {
|
|
39142
39348
|
font-size: 15px;
|
|
39143
39349
|
min-width: 9em;
|
|
39144
39350
|
text-align: center;
|
|
39145
39351
|
}
|
|
39146
|
-
.cn-working-calendar__add[data-v-
|
|
39352
|
+
.cn-working-calendar__add[data-v-23316897] {
|
|
39147
39353
|
margin-inline-start: auto;
|
|
39148
39354
|
}
|
|
39149
|
-
.cn-working-calendar__grid[data-v-
|
|
39355
|
+
.cn-working-calendar__grid[data-v-23316897] {
|
|
39150
39356
|
display: flex;
|
|
39151
39357
|
flex-direction: column;
|
|
39152
39358
|
gap: 4px;
|
|
39153
39359
|
}
|
|
39154
|
-
.cn-working-calendar__row[data-v-
|
|
39360
|
+
.cn-working-calendar__row[data-v-23316897] {
|
|
39155
39361
|
display: grid;
|
|
39156
39362
|
gap: 4px;
|
|
39157
39363
|
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
39158
39364
|
}
|
|
39159
|
-
.cn-working-calendar__weekday[data-v-
|
|
39365
|
+
.cn-working-calendar__weekday[data-v-23316897] {
|
|
39160
39366
|
color: var(--color-text-maxcontrast);
|
|
39161
39367
|
font-size: 12px;
|
|
39162
39368
|
text-align: center;
|
|
39163
39369
|
}
|
|
39164
|
-
.cn-working-calendar__day[data-v-
|
|
39370
|
+
.cn-working-calendar__day[data-v-23316897] {
|
|
39165
39371
|
align-items: center;
|
|
39166
39372
|
background: var(--color-main-background);
|
|
39167
39373
|
border: 1px solid var(--color-border);
|
|
@@ -39172,23 +39378,23 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
39172
39378
|
height: 34px;
|
|
39173
39379
|
justify-content: center;
|
|
39174
39380
|
}
|
|
39175
|
-
.cn-working-calendar__day[data-v-
|
|
39381
|
+
.cn-working-calendar__day[data-v-23316897]:focus-visible {
|
|
39176
39382
|
outline: 2px solid var(--color-primary-element);
|
|
39177
39383
|
outline-offset: 1px;
|
|
39178
39384
|
}
|
|
39179
|
-
.cn-working-calendar__day--off[data-v-
|
|
39385
|
+
.cn-working-calendar__day--off[data-v-23316897] {
|
|
39180
39386
|
background: var(--color-background-dark);
|
|
39181
39387
|
}
|
|
39182
|
-
.cn-working-calendar__day--closed[data-v-
|
|
39388
|
+
.cn-working-calendar__day--closed[data-v-23316897] {
|
|
39183
39389
|
background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
|
|
39184
39390
|
border-color: var(--color-error);
|
|
39185
39391
|
color: var(--color-error-text, var(--color-main-text));
|
|
39186
39392
|
font-weight: 600;
|
|
39187
39393
|
}
|
|
39188
|
-
.cn-working-calendar__day--today[data-v-
|
|
39394
|
+
.cn-working-calendar__day--today[data-v-23316897] {
|
|
39189
39395
|
box-shadow: inset 0 0 0 2px var(--color-primary-element);
|
|
39190
39396
|
}
|
|
39191
|
-
.cn-working-calendar__live[data-v-
|
|
39397
|
+
.cn-working-calendar__live[data-v-23316897] {
|
|
39192
39398
|
clip-path: inset(50%);
|
|
39193
39399
|
height: 1px;
|
|
39194
39400
|
overflow: hidden;
|
|
@@ -39196,34 +39402,42 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
39196
39402
|
white-space: nowrap;
|
|
39197
39403
|
width: 1px;
|
|
39198
39404
|
}
|
|
39199
|
-
|
|
39405
|
+
|
|
39406
|
+
/* A theme's paragraph rule sets every p's size and colour with !important
|
|
39407
|
+
(thematiq), so the note and the footnote also set its tokens.
|
|
39408
|
+
@spec openspec/changes/calendar-footnote-paragraph-tokens/specs/working-calendar-footnote/spec.md */
|
|
39409
|
+
.cn-working-calendar__note[data-v-23316897] {
|
|
39410
|
+
--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
|
|
39200
39411
|
color: var(--color-text-maxcontrast);
|
|
39201
39412
|
margin: 0;
|
|
39202
39413
|
}
|
|
39203
39414
|
|
|
39204
39415
|
/* @spec openspec/changes/working-calendar-footnote/specs/working-calendar-footnote/spec.md */
|
|
39205
|
-
.cn-working-calendar__footnote[data-v-
|
|
39416
|
+
.cn-working-calendar__footnote[data-v-23316897] {
|
|
39417
|
+
--nldesign-component-paragraph-font-size: 13px;
|
|
39418
|
+
--nldesign-component-paragraph-line-height: 1.3;
|
|
39419
|
+
--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
|
|
39206
39420
|
margin: 0;
|
|
39207
39421
|
font-size: 13px;
|
|
39208
39422
|
line-height: 1.3;
|
|
39209
39423
|
color: var(--color-text-maxcontrast);
|
|
39210
39424
|
}
|
|
39211
|
-
.cn-working-calendar__form[data-v-
|
|
39425
|
+
.cn-working-calendar__form[data-v-23316897] {
|
|
39212
39426
|
display: flex;
|
|
39213
39427
|
flex-wrap: wrap;
|
|
39214
39428
|
gap: 8px 12px;
|
|
39215
39429
|
}
|
|
39216
|
-
.cn-working-calendar__field[data-v-
|
|
39430
|
+
.cn-working-calendar__field[data-v-23316897] {
|
|
39217
39431
|
display: flex;
|
|
39218
39432
|
flex-direction: column;
|
|
39219
39433
|
gap: 4px;
|
|
39220
39434
|
}
|
|
39221
|
-
.cn-working-calendar__form-actions[data-v-
|
|
39435
|
+
.cn-working-calendar__form-actions[data-v-23316897] {
|
|
39222
39436
|
align-items: flex-end;
|
|
39223
39437
|
display: flex;
|
|
39224
39438
|
gap: 8px;
|
|
39225
39439
|
}
|
|
39226
|
-
.cn-working-calendar__error[data-v-
|
|
39440
|
+
.cn-working-calendar__error[data-v-23316897] {
|
|
39227
39441
|
color: var(--color-error-text, var(--color-error));
|
|
39228
39442
|
margin: 0;
|
|
39229
39443
|
}
|
|
@@ -40187,20 +40401,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40187
40401
|
}
|
|
40188
40402
|
|
|
40189
40403
|
|
|
40190
|
-
.cn-record-list__checklist-bar[data-v-
|
|
40404
|
+
.cn-record-list__checklist-bar[data-v-3c8e615c] {
|
|
40191
40405
|
height: 8px;
|
|
40192
40406
|
margin-block-end: 16px;
|
|
40193
40407
|
border-radius: 4px;
|
|
40194
40408
|
background: var(--color-background-dark);
|
|
40195
40409
|
overflow: hidden;
|
|
40196
40410
|
}
|
|
40197
|
-
.cn-record-list__checklist-fill[data-v-
|
|
40411
|
+
.cn-record-list__checklist-fill[data-v-3c8e615c] {
|
|
40198
40412
|
display: block;
|
|
40199
40413
|
height: 100%;
|
|
40200
40414
|
border-radius: 4px;
|
|
40201
40415
|
background: var(--color-primary-element);
|
|
40202
40416
|
}
|
|
40203
|
-
.cn-record-list__checklist[data-v-
|
|
40417
|
+
.cn-record-list__checklist[data-v-3c8e615c] {
|
|
40204
40418
|
display: grid;
|
|
40205
40419
|
grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
|
|
40206
40420
|
gap: 8px 16px;
|
|
@@ -40208,16 +40422,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40208
40422
|
padding: 0;
|
|
40209
40423
|
list-style: none;
|
|
40210
40424
|
}
|
|
40211
|
-
.cn-record-list__check[data-v-
|
|
40425
|
+
.cn-record-list__check[data-v-3c8e615c] {
|
|
40212
40426
|
display: flex;
|
|
40213
40427
|
align-items: center;
|
|
40214
40428
|
gap: 8px;
|
|
40215
40429
|
min-height: 28px;
|
|
40216
40430
|
}
|
|
40217
|
-
.cn-record-list__check--done[data-v-
|
|
40431
|
+
.cn-record-list__check--done[data-v-3c8e615c] {
|
|
40218
40432
|
color: var(--color-text-maxcontrast);
|
|
40219
40433
|
}
|
|
40220
|
-
.cn-record-list__check-mark[data-v-
|
|
40434
|
+
.cn-record-list__check-mark[data-v-3c8e615c] {
|
|
40221
40435
|
display: inline-flex;
|
|
40222
40436
|
flex: none;
|
|
40223
40437
|
align-items: center;
|
|
@@ -40227,45 +40441,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40227
40441
|
border: 2px solid var(--color-border-maxcontrast);
|
|
40228
40442
|
border-radius: 50%;
|
|
40229
40443
|
}
|
|
40230
|
-
.cn-record-list__check--done .cn-record-list__check-mark[data-v-
|
|
40444
|
+
.cn-record-list__check--done .cn-record-list__check-mark[data-v-3c8e615c] {
|
|
40231
40445
|
border-color: transparent;
|
|
40232
40446
|
background: var(--color-success-hover, var(--color-background-dark));
|
|
40233
40447
|
color: var(--color-success-text, var(--color-success));
|
|
40234
40448
|
}
|
|
40235
40449
|
@media (max-width: 640px) {
|
|
40236
|
-
.cn-record-list__checklist[data-v-
|
|
40450
|
+
.cn-record-list__checklist[data-v-3c8e615c] {
|
|
40237
40451
|
grid-template-columns: minmax(0, 1fr);
|
|
40238
40452
|
}
|
|
40239
40453
|
}
|
|
40240
|
-
.cn-record-list__set-field-done[data-v-
|
|
40454
|
+
.cn-record-list__set-field-done[data-v-3c8e615c] {
|
|
40241
40455
|
display: inline-flex;
|
|
40242
40456
|
align-items: center;
|
|
40243
40457
|
gap: 4px;
|
|
40244
40458
|
color: var(--color-success-text, var(--color-success));
|
|
40245
40459
|
font-weight: bold;
|
|
40246
40460
|
}
|
|
40247
|
-
.cn-record-list__list[data-v-
|
|
40461
|
+
.cn-record-list__list[data-v-3c8e615c] {
|
|
40248
40462
|
list-style: none;
|
|
40249
40463
|
margin: 0;
|
|
40250
40464
|
padding: 0;
|
|
40251
40465
|
}
|
|
40252
|
-
.cn-record-list__group-heading[data-v-
|
|
40466
|
+
.cn-record-list__group-heading[data-v-3c8e615c] {
|
|
40253
40467
|
margin: 6px 0 0;
|
|
40254
40468
|
font-size: 15px;
|
|
40255
40469
|
font-weight: 700;
|
|
40256
40470
|
line-height: 1.4;
|
|
40257
40471
|
}
|
|
40258
|
-
.cn-record-list__group-head[data-v-
|
|
40472
|
+
.cn-record-list__group-head[data-v-3c8e615c] {
|
|
40259
40473
|
display: flex;
|
|
40260
40474
|
align-items: center;
|
|
40261
40475
|
justify-content: space-between;
|
|
40262
40476
|
gap: 8px;
|
|
40263
40477
|
margin-top: 6px;
|
|
40264
40478
|
}
|
|
40265
|
-
.cn-record-list__group-head .cn-record-list__group-heading[data-v-
|
|
40479
|
+
.cn-record-list__group-head .cn-record-list__group-heading[data-v-3c8e615c] {
|
|
40266
40480
|
margin: 0;
|
|
40267
40481
|
}
|
|
40268
|
-
.cn-record-list__action--tonal.button-vue[data-v-
|
|
40482
|
+
.cn-record-list__action--tonal.button-vue[data-v-3c8e615c] {
|
|
40269
40483
|
min-height: 34px;
|
|
40270
40484
|
height: 34px;
|
|
40271
40485
|
padding: 0 12px;
|
|
@@ -40276,34 +40490,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40276
40490
|
font-size: 13px;
|
|
40277
40491
|
font-weight: 600;
|
|
40278
40492
|
}
|
|
40279
|
-
.cn-record-list__action--tonal.button-vue[data-v-
|
|
40493
|
+
.cn-record-list__action--tonal.button-vue[data-v-3c8e615c]:hover:not(:disabled) {
|
|
40280
40494
|
background-color: var(--color-primary-element-light-hover);
|
|
40281
40495
|
}
|
|
40282
|
-
.cn-record-list__footer[data-v-
|
|
40496
|
+
.cn-record-list__footer[data-v-3c8e615c] {
|
|
40283
40497
|
display: flex;
|
|
40284
40498
|
flex-direction: column;
|
|
40285
40499
|
align-items: flex-start;
|
|
40286
40500
|
gap: 6px;
|
|
40287
40501
|
margin-top: 10px;
|
|
40288
40502
|
}
|
|
40289
|
-
.cn-record-list__footer--wide[data-v-
|
|
40503
|
+
.cn-record-list__footer--wide[data-v-3c8e615c] {
|
|
40290
40504
|
align-items: stretch;
|
|
40291
40505
|
}
|
|
40292
|
-
.cn-record-list__footer-note[data-v-
|
|
40506
|
+
.cn-record-list__footer-note[data-v-3c8e615c] {
|
|
40293
40507
|
margin: 0 0 6px;
|
|
40294
40508
|
color: var(--color-text-maxcontrast);
|
|
40295
40509
|
font-size: 13px;
|
|
40296
40510
|
}
|
|
40297
|
-
.cn-record-list__footer-reason[data-v-
|
|
40511
|
+
.cn-record-list__footer-reason[data-v-3c8e615c] {
|
|
40298
40512
|
font-size: 13px;
|
|
40299
40513
|
color: var(--color-text-maxcontrast);
|
|
40300
40514
|
}
|
|
40301
|
-
.cn-record-list__empty[data-v-
|
|
40302
|
-
.cn-record-list__error[data-v-
|
|
40515
|
+
.cn-record-list__empty[data-v-3c8e615c],
|
|
40516
|
+
.cn-record-list__error[data-v-3c8e615c] {
|
|
40303
40517
|
color: var(--color-text-maxcontrast);
|
|
40304
40518
|
margin: 0;
|
|
40305
40519
|
}
|
|
40306
|
-
.cn-record-list__notice[data-v-
|
|
40520
|
+
.cn-record-list__notice[data-v-3c8e615c] {
|
|
40307
40521
|
display: flex;
|
|
40308
40522
|
gap: 10px;
|
|
40309
40523
|
align-items: flex-start;
|
|
@@ -40312,38 +40526,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40312
40526
|
background: var(--color-primary-element-light, var(--color-background-dark));
|
|
40313
40527
|
color: var(--color-main-text);
|
|
40314
40528
|
}
|
|
40315
|
-
.cn-record-list__notice--warning[data-v-
|
|
40529
|
+
.cn-record-list__notice--warning[data-v-3c8e615c] {
|
|
40316
40530
|
background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
|
|
40317
40531
|
color: var(--color-warning-text, var(--color-main-text));
|
|
40318
40532
|
}
|
|
40319
|
-
.cn-record-list__notice--error[data-v-
|
|
40533
|
+
.cn-record-list__notice--error[data-v-3c8e615c] {
|
|
40320
40534
|
background: var(--color-error-light, rgba(219, 0, 0, 0.08));
|
|
40321
40535
|
color: var(--color-error-text, var(--color-main-text));
|
|
40322
40536
|
}
|
|
40323
|
-
.cn-record-list__notice
|
|
40537
|
+
.cn-record-list__notice--footnote[data-v-3c8e615c] {
|
|
40538
|
+
margin-top: 12px;
|
|
40539
|
+
}
|
|
40540
|
+
.cn-record-list__notice-icon[data-v-3c8e615c] {
|
|
40324
40541
|
flex: 0 0 auto;
|
|
40325
40542
|
margin-top: 1px;
|
|
40326
40543
|
}
|
|
40327
|
-
.cn-record-list__notice-text[data-v-
|
|
40544
|
+
.cn-record-list__notice-text[data-v-3c8e615c] {
|
|
40328
40545
|
margin: 0;
|
|
40329
40546
|
line-height: 1.5;
|
|
40330
40547
|
}
|
|
40331
|
-
.cn-record-list__loading[data-v-
|
|
40548
|
+
.cn-record-list__loading[data-v-3c8e615c] {
|
|
40332
40549
|
display: flex;
|
|
40333
40550
|
justify-content: center;
|
|
40334
40551
|
padding: 8px 0;
|
|
40335
40552
|
}
|
|
40336
40553
|
|
|
40337
40554
|
/* rows */
|
|
40338
|
-
.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-
|
|
40339
|
-
.cn-record-list--rule-above .cn-record-list__item[data-v-
|
|
40555
|
+
.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-3c8e615c],
|
|
40556
|
+
.cn-record-list--rule-above .cn-record-list__item[data-v-3c8e615c]:first-child {
|
|
40340
40557
|
border-top: 1px solid var(--color-border);
|
|
40341
40558
|
}
|
|
40342
|
-
.cn-record-list__pill-start[data-v-
|
|
40559
|
+
.cn-record-list__pill-start[data-v-3c8e615c] {
|
|
40343
40560
|
display: flex;
|
|
40344
40561
|
flex: none;
|
|
40345
40562
|
}
|
|
40346
|
-
.cn-record-list__bar[data-v-
|
|
40563
|
+
.cn-record-list__bar[data-v-3c8e615c] {
|
|
40347
40564
|
background: var(--color-border);
|
|
40348
40565
|
border-radius: 3px;
|
|
40349
40566
|
display: block;
|
|
@@ -40351,15 +40568,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40351
40568
|
margin: -6px 0 12px;
|
|
40352
40569
|
overflow: hidden;
|
|
40353
40570
|
}
|
|
40354
|
-
.cn-record-list__bar-fill[data-v-
|
|
40571
|
+
.cn-record-list__bar-fill[data-v-3c8e615c] {
|
|
40355
40572
|
background: var(--color-primary-element);
|
|
40356
40573
|
display: block;
|
|
40357
40574
|
height: 100%;
|
|
40358
40575
|
}
|
|
40359
|
-
.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-
|
|
40576
|
+
.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-3c8e615c] {
|
|
40360
40577
|
background: var(--color-error);
|
|
40361
40578
|
}
|
|
40362
|
-
.cn-record-list__row[data-v-
|
|
40579
|
+
.cn-record-list__row[data-v-3c8e615c] {
|
|
40363
40580
|
align-items: center;
|
|
40364
40581
|
color: var(--color-main-text);
|
|
40365
40582
|
display: flex;
|
|
@@ -40367,22 +40584,22 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40367
40584
|
padding: 12px 0;
|
|
40368
40585
|
text-decoration: none;
|
|
40369
40586
|
}
|
|
40370
|
-
.cn-record-list__row--link:hover .cn-record-list__title[data-v-
|
|
40371
|
-
.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-
|
|
40587
|
+
.cn-record-list__row--link:hover .cn-record-list__title[data-v-3c8e615c],
|
|
40588
|
+
.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-3c8e615c] {
|
|
40372
40589
|
text-decoration: underline;
|
|
40373
40590
|
}
|
|
40374
|
-
.cn-record-list__dot[data-v-
|
|
40591
|
+
.cn-record-list__dot[data-v-3c8e615c] {
|
|
40375
40592
|
flex: 0 0 14px;
|
|
40376
40593
|
width: 14px;
|
|
40377
40594
|
height: 14px;
|
|
40378
40595
|
border-radius: 50%;
|
|
40379
40596
|
}
|
|
40380
|
-
.cn-record-list__flag[data-v-
|
|
40597
|
+
.cn-record-list__flag[data-v-3c8e615c] {
|
|
40381
40598
|
color: var(--color-text-maxcontrast);
|
|
40382
40599
|
font-size: 14px;
|
|
40383
40600
|
white-space: nowrap;
|
|
40384
40601
|
}
|
|
40385
|
-
.cn-record-list__avatar[data-v-
|
|
40602
|
+
.cn-record-list__avatar[data-v-3c8e615c] {
|
|
40386
40603
|
align-items: center;
|
|
40387
40604
|
background: var(--color-background-hover);
|
|
40388
40605
|
border-radius: 50%;
|
|
@@ -40395,82 +40612,82 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40395
40612
|
justify-content: center;
|
|
40396
40613
|
width: 36px;
|
|
40397
40614
|
}
|
|
40398
|
-
.cn-record-list__main[data-v-
|
|
40615
|
+
.cn-record-list__main[data-v-3c8e615c] {
|
|
40399
40616
|
display: flex;
|
|
40400
40617
|
flex: 1 1 auto;
|
|
40401
40618
|
flex-direction: column;
|
|
40402
40619
|
gap: 2px;
|
|
40403
40620
|
min-width: 0;
|
|
40404
40621
|
}
|
|
40405
|
-
.cn-record-list__title[data-v-
|
|
40622
|
+
.cn-record-list__title[data-v-3c8e615c] {
|
|
40406
40623
|
font-size: 15px;
|
|
40407
40624
|
font-weight: 700;
|
|
40408
40625
|
}
|
|
40409
|
-
.cn-record-list--compact .cn-record-list__row[data-v-
|
|
40626
|
+
.cn-record-list--compact .cn-record-list__row[data-v-3c8e615c] {
|
|
40410
40627
|
box-sizing: border-box;
|
|
40411
40628
|
min-height: 56px;
|
|
40412
40629
|
padding: 10px 0;
|
|
40413
40630
|
}
|
|
40414
|
-
.cn-record-list--compact .cn-record-list__title[data-v-
|
|
40631
|
+
.cn-record-list--compact .cn-record-list__title[data-v-3c8e615c] {
|
|
40415
40632
|
font-weight: 500;
|
|
40416
40633
|
}
|
|
40417
|
-
.cn-record-list__meta[data-v-
|
|
40634
|
+
.cn-record-list__meta[data-v-3c8e615c] {
|
|
40418
40635
|
color: var(--color-text-maxcontrast);
|
|
40419
40636
|
font-size: 13px;
|
|
40420
40637
|
}
|
|
40421
|
-
.cn-record-list__aside[data-v-
|
|
40638
|
+
.cn-record-list__aside[data-v-3c8e615c] {
|
|
40422
40639
|
align-items: center;
|
|
40423
40640
|
display: flex;
|
|
40424
40641
|
flex: none;
|
|
40425
40642
|
gap: 16px;
|
|
40426
40643
|
}
|
|
40427
|
-
.cn-record-list__leading[data-v-
|
|
40644
|
+
.cn-record-list__leading[data-v-3c8e615c] {
|
|
40428
40645
|
flex: 0 0 52px;
|
|
40429
40646
|
color: var(--color-text-maxcontrast);
|
|
40430
40647
|
font-size: 14px;
|
|
40431
40648
|
font-weight: 600;
|
|
40432
40649
|
font-variant-numeric: tabular-nums;
|
|
40433
40650
|
}
|
|
40434
|
-
.cn-record-list__trailing[data-v-
|
|
40651
|
+
.cn-record-list__trailing[data-v-3c8e615c] {
|
|
40435
40652
|
font-size: 14px;
|
|
40436
40653
|
white-space: nowrap;
|
|
40437
40654
|
}
|
|
40438
|
-
.cn-record-list__due[data-v-
|
|
40655
|
+
.cn-record-list__due[data-v-3c8e615c] {
|
|
40439
40656
|
font-size: 14px;
|
|
40440
40657
|
white-space: nowrap;
|
|
40441
40658
|
}
|
|
40442
|
-
.cn-record-list__due--danger[data-v-
|
|
40659
|
+
.cn-record-list__due--danger[data-v-3c8e615c] {
|
|
40443
40660
|
color: var(--color-text-error, var(--color-error-text));
|
|
40444
40661
|
font-weight: 600;
|
|
40445
40662
|
}
|
|
40446
|
-
.cn-record-list__table[data-v-
|
|
40663
|
+
.cn-record-list__table[data-v-3c8e615c] {
|
|
40447
40664
|
width: 100%;
|
|
40448
40665
|
border-collapse: collapse;
|
|
40449
40666
|
font-size: 14px;
|
|
40450
40667
|
}
|
|
40451
|
-
.cn-record-list__table th[data-v-
|
|
40668
|
+
.cn-record-list__table th[data-v-3c8e615c] {
|
|
40452
40669
|
padding: 6px 0;
|
|
40453
40670
|
border-bottom: 1px solid var(--color-border);
|
|
40454
40671
|
color: var(--color-text-maxcontrast);
|
|
40455
40672
|
font-weight: 600;
|
|
40456
40673
|
text-align: start;
|
|
40457
40674
|
}
|
|
40458
|
-
.cn-record-list__table td[data-v-
|
|
40675
|
+
.cn-record-list__table td[data-v-3c8e615c] {
|
|
40459
40676
|
padding: 8px 0;
|
|
40460
40677
|
border-bottom: 1px solid var(--color-border);
|
|
40461
40678
|
}
|
|
40462
|
-
.cn-record-list__cell-sub[data-v-
|
|
40679
|
+
.cn-record-list__cell-sub[data-v-3c8e615c] {
|
|
40463
40680
|
display: block;
|
|
40464
40681
|
color: var(--color-text-maxcontrast);
|
|
40465
40682
|
font-size: 13px;
|
|
40466
40683
|
}
|
|
40467
|
-
.cn-record-list__table .cn-record-list__cell--actions[data-v-
|
|
40684
|
+
.cn-record-list__table .cn-record-list__cell--actions[data-v-3c8e615c] {
|
|
40468
40685
|
width: 1%;
|
|
40469
40686
|
padding-inline-start: 12px;
|
|
40470
40687
|
text-align: end;
|
|
40471
40688
|
white-space: nowrap;
|
|
40472
40689
|
}
|
|
40473
|
-
.cn-record-list__sort[data-v-
|
|
40690
|
+
.cn-record-list__sort[data-v-3c8e615c] {
|
|
40474
40691
|
display: inline-flex;
|
|
40475
40692
|
gap: 4px;
|
|
40476
40693
|
align-items: center;
|
|
@@ -40483,75 +40700,75 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40483
40700
|
font: inherit;
|
|
40484
40701
|
cursor: pointer;
|
|
40485
40702
|
}
|
|
40486
|
-
.cn-record-list__sort[data-v-
|
|
40703
|
+
.cn-record-list__sort[data-v-3c8e615c]:focus-visible {
|
|
40487
40704
|
outline: 2px solid var(--color-primary-element);
|
|
40488
40705
|
outline-offset: 2px;
|
|
40489
40706
|
}
|
|
40490
|
-
.cn-record-list__sort-mark[data-v-
|
|
40707
|
+
.cn-record-list__sort-mark[data-v-3c8e615c] {
|
|
40491
40708
|
font-size: 10px;
|
|
40492
40709
|
}
|
|
40493
|
-
.cn-record-list__table .cn-record-list__cell--end[data-v-
|
|
40710
|
+
.cn-record-list__table .cn-record-list__cell--end[data-v-3c8e615c] {
|
|
40494
40711
|
padding-inline-start: 12px;
|
|
40495
40712
|
text-align: end;
|
|
40496
40713
|
font-variant-numeric: tabular-nums;
|
|
40497
40714
|
}
|
|
40498
|
-
.cn-record-list__table .cn-record-list__cell--alert[data-v-
|
|
40715
|
+
.cn-record-list__table .cn-record-list__cell--alert[data-v-3c8e615c] {
|
|
40499
40716
|
color: var(--color-text-error, var(--color-error-text));
|
|
40500
40717
|
font-weight: 700;
|
|
40501
40718
|
}
|
|
40502
|
-
.cn-record-list__intro[data-v-
|
|
40719
|
+
.cn-record-list__intro[data-v-3c8e615c] {
|
|
40503
40720
|
margin: 0 0 8px;
|
|
40504
40721
|
color: var(--color-text-maxcontrast);
|
|
40505
40722
|
}
|
|
40506
|
-
.cn-record-list__footnote[data-v-
|
|
40723
|
+
.cn-record-list__footnote[data-v-3c8e615c] {
|
|
40507
40724
|
margin: 8px 0 0;
|
|
40508
40725
|
color: var(--color-text-maxcontrast);
|
|
40509
40726
|
font-size: 13px;
|
|
40510
40727
|
}
|
|
40511
|
-
.cn-record-list__due--soon[data-v-
|
|
40728
|
+
.cn-record-list__due--soon[data-v-3c8e615c] {
|
|
40512
40729
|
color: var(--color-text-warning, var(--color-warning-text));
|
|
40513
40730
|
font-weight: 600;
|
|
40514
40731
|
}
|
|
40515
|
-
.cn-record-list__due--empty[data-v-
|
|
40732
|
+
.cn-record-list__due--empty[data-v-3c8e615c] {
|
|
40516
40733
|
color: var(--color-text-maxcontrast);
|
|
40517
40734
|
}
|
|
40518
|
-
.cn-record-list__row--action[data-v-
|
|
40735
|
+
.cn-record-list__row--action[data-v-3c8e615c] {
|
|
40519
40736
|
flex-wrap: wrap;
|
|
40520
40737
|
gap: 8px 16px;
|
|
40521
40738
|
padding: 14px 0;
|
|
40522
40739
|
}
|
|
40523
|
-
.cn-record-list__row--action .cn-record-list__main[data-v-
|
|
40740
|
+
.cn-record-list__row--action .cn-record-list__main[data-v-3c8e615c] {
|
|
40524
40741
|
flex: 1 1 280px;
|
|
40525
40742
|
gap: 3px;
|
|
40526
40743
|
}
|
|
40527
|
-
.cn-record-list__title--link[data-v-
|
|
40744
|
+
.cn-record-list__title--link[data-v-3c8e615c] {
|
|
40528
40745
|
color: var(--color-main-text);
|
|
40529
40746
|
text-decoration: underline;
|
|
40530
40747
|
}
|
|
40531
|
-
.cn-record-list__pills[data-v-
|
|
40748
|
+
.cn-record-list__pills[data-v-3c8e615c] {
|
|
40532
40749
|
display: flex;
|
|
40533
40750
|
flex: 0 0 120px;
|
|
40534
40751
|
gap: 6px;
|
|
40535
40752
|
justify-content: flex-end;
|
|
40536
40753
|
}
|
|
40537
|
-
.cn-record-list__due--below[data-v-
|
|
40754
|
+
.cn-record-list__due--below[data-v-3c8e615c] {
|
|
40538
40755
|
font-size: 13px;
|
|
40539
40756
|
font-weight: 600;
|
|
40540
40757
|
white-space: normal;
|
|
40541
40758
|
}
|
|
40542
|
-
.cn-record-list__footer-link[data-v-
|
|
40759
|
+
.cn-record-list__footer-link[data-v-3c8e615c] {
|
|
40543
40760
|
align-self: flex-start;
|
|
40544
40761
|
padding-top: 8px;
|
|
40545
40762
|
font-size: 14px;
|
|
40546
40763
|
font-weight: 600;
|
|
40547
40764
|
text-decoration: underline;
|
|
40548
40765
|
}
|
|
40549
|
-
.cn-record-list__due--column[data-v-
|
|
40766
|
+
.cn-record-list__due--column[data-v-3c8e615c] {
|
|
40550
40767
|
flex: 0 0 96px;
|
|
40551
40768
|
font-size: 13px;
|
|
40552
40769
|
text-align: end;
|
|
40553
40770
|
}
|
|
40554
|
-
.cn-record-list__action[data-v-
|
|
40771
|
+
.cn-record-list__action[data-v-3c8e615c] {
|
|
40555
40772
|
align-items: center;
|
|
40556
40773
|
background: var(--color-primary-element-light);
|
|
40557
40774
|
border: 0;
|
|
@@ -40568,11 +40785,11 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40568
40785
|
padding: 0 14px;
|
|
40569
40786
|
text-decoration: none;
|
|
40570
40787
|
}
|
|
40571
|
-
.cn-record-list__action[data-v-
|
|
40572
|
-
.cn-record-list__action[data-v-
|
|
40788
|
+
.cn-record-list__action[data-v-3c8e615c]:hover,
|
|
40789
|
+
.cn-record-list__action[data-v-3c8e615c]:focus-visible {
|
|
40573
40790
|
background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
|
|
40574
40791
|
}
|
|
40575
|
-
.cn-record-list__chevron[data-v-
|
|
40792
|
+
.cn-record-list__chevron[data-v-3c8e615c] {
|
|
40576
40793
|
color: var(--color-text-maxcontrast);
|
|
40577
40794
|
flex: none;
|
|
40578
40795
|
}
|
|
@@ -40580,15 +40797,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40580
40797
|
/* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
|
|
40581
40798
|
tiles in a grid, the title at 14px regular. The selectors outrank the board
|
|
40582
40799
|
look's list row rules. */
|
|
40583
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-
|
|
40800
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-3c8e615c] {
|
|
40584
40801
|
display: grid;
|
|
40585
40802
|
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
|
40586
40803
|
gap: 8px;
|
|
40587
40804
|
}
|
|
40588
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-
|
|
40805
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-3c8e615c] {
|
|
40589
40806
|
border-top: 0;
|
|
40590
40807
|
}
|
|
40591
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-
|
|
40808
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-3c8e615c] {
|
|
40592
40809
|
box-sizing: border-box;
|
|
40593
40810
|
height: 100%;
|
|
40594
40811
|
gap: 10px;
|
|
@@ -40597,19 +40814,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40597
40814
|
border: 1px solid var(--cn-board-hairline, var(--color-border));
|
|
40598
40815
|
border-radius: 8px;
|
|
40599
40816
|
}
|
|
40600
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-
|
|
40817
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-3c8e615c] {
|
|
40601
40818
|
font-size: 14px;
|
|
40602
40819
|
font-weight: 400;
|
|
40603
40820
|
}
|
|
40604
40821
|
|
|
40605
40822
|
/* cards (board ShBank): a grid of framed cards, 240px at the least. */
|
|
40606
|
-
.cn-record-list--cards .cn-record-list__list[data-v-
|
|
40823
|
+
.cn-record-list--cards .cn-record-list__list[data-v-3c8e615c] {
|
|
40607
40824
|
align-items: start;
|
|
40608
40825
|
display: grid;
|
|
40609
40826
|
gap: 16px;
|
|
40610
40827
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
|
40611
40828
|
}
|
|
40612
|
-
.cn-record-list__card[data-v-
|
|
40829
|
+
.cn-record-list__card[data-v-3c8e615c] {
|
|
40613
40830
|
background: var(--color-main-background);
|
|
40614
40831
|
border: 1px solid var(--color-border);
|
|
40615
40832
|
border-radius: 12px;
|
|
@@ -40621,51 +40838,51 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40621
40838
|
padding: 16px 18px;
|
|
40622
40839
|
text-decoration: none;
|
|
40623
40840
|
}
|
|
40624
|
-
.cn-record-list__card--link[data-v-
|
|
40625
|
-
.cn-record-list__card--link[data-v-
|
|
40841
|
+
.cn-record-list__card--link[data-v-3c8e615c]:hover,
|
|
40842
|
+
.cn-record-list__card--link[data-v-3c8e615c]:focus-visible {
|
|
40626
40843
|
border-color: var(--color-border-dark, var(--color-border));
|
|
40627
40844
|
}
|
|
40628
|
-
.cn-record-list__card--link:hover .cn-record-list__title[data-v-
|
|
40629
|
-
.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-
|
|
40845
|
+
.cn-record-list__card--link:hover .cn-record-list__title[data-v-3c8e615c],
|
|
40846
|
+
.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-3c8e615c] {
|
|
40630
40847
|
text-decoration: underline;
|
|
40631
40848
|
}
|
|
40632
|
-
.cn-record-list__card-head[data-v-
|
|
40849
|
+
.cn-record-list__card-head[data-v-3c8e615c] {
|
|
40633
40850
|
align-items: center;
|
|
40634
40851
|
display: flex;
|
|
40635
40852
|
gap: 8px;
|
|
40636
40853
|
justify-content: space-between;
|
|
40637
40854
|
}
|
|
40638
|
-
.cn-record-list__card-title[data-v-
|
|
40855
|
+
.cn-record-list__card-title[data-v-3c8e615c] {
|
|
40639
40856
|
align-items: center;
|
|
40640
40857
|
display: flex;
|
|
40641
40858
|
gap: 8px;
|
|
40642
40859
|
min-width: 0;
|
|
40643
40860
|
}
|
|
40644
|
-
.cn-record-list__card-icon[data-v-
|
|
40861
|
+
.cn-record-list__card-icon[data-v-3c8e615c] {
|
|
40645
40862
|
color: var(--color-primary-element);
|
|
40646
40863
|
flex: none;
|
|
40647
40864
|
}
|
|
40648
|
-
.cn-record-list__card-pills[data-v-
|
|
40865
|
+
.cn-record-list__card-pills[data-v-3c8e615c] {
|
|
40649
40866
|
display: flex;
|
|
40650
40867
|
flex: none;
|
|
40651
40868
|
gap: 6px;
|
|
40652
40869
|
}
|
|
40653
|
-
.cn-record-list__card-value[data-v-
|
|
40870
|
+
.cn-record-list__card-value[data-v-3c8e615c] {
|
|
40654
40871
|
font-size: 24px;
|
|
40655
40872
|
font-weight: 700;
|
|
40656
40873
|
}
|
|
40657
40874
|
|
|
40658
40875
|
/* feed */
|
|
40659
|
-
.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-
|
|
40876
|
+
.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-3c8e615c] {
|
|
40660
40877
|
border-top: 1px solid var(--color-border);
|
|
40661
40878
|
}
|
|
40662
|
-
.cn-record-list__feed-row[data-v-
|
|
40879
|
+
.cn-record-list__feed-row[data-v-3c8e615c] {
|
|
40663
40880
|
align-items: flex-start;
|
|
40664
40881
|
display: flex;
|
|
40665
40882
|
gap: 14px;
|
|
40666
40883
|
padding: 12px 0;
|
|
40667
40884
|
}
|
|
40668
|
-
.cn-record-list__feed-icon[data-v-
|
|
40885
|
+
.cn-record-list__feed-icon[data-v-3c8e615c] {
|
|
40669
40886
|
align-items: center;
|
|
40670
40887
|
background: var(--color-primary-element-light);
|
|
40671
40888
|
border-radius: 50%;
|
|
@@ -40676,25 +40893,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40676
40893
|
justify-content: center;
|
|
40677
40894
|
width: 36px;
|
|
40678
40895
|
}
|
|
40679
|
-
.cn-record-list__text[data-v-
|
|
40896
|
+
.cn-record-list__text[data-v-3c8e615c] {
|
|
40680
40897
|
font-size: 15px;
|
|
40681
40898
|
}
|
|
40682
|
-
.cn-record-list--feed .cn-record-list__main[data-v-
|
|
40899
|
+
.cn-record-list--feed .cn-record-list__main[data-v-3c8e615c] {
|
|
40683
40900
|
color: var(--color-main-text);
|
|
40684
40901
|
text-decoration: none;
|
|
40685
40902
|
}
|
|
40686
40903
|
|
|
40687
40904
|
/* inline */
|
|
40688
|
-
.cn-record-list__inline-row[data-v-
|
|
40905
|
+
.cn-record-list__inline-row[data-v-3c8e615c] {
|
|
40689
40906
|
padding: 4px 0;
|
|
40690
40907
|
}
|
|
40691
|
-
.cn-record-list__label[data-v-
|
|
40908
|
+
.cn-record-list__label[data-v-3c8e615c] {
|
|
40692
40909
|
margin-inline-end: 4px;
|
|
40693
40910
|
}
|
|
40694
|
-
.cn-record-list__inline-title[data-v-
|
|
40911
|
+
.cn-record-list__inline-title[data-v-3c8e615c] {
|
|
40695
40912
|
color: var(--color-main-text);
|
|
40696
40913
|
}
|
|
40697
|
-
a.cn-record-list__inline-title[data-v-
|
|
40914
|
+
a.cn-record-list__inline-title[data-v-3c8e615c] {
|
|
40698
40915
|
color: var(--color-primary-element);
|
|
40699
40916
|
text-decoration: underline;
|
|
40700
40917
|
}
|
|
@@ -45835,33 +46052,33 @@ to {
|
|
|
45835
46052
|
}
|
|
45836
46053
|
|
|
45837
46054
|
|
|
45838
|
-
.cn-admin-settings-shell[data-v-
|
|
46055
|
+
.cn-admin-settings-shell[data-v-447d33ea] {
|
|
45839
46056
|
max-width: 900px;
|
|
45840
46057
|
}
|
|
45841
46058
|
|
|
45842
46059
|
/* The board look lifts the width and lays the header and cards on a grid (look-board.css). */
|
|
45843
46060
|
|
|
45844
46061
|
/* A tab without a panel of its own: the cards below the strip carry the gap. */
|
|
45845
|
-
.cn-admin-settings-shell__tabs--bare[data-v-
|
|
46062
|
+
.cn-admin-settings-shell__tabs--bare[data-v-447d33ea] > .cn-tabs__content {
|
|
45846
46063
|
padding-top: 0;
|
|
45847
46064
|
}
|
|
45848
|
-
.cn-support-info[data-v-
|
|
46065
|
+
.cn-support-info[data-v-447d33ea] {
|
|
45849
46066
|
margin-top: 16px;
|
|
45850
46067
|
padding-top: 16px;
|
|
45851
46068
|
border-top: 1px solid var(--color-border);
|
|
45852
46069
|
}
|
|
45853
|
-
.cn-support-info h4[data-v-
|
|
46070
|
+
.cn-support-info h4[data-v-447d33ea] {
|
|
45854
46071
|
margin: 0 0 8px 0;
|
|
45855
46072
|
font-size: 14px;
|
|
45856
46073
|
font-weight: 600;
|
|
45857
46074
|
color: var(--color-main-text);
|
|
45858
46075
|
}
|
|
45859
|
-
.cn-support-info p[data-v-
|
|
46076
|
+
.cn-support-info p[data-v-447d33ea] {
|
|
45860
46077
|
margin: 4px 0;
|
|
45861
46078
|
color: var(--color-text-maxcontrast);
|
|
45862
46079
|
font-size: 14px;
|
|
45863
46080
|
}
|
|
45864
|
-
.cn-support-info a[data-v-
|
|
46081
|
+
.cn-support-info a[data-v-447d33ea] {
|
|
45865
46082
|
color: var(--color-primary-element);
|
|
45866
46083
|
}
|
|
45867
46084
|
|
|
@@ -46656,7 +46873,7 @@ to {
|
|
|
46656
46873
|
}
|
|
46657
46874
|
|
|
46658
46875
|
|
|
46659
|
-
.cn-saved-view-menu-settings__intro[data-v-
|
|
46876
|
+
.cn-saved-view-menu-settings__intro[data-v-dfcd17c4] {
|
|
46660
46877
|
margin: 0 0 12px;
|
|
46661
46878
|
color: var(--color-text-maxcontrast);
|
|
46662
46879
|
}
|
|
@@ -48363,30 +48580,30 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
48363
48580
|
}
|
|
48364
48581
|
|
|
48365
48582
|
|
|
48366
|
-
.cn-register-mapping__group[data-v-
|
|
48583
|
+
.cn-register-mapping__group[data-v-26243e0a] {
|
|
48367
48584
|
margin-bottom: 24px;
|
|
48368
48585
|
border: 1px solid var(--color-border);
|
|
48369
48586
|
border-radius: var(--border-radius-large);
|
|
48370
48587
|
padding: 20px;
|
|
48371
48588
|
background: var(--color-background-hover);
|
|
48372
48589
|
}
|
|
48373
|
-
.cn-register-mapping__group[data-v-
|
|
48590
|
+
.cn-register-mapping__group[data-v-26243e0a]:last-child {
|
|
48374
48591
|
margin-bottom: 0;
|
|
48375
48592
|
}
|
|
48376
|
-
.cn-register-mapping__group-header[data-v-
|
|
48593
|
+
.cn-register-mapping__group-header[data-v-26243e0a] {
|
|
48377
48594
|
display: flex;
|
|
48378
48595
|
align-items: center;
|
|
48379
48596
|
justify-content: space-between;
|
|
48380
48597
|
margin-bottom: 12px;
|
|
48381
48598
|
}
|
|
48382
|
-
.cn-register-mapping__group-heading[data-v-
|
|
48599
|
+
.cn-register-mapping__group-heading[data-v-26243e0a] {
|
|
48383
48600
|
margin: 0 0 12px;
|
|
48384
48601
|
font: inherit;
|
|
48385
48602
|
}
|
|
48386
|
-
.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-
|
|
48603
|
+
.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading[data-v-26243e0a] {
|
|
48387
48604
|
margin-bottom: 0;
|
|
48388
48605
|
}
|
|
48389
|
-
.cn-register-mapping__group-toggle[data-v-
|
|
48606
|
+
.cn-register-mapping__group-toggle[data-v-26243e0a] {
|
|
48390
48607
|
box-sizing: border-box;
|
|
48391
48608
|
display: flex;
|
|
48392
48609
|
align-items: center;
|
|
@@ -48402,49 +48619,49 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
48402
48619
|
text-align: start;
|
|
48403
48620
|
cursor: pointer;
|
|
48404
48621
|
}
|
|
48405
|
-
.cn-register-mapping__group-toggle[data-v-
|
|
48622
|
+
.cn-register-mapping__group-toggle[data-v-26243e0a]:focus-visible {
|
|
48406
48623
|
outline: 2px solid var(--color-primary-element);
|
|
48407
48624
|
outline-offset: 2px;
|
|
48408
48625
|
border-radius: var(--border-radius);
|
|
48409
48626
|
}
|
|
48410
|
-
.cn-register-mapping__group-chevron[data-v-
|
|
48627
|
+
.cn-register-mapping__group-chevron[data-v-26243e0a] {
|
|
48411
48628
|
display: inline-flex;
|
|
48412
48629
|
flex: none;
|
|
48413
48630
|
color: var(--color-text-maxcontrast);
|
|
48414
48631
|
}
|
|
48415
|
-
.cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-
|
|
48632
|
+
.cn-register-mapping__group-toggle .cn-register-mapping__group-header[data-v-26243e0a] {
|
|
48416
48633
|
flex: 1 1 auto;
|
|
48417
48634
|
flex-wrap: wrap;
|
|
48418
48635
|
gap: 4px 12px;
|
|
48419
48636
|
min-width: 0;
|
|
48420
48637
|
margin-bottom: 0;
|
|
48421
48638
|
}
|
|
48422
|
-
.cn-register-mapping__group-title[data-v-
|
|
48639
|
+
.cn-register-mapping__group-title[data-v-26243e0a] {
|
|
48423
48640
|
font-size: 16px;
|
|
48424
48641
|
font-weight: 600;
|
|
48425
48642
|
margin: 0;
|
|
48426
48643
|
color: var(--color-main-text);
|
|
48427
48644
|
}
|
|
48428
|
-
.cn-register-mapping__group-status[data-v-
|
|
48645
|
+
.cn-register-mapping__group-status[data-v-26243e0a] {
|
|
48429
48646
|
font-size: 13px;
|
|
48430
48647
|
color: var(--color-text-maxcontrast);
|
|
48431
48648
|
}
|
|
48432
|
-
.cn-register-mapping__group-description[data-v-
|
|
48649
|
+
.cn-register-mapping__group-description[data-v-26243e0a] {
|
|
48433
48650
|
color: var(--color-text-maxcontrast);
|
|
48434
48651
|
font-size: 13px;
|
|
48435
48652
|
margin: 0 0 12px 0;
|
|
48436
48653
|
}
|
|
48437
|
-
.cn-register-mapping__register-select[data-v-
|
|
48654
|
+
.cn-register-mapping__register-select[data-v-26243e0a] {
|
|
48438
48655
|
margin-bottom: 16px;
|
|
48439
48656
|
max-width: 400px;
|
|
48440
48657
|
}
|
|
48441
|
-
.cn-register-mapping__type-list[data-v-
|
|
48658
|
+
.cn-register-mapping__type-list[data-v-26243e0a] {
|
|
48442
48659
|
border: 1px solid var(--color-border);
|
|
48443
48660
|
border-radius: var(--border-radius);
|
|
48444
48661
|
overflow: hidden;
|
|
48445
48662
|
background: var(--color-main-background);
|
|
48446
48663
|
}
|
|
48447
|
-
.cn-register-mapping__type-list-header[data-v-
|
|
48664
|
+
.cn-register-mapping__type-list-header[data-v-26243e0a] {
|
|
48448
48665
|
display: grid;
|
|
48449
48666
|
grid-template-columns: 1fr 1fr 40px 32px;
|
|
48450
48667
|
align-items: center;
|
|
@@ -48457,7 +48674,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
48457
48674
|
border-bottom: 1px solid var(--color-border);
|
|
48458
48675
|
background: var(--color-background-hover);
|
|
48459
48676
|
}
|
|
48460
|
-
.cn-register-mapping__type-row[data-v-
|
|
48677
|
+
.cn-register-mapping__type-row[data-v-26243e0a] {
|
|
48461
48678
|
display: grid;
|
|
48462
48679
|
grid-template-columns: 1fr 1fr 40px 32px;
|
|
48463
48680
|
align-items: center;
|
|
@@ -48466,59 +48683,59 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
48466
48683
|
cursor: pointer;
|
|
48467
48684
|
transition: background-color 0.15s ease;
|
|
48468
48685
|
}
|
|
48469
|
-
.cn-register-mapping__type-row[data-v-
|
|
48686
|
+
.cn-register-mapping__type-row[data-v-26243e0a]:hover {
|
|
48470
48687
|
background: var(--color-background-hover);
|
|
48471
48688
|
}
|
|
48472
|
-
.cn-register-mapping__type-row--expanded[data-v-
|
|
48689
|
+
.cn-register-mapping__type-row--expanded[data-v-26243e0a] {
|
|
48473
48690
|
background: var(--color-background-hover);
|
|
48474
48691
|
}
|
|
48475
|
-
.cn-register-mapping__type-name[data-v-
|
|
48692
|
+
.cn-register-mapping__type-name[data-v-26243e0a] {
|
|
48476
48693
|
font-weight: 500;
|
|
48477
48694
|
color: var(--color-main-text);
|
|
48478
48695
|
}
|
|
48479
|
-
.cn-register-mapping__type-schema[data-v-
|
|
48696
|
+
.cn-register-mapping__type-schema[data-v-26243e0a] {
|
|
48480
48697
|
color: var(--color-text-maxcontrast);
|
|
48481
48698
|
font-size: 13px;
|
|
48482
48699
|
}
|
|
48483
|
-
.cn-register-mapping__type-status[data-v-
|
|
48700
|
+
.cn-register-mapping__type-status[data-v-26243e0a] {
|
|
48484
48701
|
display: flex;
|
|
48485
48702
|
justify-content: center;
|
|
48486
48703
|
}
|
|
48487
|
-
.cn-register-mapping__type-chevron[data-v-
|
|
48704
|
+
.cn-register-mapping__type-chevron[data-v-26243e0a] {
|
|
48488
48705
|
display: flex;
|
|
48489
48706
|
justify-content: center;
|
|
48490
48707
|
color: var(--color-text-maxcontrast);
|
|
48491
48708
|
}
|
|
48492
|
-
.cn-register-mapping__status-dot[data-v-
|
|
48709
|
+
.cn-register-mapping__status-dot[data-v-26243e0a] {
|
|
48493
48710
|
display: inline-block;
|
|
48494
48711
|
width: 10px;
|
|
48495
48712
|
height: 10px;
|
|
48496
48713
|
border-radius: 50%;
|
|
48497
48714
|
}
|
|
48498
|
-
.cn-register-mapping__status-dot--configured[data-v-
|
|
48715
|
+
.cn-register-mapping__status-dot--configured[data-v-26243e0a] {
|
|
48499
48716
|
background-color: var(--color-success);
|
|
48500
48717
|
}
|
|
48501
|
-
.cn-register-mapping__status-dot--unconfigured[data-v-
|
|
48718
|
+
.cn-register-mapping__status-dot--unconfigured[data-v-26243e0a] {
|
|
48502
48719
|
background-color: var(--color-warning);
|
|
48503
48720
|
}
|
|
48504
|
-
.cn-register-mapping__type-detail[data-v-
|
|
48721
|
+
.cn-register-mapping__type-detail[data-v-26243e0a] {
|
|
48505
48722
|
padding: 12px 16px 16px;
|
|
48506
48723
|
border-bottom: 1px solid var(--color-border);
|
|
48507
48724
|
background: var(--color-main-background);
|
|
48508
48725
|
}
|
|
48509
|
-
.cn-register-mapping__type-description[data-v-
|
|
48726
|
+
.cn-register-mapping__type-description[data-v-26243e0a] {
|
|
48510
48727
|
color: var(--color-text-maxcontrast);
|
|
48511
48728
|
font-size: 13px;
|
|
48512
48729
|
margin: 0 0 8px 0;
|
|
48513
48730
|
}
|
|
48514
48731
|
|
|
48515
48732
|
/* Board look (PqBeheer): one open group, compact rows for the others. */
|
|
48516
|
-
.cn-register-mapping--board[data-v-
|
|
48733
|
+
.cn-register-mapping--board[data-v-26243e0a] {
|
|
48517
48734
|
display: flex;
|
|
48518
48735
|
flex-direction: column;
|
|
48519
48736
|
gap: 14px;
|
|
48520
48737
|
}
|
|
48521
|
-
.cn-register-mapping__board-group[data-v-
|
|
48738
|
+
.cn-register-mapping__board-group[data-v-26243e0a] {
|
|
48522
48739
|
display: flex;
|
|
48523
48740
|
flex-direction: column;
|
|
48524
48741
|
gap: 10px;
|
|
@@ -48526,48 +48743,54 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
48526
48743
|
border: 1px solid var(--color-border);
|
|
48527
48744
|
border-radius: var(--border-radius-large);
|
|
48528
48745
|
}
|
|
48529
|
-
.cn-register-mapping__board-head[data-v-
|
|
48746
|
+
.cn-register-mapping__board-head[data-v-26243e0a] {
|
|
48530
48747
|
display: flex;
|
|
48531
48748
|
flex-wrap: wrap;
|
|
48532
48749
|
align-items: flex-start;
|
|
48533
48750
|
justify-content: space-between;
|
|
48534
48751
|
gap: 10px 16px;
|
|
48535
48752
|
}
|
|
48536
|
-
.cn-register-mapping__board-title[data-v-
|
|
48753
|
+
.cn-register-mapping__board-title[data-v-26243e0a] {
|
|
48537
48754
|
margin: 0;
|
|
48538
48755
|
font-size: 15px;
|
|
48539
48756
|
font-weight: 700;
|
|
48540
48757
|
}
|
|
48541
|
-
.cn-register-mapping__selects-group[data-v-
|
|
48758
|
+
.cn-register-mapping__selects-group[data-v-26243e0a] {
|
|
48542
48759
|
display: flex;
|
|
48543
48760
|
flex-direction: column;
|
|
48544
48761
|
gap: 16px;
|
|
48545
48762
|
}
|
|
48546
|
-
.cn-register-mapping__selects-register[data-v-
|
|
48763
|
+
.cn-register-mapping__selects-register[data-v-26243e0a] {
|
|
48547
48764
|
max-width: 50%;
|
|
48548
48765
|
}
|
|
48549
|
-
|
|
48766
|
+
|
|
48767
|
+
/* DqBeheerinstellingen: the register select fills its half of the card. */
|
|
48768
|
+
.cn-register-mapping__selects-register[data-v-26243e0a] .v-select {
|
|
48769
|
+
width: 100%;
|
|
48770
|
+
max-width: none;
|
|
48771
|
+
}
|
|
48772
|
+
.cn-register-mapping__select-grid[data-v-26243e0a] {
|
|
48550
48773
|
display: grid;
|
|
48551
48774
|
grid-template-columns: repeat(var(--cn-register-mapping-columns, 3), minmax(0, 1fr));
|
|
48552
48775
|
gap: 16px;
|
|
48553
48776
|
}
|
|
48554
48777
|
@media (max-width: 768px) {
|
|
48555
|
-
.cn-register-mapping__selects-register[data-v-
|
|
48778
|
+
.cn-register-mapping__selects-register[data-v-26243e0a] {
|
|
48556
48779
|
max-width: none;
|
|
48557
48780
|
}
|
|
48558
|
-
.cn-register-mapping__select-grid[data-v-
|
|
48781
|
+
.cn-register-mapping__select-grid[data-v-26243e0a] {
|
|
48559
48782
|
grid-template-columns: minmax(0, 1fr);
|
|
48560
48783
|
}
|
|
48561
48784
|
}
|
|
48562
|
-
.cn-register-mapping__board-select[data-v-
|
|
48785
|
+
.cn-register-mapping__board-select[data-v-26243e0a] {
|
|
48563
48786
|
max-width: 400px;
|
|
48564
48787
|
margin-bottom: 0;
|
|
48565
48788
|
}
|
|
48566
|
-
.cn-register-mapping__board-table[data-v-
|
|
48789
|
+
.cn-register-mapping__board-table[data-v-26243e0a] {
|
|
48567
48790
|
width: 100%;
|
|
48568
48791
|
border-collapse: collapse;
|
|
48569
48792
|
}
|
|
48570
|
-
.cn-register-mapping__board-table th[data-v-
|
|
48793
|
+
.cn-register-mapping__board-table th[data-v-26243e0a] {
|
|
48571
48794
|
padding: 8px 12px 8px 0;
|
|
48572
48795
|
border-bottom: 1px solid var(--color-border);
|
|
48573
48796
|
font-size: 13px;
|
|
@@ -48576,13 +48799,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
48576
48799
|
text-align: start;
|
|
48577
48800
|
white-space: nowrap;
|
|
48578
48801
|
}
|
|
48579
|
-
.cn-register-mapping__board-table td[data-v-
|
|
48802
|
+
.cn-register-mapping__board-table td[data-v-26243e0a] {
|
|
48580
48803
|
padding: 10px 12px 10px 0;
|
|
48581
48804
|
border-bottom: 1px solid var(--color-border);
|
|
48582
48805
|
font-size: 14px;
|
|
48583
48806
|
vertical-align: middle;
|
|
48584
48807
|
}
|
|
48585
|
-
.cn-register-mapping__board-schema[data-v-
|
|
48808
|
+
.cn-register-mapping__board-schema[data-v-26243e0a] {
|
|
48586
48809
|
display: inline-flex;
|
|
48587
48810
|
align-items: center;
|
|
48588
48811
|
gap: 6px;
|
|
@@ -48596,26 +48819,26 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
48596
48819
|
text-align: start;
|
|
48597
48820
|
cursor: pointer;
|
|
48598
48821
|
}
|
|
48599
|
-
.cn-register-mapping__board-schema[data-v-
|
|
48822
|
+
.cn-register-mapping__board-schema[data-v-26243e0a]:hover {
|
|
48600
48823
|
text-decoration: underline;
|
|
48601
48824
|
}
|
|
48602
|
-
.cn-register-mapping__board-schema[data-v-
|
|
48603
|
-
.cn-register-mapping__board-link[data-v-
|
|
48604
|
-
.cn-register-mapping__board-group-row[data-v-
|
|
48825
|
+
.cn-register-mapping__board-schema[data-v-26243e0a]:focus-visible,
|
|
48826
|
+
.cn-register-mapping__board-link[data-v-26243e0a]:focus-visible,
|
|
48827
|
+
.cn-register-mapping__board-group-row[data-v-26243e0a]:focus-visible {
|
|
48605
48828
|
outline: 2px solid var(--color-primary-element);
|
|
48606
48829
|
outline-offset: 2px;
|
|
48607
48830
|
border-radius: var(--border-radius);
|
|
48608
48831
|
}
|
|
48609
|
-
.cn-register-mapping__board-check[data-v-
|
|
48832
|
+
.cn-register-mapping__board-check[data-v-26243e0a] {
|
|
48610
48833
|
color: var(--color-success-text, var(--color-success));
|
|
48611
48834
|
}
|
|
48612
|
-
.cn-register-mapping__board-more[data-v-
|
|
48835
|
+
.cn-register-mapping__board-more[data-v-26243e0a] {
|
|
48613
48836
|
margin: 0;
|
|
48614
48837
|
font-size: 13px;
|
|
48615
48838
|
line-height: 1.4;
|
|
48616
48839
|
color: var(--color-text-maxcontrast);
|
|
48617
48840
|
}
|
|
48618
|
-
.cn-register-mapping__board-link[data-v-
|
|
48841
|
+
.cn-register-mapping__board-link[data-v-26243e0a] {
|
|
48619
48842
|
margin: 0;
|
|
48620
48843
|
padding: 0;
|
|
48621
48844
|
border: 0;
|
|
@@ -48625,14 +48848,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
48625
48848
|
text-decoration: underline;
|
|
48626
48849
|
cursor: pointer;
|
|
48627
48850
|
}
|
|
48628
|
-
.cn-register-mapping__board-groups[data-v-
|
|
48851
|
+
.cn-register-mapping__board-groups[data-v-26243e0a] {
|
|
48629
48852
|
display: flex;
|
|
48630
48853
|
flex-direction: column;
|
|
48631
48854
|
margin: 0;
|
|
48632
48855
|
padding: 0;
|
|
48633
48856
|
list-style: none;
|
|
48634
48857
|
}
|
|
48635
|
-
.cn-register-mapping__board-group-row[data-v-
|
|
48858
|
+
.cn-register-mapping__board-group-row[data-v-26243e0a] {
|
|
48636
48859
|
display: flex;
|
|
48637
48860
|
align-items: center;
|
|
48638
48861
|
gap: 10px;
|
|
@@ -48649,17 +48872,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
48649
48872
|
text-align: start;
|
|
48650
48873
|
cursor: pointer;
|
|
48651
48874
|
}
|
|
48652
|
-
.cn-register-mapping__board-group-row[data-v-
|
|
48875
|
+
.cn-register-mapping__board-group-row[data-v-26243e0a]:hover {
|
|
48653
48876
|
background: var(--color-background-hover);
|
|
48654
48877
|
}
|
|
48655
|
-
.cn-register-mapping__board-chevron[data-v-
|
|
48656
|
-
.cn-register-mapping__board-group-count[data-v-
|
|
48878
|
+
.cn-register-mapping__board-chevron[data-v-26243e0a],
|
|
48879
|
+
.cn-register-mapping__board-group-count[data-v-26243e0a] {
|
|
48657
48880
|
color: var(--color-text-maxcontrast);
|
|
48658
48881
|
}
|
|
48659
|
-
.cn-register-mapping__board-group-name[data-v-
|
|
48882
|
+
.cn-register-mapping__board-group-name[data-v-26243e0a] {
|
|
48660
48883
|
flex: 1;
|
|
48661
48884
|
}
|
|
48662
|
-
.cn-register-mapping__board-save[data-v-
|
|
48885
|
+
.cn-register-mapping__board-save[data-v-26243e0a] {
|
|
48663
48886
|
display: flex;
|
|
48664
48887
|
flex-wrap: wrap;
|
|
48665
48888
|
align-items: center;
|
|
@@ -48668,14 +48891,14 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
48668
48891
|
}
|
|
48669
48892
|
|
|
48670
48893
|
/* Slide transition */
|
|
48671
|
-
.slide-enter-active[data-v-
|
|
48672
|
-
.slide-leave-active[data-v-
|
|
48894
|
+
.slide-enter-active[data-v-26243e0a],
|
|
48895
|
+
.slide-leave-active[data-v-26243e0a] {
|
|
48673
48896
|
transition: all 0.2s ease;
|
|
48674
48897
|
max-height: 200px;
|
|
48675
48898
|
overflow: hidden;
|
|
48676
48899
|
}
|
|
48677
|
-
.slide-enter[data-v-
|
|
48678
|
-
.slide-leave-to[data-v-
|
|
48900
|
+
.slide-enter[data-v-26243e0a],
|
|
48901
|
+
.slide-leave-to[data-v-26243e0a] {
|
|
48679
48902
|
max-height: 0;
|
|
48680
48903
|
padding-top: 0;
|
|
48681
48904
|
padding-bottom: 0;
|
|
@@ -48683,20 +48906,20 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
48683
48906
|
}
|
|
48684
48907
|
|
|
48685
48908
|
/* Last row in list should not have bottom border */
|
|
48686
|
-
.cn-register-mapping__type-list[data-v-
|
|
48909
|
+
.cn-register-mapping__type-list[data-v-26243e0a] > :last-child {
|
|
48687
48910
|
border-bottom: none;
|
|
48688
48911
|
}
|
|
48689
48912
|
@media (max-width: 768px) {
|
|
48690
|
-
.cn-register-mapping__type-list-header[data-v-
|
|
48913
|
+
.cn-register-mapping__type-list-header[data-v-26243e0a] {
|
|
48691
48914
|
display: none;
|
|
48692
48915
|
}
|
|
48693
|
-
.cn-register-mapping__type-row[data-v-
|
|
48916
|
+
.cn-register-mapping__type-row[data-v-26243e0a] {
|
|
48694
48917
|
grid-template-columns: 1fr auto 32px;
|
|
48695
48918
|
}
|
|
48696
|
-
.cn-register-mapping__type-schema[data-v-
|
|
48919
|
+
.cn-register-mapping__type-schema[data-v-26243e0a] {
|
|
48697
48920
|
display: none;
|
|
48698
48921
|
}
|
|
48699
|
-
.cn-register-mapping__register-select[data-v-
|
|
48922
|
+
.cn-register-mapping__register-select[data-v-26243e0a] {
|
|
48700
48923
|
max-width: none;
|
|
48701
48924
|
}
|
|
48702
48925
|
}
|
|
@@ -49365,26 +49588,46 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
|
|
|
49365
49588
|
}
|
|
49366
49589
|
|
|
49367
49590
|
|
|
49368
|
-
.cn-action-dialog[data-v-
|
|
49591
|
+
.cn-action-dialog[data-v-a3810b54] {
|
|
49369
49592
|
display: flex;
|
|
49370
49593
|
flex-direction: column;
|
|
49371
49594
|
gap: 16px;
|
|
49372
49595
|
}
|
|
49373
|
-
.cn-action-dialog__summary[data-v-
|
|
49596
|
+
.cn-action-dialog__summary[data-v-a3810b54] {
|
|
49374
49597
|
display: flex;
|
|
49375
49598
|
align-items: center;
|
|
49376
|
-
gap:
|
|
49599
|
+
gap: 12px;
|
|
49377
49600
|
padding: 12px 14px;
|
|
49378
49601
|
border: 1px solid var(--color-border);
|
|
49379
|
-
border-radius: var(--border-radius-large,
|
|
49602
|
+
border-radius: var(--border-radius-large, 10px);
|
|
49603
|
+
}
|
|
49604
|
+
|
|
49605
|
+
/* The record's icon on a tinted tile (DqArchiveren). */
|
|
49606
|
+
.cn-action-dialog__summary-icon[data-v-a3810b54] {
|
|
49607
|
+
display: flex;
|
|
49608
|
+
flex: none;
|
|
49609
|
+
align-items: center;
|
|
49610
|
+
justify-content: center;
|
|
49611
|
+
width: 36px;
|
|
49612
|
+
height: 36px;
|
|
49613
|
+
border-radius: 8px;
|
|
49614
|
+
background: var(--color-primary-element-light);
|
|
49615
|
+
color: var(--color-primary-element-light-text);
|
|
49616
|
+
}
|
|
49617
|
+
.cn-action-dialog__summary-text strong[data-v-a3810b54] {
|
|
49618
|
+
font-size: 15px;
|
|
49619
|
+
font-weight: 600;
|
|
49380
49620
|
}
|
|
49381
|
-
.cn-action-dialog__summary-text[data-v-
|
|
49621
|
+
.cn-action-dialog__summary-text .cn-action-dialog__muted[data-v-a3810b54] {
|
|
49622
|
+
font-size: 13px;
|
|
49623
|
+
}
|
|
49624
|
+
.cn-action-dialog__summary-text[data-v-a3810b54] {
|
|
49382
49625
|
display: flex;
|
|
49383
49626
|
flex: 1 1 auto;
|
|
49384
49627
|
flex-direction: column;
|
|
49385
49628
|
min-width: 0;
|
|
49386
49629
|
}
|
|
49387
|
-
.cn-action-dialog__badge[data-v-
|
|
49630
|
+
.cn-action-dialog__badge[data-v-a3810b54] {
|
|
49388
49631
|
padding: 3px 10px;
|
|
49389
49632
|
border-radius: 12px;
|
|
49390
49633
|
background: var(--color-background-dark);
|
|
@@ -49392,7 +49635,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
|
|
|
49392
49635
|
font-weight: 600;
|
|
49393
49636
|
white-space: nowrap;
|
|
49394
49637
|
}
|
|
49395
|
-
.cn-action-dialog__title[data-v-
|
|
49638
|
+
.cn-action-dialog__title[data-v-a3810b54] {
|
|
49396
49639
|
margin: 0 0 8px;
|
|
49397
49640
|
font-size: 14px;
|
|
49398
49641
|
font-weight: 600;
|
|
@@ -49400,39 +49643,52 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
|
|
|
49400
49643
|
|
|
49401
49644
|
/* Facts in columns of at least 200px, each a label over its value above a
|
|
49402
49645
|
hairline (DqArchiveren "Bewaring volgens het zaaktype"). */
|
|
49403
|
-
.cn-action-dialog__facts[data-v-
|
|
49646
|
+
.cn-action-dialog__facts[data-v-a3810b54] {
|
|
49404
49647
|
display: grid;
|
|
49405
49648
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
49406
49649
|
gap: 12px 24px;
|
|
49407
49650
|
margin: 0;
|
|
49408
49651
|
}
|
|
49409
|
-
.cn-action-dialog__fact[data-v-
|
|
49652
|
+
.cn-action-dialog__fact[data-v-a3810b54] {
|
|
49410
49653
|
display: flex;
|
|
49411
49654
|
flex-direction: column;
|
|
49412
49655
|
gap: 3px;
|
|
49413
49656
|
padding-bottom: 10px;
|
|
49414
49657
|
border-bottom: 1px solid var(--color-border);
|
|
49415
49658
|
}
|
|
49416
|
-
|
|
49659
|
+
|
|
49660
|
+
/* The server draws every dt as a 130px right-aligned inline block and pads
|
|
49661
|
+
dt and dd 12px; a fact is a label over its value. */
|
|
49662
|
+
.cn-action-dialog__facts dt[data-v-a3810b54],
|
|
49663
|
+
.cn-action-dialog__facts dd[data-v-a3810b54] {
|
|
49664
|
+
display: block;
|
|
49665
|
+
width: auto;
|
|
49666
|
+
white-space: normal;
|
|
49667
|
+
text-align: start;
|
|
49668
|
+
}
|
|
49669
|
+
.cn-action-dialog__facts dt[data-v-a3810b54] {
|
|
49670
|
+
margin: 0;
|
|
49671
|
+
padding: 0;
|
|
49417
49672
|
color: var(--color-text-maxcontrast);
|
|
49418
49673
|
font-size: 13px;
|
|
49419
49674
|
}
|
|
49420
|
-
.cn-action-dialog__facts dd[data-v-
|
|
49675
|
+
.cn-action-dialog__facts dd[data-v-a3810b54] {
|
|
49421
49676
|
margin: 0;
|
|
49677
|
+
padding: 0;
|
|
49422
49678
|
font-size: 15px;
|
|
49423
49679
|
font-weight: 500;
|
|
49424
49680
|
}
|
|
49425
49681
|
|
|
49426
49682
|
/* Checklist rows divided by hairlines, the detail at the row's end
|
|
49427
49683
|
(DqArchiveren "Klaar om te archiveren"). */
|
|
49428
|
-
.cn-action-dialog__checks[data-v-
|
|
49684
|
+
.cn-action-dialog__checks[data-v-a3810b54] {
|
|
49429
49685
|
display: flex;
|
|
49430
49686
|
flex-direction: column;
|
|
49431
49687
|
margin: 0;
|
|
49432
49688
|
padding: 0;
|
|
49433
49689
|
list-style: none;
|
|
49434
49690
|
}
|
|
49435
|
-
.cn-action-dialog__check[data-v-
|
|
49691
|
+
.cn-action-dialog__check[data-v-a3810b54] {
|
|
49436
49692
|
display: flex;
|
|
49437
49693
|
flex-wrap: wrap;
|
|
49438
49694
|
align-items: center;
|
|
@@ -49441,47 +49697,47 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
|
|
|
49441
49697
|
border-top: 1px solid var(--color-border);
|
|
49442
49698
|
font-size: 15px;
|
|
49443
49699
|
}
|
|
49444
|
-
.cn-action-dialog__check-label[data-v-
|
|
49700
|
+
.cn-action-dialog__check-label[data-v-a3810b54] {
|
|
49445
49701
|
flex: 1 1 auto;
|
|
49446
49702
|
font-weight: 600;
|
|
49447
49703
|
}
|
|
49448
|
-
.cn-action-dialog__check-icon[data-v-
|
|
49704
|
+
.cn-action-dialog__check-icon[data-v-a3810b54] {
|
|
49449
49705
|
color: var(--color-text-maxcontrast);
|
|
49450
49706
|
}
|
|
49451
|
-
.cn-action-dialog__check-icon--met[data-v-
|
|
49707
|
+
.cn-action-dialog__check-icon--met[data-v-a3810b54] {
|
|
49452
49708
|
color: var(--color-success-text, var(--color-success));
|
|
49453
49709
|
}
|
|
49454
|
-
.cn-action-dialog__muted[data-v-
|
|
49710
|
+
.cn-action-dialog__muted[data-v-a3810b54] {
|
|
49455
49711
|
color: var(--color-text-maxcontrast);
|
|
49456
49712
|
font-size: 14px;
|
|
49457
49713
|
}
|
|
49458
49714
|
|
|
49459
49715
|
/* A checkbox field is a tinted box with a 2px edge, its label bold and its
|
|
49460
49716
|
hint under it (DqArchiveren). */
|
|
49461
|
-
.cn-action-dialog__checkbox[data-v-
|
|
49717
|
+
.cn-action-dialog__checkbox[data-v-a3810b54] {
|
|
49462
49718
|
padding: 12px 14px;
|
|
49463
49719
|
border: 2px solid var(--color-primary-element);
|
|
49464
49720
|
border-radius: var(--border-radius-element, 8px);
|
|
49465
49721
|
background: var(--color-primary-element-light);
|
|
49466
49722
|
}
|
|
49467
|
-
.cn-action-dialog__checkbox-text[data-v-
|
|
49723
|
+
.cn-action-dialog__checkbox-text[data-v-a3810b54] {
|
|
49468
49724
|
display: flex;
|
|
49469
49725
|
flex-direction: column;
|
|
49470
49726
|
gap: 2px;
|
|
49471
49727
|
}
|
|
49472
|
-
.cn-action-dialog__checkbox-label[data-v-
|
|
49728
|
+
.cn-action-dialog__checkbox-label[data-v-a3810b54] {
|
|
49473
49729
|
font-size: 15px;
|
|
49474
49730
|
font-weight: 600;
|
|
49475
49731
|
}
|
|
49476
|
-
.cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-
|
|
49732
|
+
.cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-a3810b54] {
|
|
49477
49733
|
font-size: 13px;
|
|
49478
49734
|
}
|
|
49479
|
-
.cn-action-dialog__field[data-v-
|
|
49735
|
+
.cn-action-dialog__field[data-v-a3810b54] {
|
|
49480
49736
|
display: flex;
|
|
49481
49737
|
flex-direction: column;
|
|
49482
49738
|
gap: 4px;
|
|
49483
49739
|
}
|
|
49484
|
-
.cn-action-dialog__error[data-v-
|
|
49740
|
+
.cn-action-dialog__error[data-v-a3810b54] {
|
|
49485
49741
|
margin: 0;
|
|
49486
49742
|
color: var(--color-error-text, var(--color-error));
|
|
49487
49743
|
}
|