@conduction/nextcloud-vue 2.135.0 → 2.136.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/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 +12 -0
- package/dist/esm/components/CnDataTable/CnDataTable.vue2.js.map +1 -1
- package/dist/esm/components/CnDataTable/CnDataTable.vue3.js +1 -1
- package/dist/esm/components/CnDataTable/CnDataTable.vue3.js.map +1 -1
- package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js +11 -0
- package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js.map +1 -1
- package/dist/esm/components/CnDetailPage/CnDetailPage.vue3.js +1 -1
- package/dist/esm/components/CnDetailPage/CnDetailPage.vue3.js.map +1 -1
- package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js +3 -1
- package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
- package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js +2 -1
- package/dist/esm/components/CnIndexPage/CnIndexPage.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/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 +322 -164
- package/dist/esm/utils/widgetDispatch.js +3 -1
- package/dist/esm/utils/widgetDispatch.js.map +1 -1
- package/dist/nextcloud-vue.cjs.js +739 -589
- package/dist/nextcloud-vue.cjs.js.map +2 -2
- package/dist/nextcloud-vue.css +322 -164
- 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/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 +13 -1
- package/src/components/CnDetailPage/CnDetailPage.md +1 -0
- package/src/components/CnDetailPage/CnDetailPage.vue +12 -1
- package/src/components/CnIndexPage/CnIndexPage.vue +4 -1
- package/src/components/CnRecordListWidget/CnRecordListWidget.vue +38 -2
- package/src/components/CnWorkingCalendarWidget/CnWorkingCalendarWidget.vue +7 -0
- package/src/composables/indexSources.js +69 -3
- package/src/css/look-board-detail.css +47 -1
- package/src/css/look-board-index.css +26 -1
- package/src/css/look-board.css +46 -3
- package/src/utils/widgetDispatch.js +3 -1
package/dist/nextcloud-vue.css
CHANGED
|
@@ -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
|
|
|
@@ -2953,9 +2989,16 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
2953
2989
|
gives the second pixel back so the words stay put. The board draws no
|
|
2954
2990
|
option icon, only the radio and the words.
|
|
2955
2991
|
@spec openspec/changes/board-setup-choice-rows/specs/board-setup-choice-rows/spec.md */
|
|
2992
|
+
/* The radio sits 21px inside the option's edge (DqInstellen): 1px border and
|
|
2993
|
+
20px padding, or 2px and 19px on the chosen option.
|
|
2994
|
+
@spec openspec/changes/board-setup-choice-inset/specs/board-setup-choice-rows/spec.md */
|
|
2995
|
+
.cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row:not(.cn-look-nextcloud *) {
|
|
2996
|
+
padding: 12px 20px;
|
|
2997
|
+
}
|
|
2998
|
+
|
|
2956
2999
|
.cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row--selected:not(.cn-look-nextcloud *),
|
|
2957
3000
|
.cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row--selected:hover:not(.cn-look-nextcloud *) {
|
|
2958
|
-
padding: 11px
|
|
3001
|
+
padding: 11px 19px;
|
|
2959
3002
|
border-width: 2px;
|
|
2960
3003
|
box-shadow: none;
|
|
2961
3004
|
}
|
|
@@ -4257,7 +4300,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
4257
4300
|
}
|
|
4258
4301
|
|
|
4259
4302
|
.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 {
|
|
4303
|
+
.cn-look-board .cn-index-page .cn-index-page__header-buttons > .action-item:not(.action-item--open) .button-vue:hover {
|
|
4261
4304
|
background: var(--color-background-hover) !important;
|
|
4262
4305
|
}
|
|
4263
4306
|
|
|
@@ -6111,6 +6154,31 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
|
|
|
6111
6154
|
border-radius: 50%;
|
|
6112
6155
|
}
|
|
6113
6156
|
|
|
6157
|
+
/* The panel's words (DqFilterBeheren): a group heading at 15px/700 in the
|
|
6158
|
+
main ink, the group's note and a view's description at 13px in the muted
|
|
6159
|
+
ink, never bold.
|
|
6160
|
+
@spec openspec/changes/board-saved-views-panel-type/specs/board-saved-views-panel-type/spec.md */
|
|
6161
|
+
.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__section {
|
|
6162
|
+
margin: 12px 0 0;
|
|
6163
|
+
font-size: 15px;
|
|
6164
|
+
font-weight: 700;
|
|
6165
|
+
line-height: 1.2;
|
|
6166
|
+
color: var(--color-main-text);
|
|
6167
|
+
}
|
|
6168
|
+
|
|
6169
|
+
.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__note {
|
|
6170
|
+
font-size: 13px;
|
|
6171
|
+
font-weight: 400;
|
|
6172
|
+
line-height: 1.3;
|
|
6173
|
+
color: var(--color-text-maxcontrast);
|
|
6174
|
+
}
|
|
6175
|
+
|
|
6176
|
+
.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__subline {
|
|
6177
|
+
font-size: 13px;
|
|
6178
|
+
font-weight: 400;
|
|
6179
|
+
color: var(--color-text-maxcontrast);
|
|
6180
|
+
}
|
|
6181
|
+
|
|
6114
6182
|
/* ---- A saved view row's menu ------------------------------------------- */
|
|
6115
6183
|
/* The menu trigger on a saved view row ("Beheer Termijn deze week") is a
|
|
6116
6184
|
round 34px button (DqFilterBeheren, DqFilterInMenu); NcActions drew the
|
|
@@ -10687,7 +10755,7 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
10687
10755
|
}
|
|
10688
10756
|
|
|
10689
10757
|
.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 {
|
|
10758
|
+
.cn-look-board .cn-detail-page .cn-detail-page__header-actions .action-item--secondary:not(.action-item--open) .action-item__menutoggle:hover {
|
|
10691
10759
|
background: var(--color-background-hover) !important;
|
|
10692
10760
|
}
|
|
10693
10761
|
|
|
@@ -11913,6 +11981,25 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
11913
11981
|
font-size: 15px;
|
|
11914
11982
|
}
|
|
11915
11983
|
|
|
11984
|
+
/* A card with actions holds them at its end, beside the title and meta (the
|
|
11985
|
+
board's "···" on each task). */
|
|
11986
|
+
.cn-look-board .cn-grouped-cards__item.cn-grouped-cards__item:has(> .cn-grouped-cards__item-actions):not(.cn-look-nextcloud *) {
|
|
11987
|
+
display: grid;
|
|
11988
|
+
grid-template-columns: minmax(0, 1fr) auto;
|
|
11989
|
+
column-gap: 12px;
|
|
11990
|
+
align-items: center;
|
|
11991
|
+
}
|
|
11992
|
+
|
|
11993
|
+
.cn-look-board .cn-grouped-cards__item:has(> .cn-grouped-cards__item-actions) > :not(.cn-grouped-cards__item-actions):not(.cn-look-nextcloud *) {
|
|
11994
|
+
grid-column: 1;
|
|
11995
|
+
}
|
|
11996
|
+
|
|
11997
|
+
.cn-look-board .cn-grouped-cards__item:has(> .cn-grouped-cards__item-actions) > .cn-grouped-cards__item-actions:not(.cn-look-nextcloud *) {
|
|
11998
|
+
grid-column: 2;
|
|
11999
|
+
grid-row: 1 / span 3;
|
|
12000
|
+
margin: 0;
|
|
12001
|
+
}
|
|
12002
|
+
|
|
11916
12003
|
/* ---- A file's side card (CnFilesBrowser) --------------------------------- */
|
|
11917
12004
|
/* The board's side card: radius 12, 20px 22px of padding, the title a 15px
|
|
11918
12005
|
muted heading at 600, the facts 8px 16px apart with the values at 500
|
|
@@ -12097,6 +12184,33 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
12097
12184
|
border-radius: var(--cn-board-control-radius);
|
|
12098
12185
|
overflow: hidden;
|
|
12099
12186
|
}
|
|
12187
|
+
|
|
12188
|
+
/* ---- A record list drawn as a data table (CnRecordListWidget) ----------- */
|
|
12189
|
+
/* `tableLook: "data"` (DqZaaktype "Berichten aan de aanvrager"): the board's
|
|
12190
|
+
card table rather than the compact grid, a near-white header band at
|
|
12191
|
+
14px/600 in the muted ink, 10px 12px, and 14px cells, 11px 12px, a
|
|
12192
|
+
hairline above each row. Two classes more than the compact grid's rule.
|
|
12193
|
+
@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 */
|
|
12194
|
+
.cn-look-board .cn-record-list.cn-record-list--table.cn-record-list--data-table .cn-record-list__table th:not(.cn-look-nextcloud *) {
|
|
12195
|
+
--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)));
|
|
12196
|
+
--nldesign-component-table-header-color: var(--color-text-maxcontrast);
|
|
12197
|
+
--nldesign-component-table-header-font-weight: 600;
|
|
12198
|
+
padding: 10px 12px;
|
|
12199
|
+
border-bottom: 0;
|
|
12200
|
+
background: var(--cn-board-table-head-bg, color-mix(in srgb, var(--color-background-hover) 40%, var(--color-main-background)));
|
|
12201
|
+
color: var(--color-text-maxcontrast);
|
|
12202
|
+
font-size: 14px;
|
|
12203
|
+
font-weight: 600;
|
|
12204
|
+
line-height: 1.2;
|
|
12205
|
+
}
|
|
12206
|
+
|
|
12207
|
+
.cn-look-board .cn-record-list.cn-record-list--table.cn-record-list--data-table .cn-record-list__table td:not(.cn-look-nextcloud *) {
|
|
12208
|
+
padding: 11px 12px;
|
|
12209
|
+
border-top: 1px solid var(--cn-board-hairline);
|
|
12210
|
+
border-bottom: 0;
|
|
12211
|
+
font-size: 14px;
|
|
12212
|
+
line-height: 1.2;
|
|
12213
|
+
}
|
|
12100
12214
|
/*
|
|
12101
12215
|
* The reports page under the board look (screens-reports-page-board-look,
|
|
12102
12216
|
* board DcRapportages): a 28px title over a muted lead, one section per
|
|
@@ -19685,51 +19799,56 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
|
|
|
19685
19799
|
}
|
|
19686
19800
|
|
|
19687
19801
|
|
|
19688
|
-
.cn-audit-card__list[data-v-
|
|
19802
|
+
.cn-audit-card__list[data-v-834a0068] {
|
|
19689
19803
|
list-style: none;
|
|
19690
19804
|
margin: 0;
|
|
19691
19805
|
padding: 0;
|
|
19692
19806
|
}
|
|
19693
|
-
.cn-audit-card__row[data-v-
|
|
19807
|
+
.cn-audit-card__row[data-v-834a0068] {
|
|
19694
19808
|
padding: 6px 0;
|
|
19695
19809
|
border-bottom: 1px solid var(--color-border);
|
|
19696
19810
|
}
|
|
19697
|
-
.cn-audit-card__row[data-v-
|
|
19811
|
+
.cn-audit-card__row[data-v-834a0068]:last-child {
|
|
19698
19812
|
border-bottom: none;
|
|
19699
19813
|
}
|
|
19700
|
-
.cn-audit-card__row-head[data-v-
|
|
19814
|
+
.cn-audit-card__row-head[data-v-834a0068] {
|
|
19701
19815
|
display: flex;
|
|
19702
19816
|
justify-content: space-between;
|
|
19703
19817
|
gap: 8px;
|
|
19704
19818
|
}
|
|
19705
|
-
.cn-audit-card__action[data-v-
|
|
19819
|
+
.cn-audit-card__action[data-v-834a0068] {
|
|
19706
19820
|
color: var(--color-main-text);
|
|
19707
19821
|
}
|
|
19708
|
-
.cn-audit-card__when[data-v-
|
|
19822
|
+
.cn-audit-card__when[data-v-834a0068] {
|
|
19709
19823
|
color: var(--color-text-maxcontrast);
|
|
19710
19824
|
font-size: 0.85em;
|
|
19711
19825
|
white-space: nowrap;
|
|
19712
19826
|
}
|
|
19713
|
-
.cn-audit-card__row-body[data-v-
|
|
19827
|
+
.cn-audit-card__row-body[data-v-834a0068] {
|
|
19714
19828
|
color: var(--color-text-maxcontrast);
|
|
19715
19829
|
font-size: 0.9em;
|
|
19716
19830
|
}
|
|
19717
|
-
.cn-audit-card__refused[data-v-
|
|
19831
|
+
.cn-audit-card__refused[data-v-834a0068] {
|
|
19718
19832
|
margin-inline-start: 6px;
|
|
19719
19833
|
font-weight: 700;
|
|
19720
19834
|
color: var(--color-error-text, var(--color-main-text));
|
|
19721
19835
|
}
|
|
19722
|
-
.cn-audit-card__reason[data-v-
|
|
19836
|
+
.cn-audit-card__reason[data-v-834a0068] {
|
|
19723
19837
|
margin: 2px 0 0;
|
|
19724
19838
|
font-size: 0.9em;
|
|
19725
19839
|
overflow-wrap: anywhere;
|
|
19726
19840
|
}
|
|
19727
|
-
.cn-audit-card__empty[data-v-
|
|
19841
|
+
.cn-audit-card__empty[data-v-834a0068] {
|
|
19728
19842
|
color: var(--color-text-maxcontrast);
|
|
19729
19843
|
text-align: center;
|
|
19730
19844
|
padding: 12px 0;
|
|
19731
19845
|
}
|
|
19732
|
-
.cn-audit-
|
|
19846
|
+
.cn-audit-card__footnote[data-v-834a0068] {
|
|
19847
|
+
margin: 12px 0 0;
|
|
19848
|
+
color: var(--color-text-maxcontrast);
|
|
19849
|
+
font-size: 13px;
|
|
19850
|
+
}
|
|
19851
|
+
.cn-audit-card__show-all[data-v-834a0068] {
|
|
19733
19852
|
background: none;
|
|
19734
19853
|
border: none;
|
|
19735
19854
|
color: var(--color-primary-element);
|
|
@@ -19737,7 +19856,7 @@ a.cn-analytics-card__title[data-v-f3ca7b06]:hover {
|
|
|
19737
19856
|
padding: 4px 0;
|
|
19738
19857
|
font: inherit;
|
|
19739
19858
|
}
|
|
19740
|
-
.cn-audit-card__show-all[data-v-
|
|
19859
|
+
.cn-audit-card__show-all[data-v-834a0068]:hover {
|
|
19741
19860
|
text-decoration: underline;
|
|
19742
19861
|
}
|
|
19743
19862
|
|
|
@@ -31160,15 +31279,10 @@ to { background-position: -200% 0;
|
|
|
31160
31279
|
}
|
|
31161
31280
|
|
|
31162
31281
|
|
|
31163
|
-
/* The card keeps its own box
|
|
31164
|
-
.cn-audit-trail-widget[data-v-
|
|
31282
|
+
/* The card keeps its own box, footnote included. */
|
|
31283
|
+
.cn-audit-trail-widget[data-v-3f7bbf0c] {
|
|
31165
31284
|
display: contents;
|
|
31166
31285
|
}
|
|
31167
|
-
.cn-audit-trail-widget__footnote[data-v-38035670] {
|
|
31168
|
-
margin: 0;
|
|
31169
|
-
font-size: 13px;
|
|
31170
|
-
color: var(--color-text-maxcontrast);
|
|
31171
|
-
}
|
|
31172
31286
|
|
|
31173
31287
|
|
|
31174
31288
|
.cn-banner-widget[data-v-0efd62ad] {
|
|
@@ -39128,40 +39242,40 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
39128
39242
|
}
|
|
39129
39243
|
|
|
39130
39244
|
|
|
39131
|
-
.cn-working-calendar[data-v-
|
|
39245
|
+
.cn-working-calendar[data-v-23316897] {
|
|
39132
39246
|
display: flex;
|
|
39133
39247
|
flex-direction: column;
|
|
39134
39248
|
gap: 12px;
|
|
39135
39249
|
}
|
|
39136
|
-
.cn-working-calendar__head[data-v-
|
|
39250
|
+
.cn-working-calendar__head[data-v-23316897] {
|
|
39137
39251
|
align-items: center;
|
|
39138
39252
|
display: flex;
|
|
39139
39253
|
gap: 4px;
|
|
39140
39254
|
}
|
|
39141
|
-
.cn-working-calendar__title[data-v-
|
|
39255
|
+
.cn-working-calendar__title[data-v-23316897] {
|
|
39142
39256
|
font-size: 15px;
|
|
39143
39257
|
min-width: 9em;
|
|
39144
39258
|
text-align: center;
|
|
39145
39259
|
}
|
|
39146
|
-
.cn-working-calendar__add[data-v-
|
|
39260
|
+
.cn-working-calendar__add[data-v-23316897] {
|
|
39147
39261
|
margin-inline-start: auto;
|
|
39148
39262
|
}
|
|
39149
|
-
.cn-working-calendar__grid[data-v-
|
|
39263
|
+
.cn-working-calendar__grid[data-v-23316897] {
|
|
39150
39264
|
display: flex;
|
|
39151
39265
|
flex-direction: column;
|
|
39152
39266
|
gap: 4px;
|
|
39153
39267
|
}
|
|
39154
|
-
.cn-working-calendar__row[data-v-
|
|
39268
|
+
.cn-working-calendar__row[data-v-23316897] {
|
|
39155
39269
|
display: grid;
|
|
39156
39270
|
gap: 4px;
|
|
39157
39271
|
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
39158
39272
|
}
|
|
39159
|
-
.cn-working-calendar__weekday[data-v-
|
|
39273
|
+
.cn-working-calendar__weekday[data-v-23316897] {
|
|
39160
39274
|
color: var(--color-text-maxcontrast);
|
|
39161
39275
|
font-size: 12px;
|
|
39162
39276
|
text-align: center;
|
|
39163
39277
|
}
|
|
39164
|
-
.cn-working-calendar__day[data-v-
|
|
39278
|
+
.cn-working-calendar__day[data-v-23316897] {
|
|
39165
39279
|
align-items: center;
|
|
39166
39280
|
background: var(--color-main-background);
|
|
39167
39281
|
border: 1px solid var(--color-border);
|
|
@@ -39172,23 +39286,23 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
39172
39286
|
height: 34px;
|
|
39173
39287
|
justify-content: center;
|
|
39174
39288
|
}
|
|
39175
|
-
.cn-working-calendar__day[data-v-
|
|
39289
|
+
.cn-working-calendar__day[data-v-23316897]:focus-visible {
|
|
39176
39290
|
outline: 2px solid var(--color-primary-element);
|
|
39177
39291
|
outline-offset: 1px;
|
|
39178
39292
|
}
|
|
39179
|
-
.cn-working-calendar__day--off[data-v-
|
|
39293
|
+
.cn-working-calendar__day--off[data-v-23316897] {
|
|
39180
39294
|
background: var(--color-background-dark);
|
|
39181
39295
|
}
|
|
39182
|
-
.cn-working-calendar__day--closed[data-v-
|
|
39296
|
+
.cn-working-calendar__day--closed[data-v-23316897] {
|
|
39183
39297
|
background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
|
|
39184
39298
|
border-color: var(--color-error);
|
|
39185
39299
|
color: var(--color-error-text, var(--color-main-text));
|
|
39186
39300
|
font-weight: 600;
|
|
39187
39301
|
}
|
|
39188
|
-
.cn-working-calendar__day--today[data-v-
|
|
39302
|
+
.cn-working-calendar__day--today[data-v-23316897] {
|
|
39189
39303
|
box-shadow: inset 0 0 0 2px var(--color-primary-element);
|
|
39190
39304
|
}
|
|
39191
|
-
.cn-working-calendar__live[data-v-
|
|
39305
|
+
.cn-working-calendar__live[data-v-23316897] {
|
|
39192
39306
|
clip-path: inset(50%);
|
|
39193
39307
|
height: 1px;
|
|
39194
39308
|
overflow: hidden;
|
|
@@ -39196,34 +39310,42 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
39196
39310
|
white-space: nowrap;
|
|
39197
39311
|
width: 1px;
|
|
39198
39312
|
}
|
|
39199
|
-
|
|
39313
|
+
|
|
39314
|
+
/* A theme's paragraph rule sets every p's size and colour with !important
|
|
39315
|
+
(thematiq), so the note and the footnote also set its tokens.
|
|
39316
|
+
@spec openspec/changes/calendar-footnote-paragraph-tokens/specs/working-calendar-footnote/spec.md */
|
|
39317
|
+
.cn-working-calendar__note[data-v-23316897] {
|
|
39318
|
+
--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
|
|
39200
39319
|
color: var(--color-text-maxcontrast);
|
|
39201
39320
|
margin: 0;
|
|
39202
39321
|
}
|
|
39203
39322
|
|
|
39204
39323
|
/* @spec openspec/changes/working-calendar-footnote/specs/working-calendar-footnote/spec.md */
|
|
39205
|
-
.cn-working-calendar__footnote[data-v-
|
|
39324
|
+
.cn-working-calendar__footnote[data-v-23316897] {
|
|
39325
|
+
--nldesign-component-paragraph-font-size: 13px;
|
|
39326
|
+
--nldesign-component-paragraph-line-height: 1.3;
|
|
39327
|
+
--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
|
|
39206
39328
|
margin: 0;
|
|
39207
39329
|
font-size: 13px;
|
|
39208
39330
|
line-height: 1.3;
|
|
39209
39331
|
color: var(--color-text-maxcontrast);
|
|
39210
39332
|
}
|
|
39211
|
-
.cn-working-calendar__form[data-v-
|
|
39333
|
+
.cn-working-calendar__form[data-v-23316897] {
|
|
39212
39334
|
display: flex;
|
|
39213
39335
|
flex-wrap: wrap;
|
|
39214
39336
|
gap: 8px 12px;
|
|
39215
39337
|
}
|
|
39216
|
-
.cn-working-calendar__field[data-v-
|
|
39338
|
+
.cn-working-calendar__field[data-v-23316897] {
|
|
39217
39339
|
display: flex;
|
|
39218
39340
|
flex-direction: column;
|
|
39219
39341
|
gap: 4px;
|
|
39220
39342
|
}
|
|
39221
|
-
.cn-working-calendar__form-actions[data-v-
|
|
39343
|
+
.cn-working-calendar__form-actions[data-v-23316897] {
|
|
39222
39344
|
align-items: flex-end;
|
|
39223
39345
|
display: flex;
|
|
39224
39346
|
gap: 8px;
|
|
39225
39347
|
}
|
|
39226
|
-
.cn-working-calendar__error[data-v-
|
|
39348
|
+
.cn-working-calendar__error[data-v-23316897] {
|
|
39227
39349
|
color: var(--color-error-text, var(--color-error));
|
|
39228
39350
|
margin: 0;
|
|
39229
39351
|
}
|
|
@@ -40187,20 +40309,20 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40187
40309
|
}
|
|
40188
40310
|
|
|
40189
40311
|
|
|
40190
|
-
.cn-record-list__checklist-bar[data-v-
|
|
40312
|
+
.cn-record-list__checklist-bar[data-v-3c8e615c] {
|
|
40191
40313
|
height: 8px;
|
|
40192
40314
|
margin-block-end: 16px;
|
|
40193
40315
|
border-radius: 4px;
|
|
40194
40316
|
background: var(--color-background-dark);
|
|
40195
40317
|
overflow: hidden;
|
|
40196
40318
|
}
|
|
40197
|
-
.cn-record-list__checklist-fill[data-v-
|
|
40319
|
+
.cn-record-list__checklist-fill[data-v-3c8e615c] {
|
|
40198
40320
|
display: block;
|
|
40199
40321
|
height: 100%;
|
|
40200
40322
|
border-radius: 4px;
|
|
40201
40323
|
background: var(--color-primary-element);
|
|
40202
40324
|
}
|
|
40203
|
-
.cn-record-list__checklist[data-v-
|
|
40325
|
+
.cn-record-list__checklist[data-v-3c8e615c] {
|
|
40204
40326
|
display: grid;
|
|
40205
40327
|
grid-template-columns: repeat(var(--cn-record-list-columns, 3), minmax(0, 1fr));
|
|
40206
40328
|
gap: 8px 16px;
|
|
@@ -40208,16 +40330,16 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40208
40330
|
padding: 0;
|
|
40209
40331
|
list-style: none;
|
|
40210
40332
|
}
|
|
40211
|
-
.cn-record-list__check[data-v-
|
|
40333
|
+
.cn-record-list__check[data-v-3c8e615c] {
|
|
40212
40334
|
display: flex;
|
|
40213
40335
|
align-items: center;
|
|
40214
40336
|
gap: 8px;
|
|
40215
40337
|
min-height: 28px;
|
|
40216
40338
|
}
|
|
40217
|
-
.cn-record-list__check--done[data-v-
|
|
40339
|
+
.cn-record-list__check--done[data-v-3c8e615c] {
|
|
40218
40340
|
color: var(--color-text-maxcontrast);
|
|
40219
40341
|
}
|
|
40220
|
-
.cn-record-list__check-mark[data-v-
|
|
40342
|
+
.cn-record-list__check-mark[data-v-3c8e615c] {
|
|
40221
40343
|
display: inline-flex;
|
|
40222
40344
|
flex: none;
|
|
40223
40345
|
align-items: center;
|
|
@@ -40227,45 +40349,45 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40227
40349
|
border: 2px solid var(--color-border-maxcontrast);
|
|
40228
40350
|
border-radius: 50%;
|
|
40229
40351
|
}
|
|
40230
|
-
.cn-record-list__check--done .cn-record-list__check-mark[data-v-
|
|
40352
|
+
.cn-record-list__check--done .cn-record-list__check-mark[data-v-3c8e615c] {
|
|
40231
40353
|
border-color: transparent;
|
|
40232
40354
|
background: var(--color-success-hover, var(--color-background-dark));
|
|
40233
40355
|
color: var(--color-success-text, var(--color-success));
|
|
40234
40356
|
}
|
|
40235
40357
|
@media (max-width: 640px) {
|
|
40236
|
-
.cn-record-list__checklist[data-v-
|
|
40358
|
+
.cn-record-list__checklist[data-v-3c8e615c] {
|
|
40237
40359
|
grid-template-columns: minmax(0, 1fr);
|
|
40238
40360
|
}
|
|
40239
40361
|
}
|
|
40240
|
-
.cn-record-list__set-field-done[data-v-
|
|
40362
|
+
.cn-record-list__set-field-done[data-v-3c8e615c] {
|
|
40241
40363
|
display: inline-flex;
|
|
40242
40364
|
align-items: center;
|
|
40243
40365
|
gap: 4px;
|
|
40244
40366
|
color: var(--color-success-text, var(--color-success));
|
|
40245
40367
|
font-weight: bold;
|
|
40246
40368
|
}
|
|
40247
|
-
.cn-record-list__list[data-v-
|
|
40369
|
+
.cn-record-list__list[data-v-3c8e615c] {
|
|
40248
40370
|
list-style: none;
|
|
40249
40371
|
margin: 0;
|
|
40250
40372
|
padding: 0;
|
|
40251
40373
|
}
|
|
40252
|
-
.cn-record-list__group-heading[data-v-
|
|
40374
|
+
.cn-record-list__group-heading[data-v-3c8e615c] {
|
|
40253
40375
|
margin: 6px 0 0;
|
|
40254
40376
|
font-size: 15px;
|
|
40255
40377
|
font-weight: 700;
|
|
40256
40378
|
line-height: 1.4;
|
|
40257
40379
|
}
|
|
40258
|
-
.cn-record-list__group-head[data-v-
|
|
40380
|
+
.cn-record-list__group-head[data-v-3c8e615c] {
|
|
40259
40381
|
display: flex;
|
|
40260
40382
|
align-items: center;
|
|
40261
40383
|
justify-content: space-between;
|
|
40262
40384
|
gap: 8px;
|
|
40263
40385
|
margin-top: 6px;
|
|
40264
40386
|
}
|
|
40265
|
-
.cn-record-list__group-head .cn-record-list__group-heading[data-v-
|
|
40387
|
+
.cn-record-list__group-head .cn-record-list__group-heading[data-v-3c8e615c] {
|
|
40266
40388
|
margin: 0;
|
|
40267
40389
|
}
|
|
40268
|
-
.cn-record-list__action--tonal.button-vue[data-v-
|
|
40390
|
+
.cn-record-list__action--tonal.button-vue[data-v-3c8e615c] {
|
|
40269
40391
|
min-height: 34px;
|
|
40270
40392
|
height: 34px;
|
|
40271
40393
|
padding: 0 12px;
|
|
@@ -40276,34 +40398,34 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40276
40398
|
font-size: 13px;
|
|
40277
40399
|
font-weight: 600;
|
|
40278
40400
|
}
|
|
40279
|
-
.cn-record-list__action--tonal.button-vue[data-v-
|
|
40401
|
+
.cn-record-list__action--tonal.button-vue[data-v-3c8e615c]:hover:not(:disabled) {
|
|
40280
40402
|
background-color: var(--color-primary-element-light-hover);
|
|
40281
40403
|
}
|
|
40282
|
-
.cn-record-list__footer[data-v-
|
|
40404
|
+
.cn-record-list__footer[data-v-3c8e615c] {
|
|
40283
40405
|
display: flex;
|
|
40284
40406
|
flex-direction: column;
|
|
40285
40407
|
align-items: flex-start;
|
|
40286
40408
|
gap: 6px;
|
|
40287
40409
|
margin-top: 10px;
|
|
40288
40410
|
}
|
|
40289
|
-
.cn-record-list__footer--wide[data-v-
|
|
40411
|
+
.cn-record-list__footer--wide[data-v-3c8e615c] {
|
|
40290
40412
|
align-items: stretch;
|
|
40291
40413
|
}
|
|
40292
|
-
.cn-record-list__footer-note[data-v-
|
|
40414
|
+
.cn-record-list__footer-note[data-v-3c8e615c] {
|
|
40293
40415
|
margin: 0 0 6px;
|
|
40294
40416
|
color: var(--color-text-maxcontrast);
|
|
40295
40417
|
font-size: 13px;
|
|
40296
40418
|
}
|
|
40297
|
-
.cn-record-list__footer-reason[data-v-
|
|
40419
|
+
.cn-record-list__footer-reason[data-v-3c8e615c] {
|
|
40298
40420
|
font-size: 13px;
|
|
40299
40421
|
color: var(--color-text-maxcontrast);
|
|
40300
40422
|
}
|
|
40301
|
-
.cn-record-list__empty[data-v-
|
|
40302
|
-
.cn-record-list__error[data-v-
|
|
40423
|
+
.cn-record-list__empty[data-v-3c8e615c],
|
|
40424
|
+
.cn-record-list__error[data-v-3c8e615c] {
|
|
40303
40425
|
color: var(--color-text-maxcontrast);
|
|
40304
40426
|
margin: 0;
|
|
40305
40427
|
}
|
|
40306
|
-
.cn-record-list__notice[data-v-
|
|
40428
|
+
.cn-record-list__notice[data-v-3c8e615c] {
|
|
40307
40429
|
display: flex;
|
|
40308
40430
|
gap: 10px;
|
|
40309
40431
|
align-items: flex-start;
|
|
@@ -40312,38 +40434,41 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40312
40434
|
background: var(--color-primary-element-light, var(--color-background-dark));
|
|
40313
40435
|
color: var(--color-main-text);
|
|
40314
40436
|
}
|
|
40315
|
-
.cn-record-list__notice--warning[data-v-
|
|
40437
|
+
.cn-record-list__notice--warning[data-v-3c8e615c] {
|
|
40316
40438
|
background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
|
|
40317
40439
|
color: var(--color-warning-text, var(--color-main-text));
|
|
40318
40440
|
}
|
|
40319
|
-
.cn-record-list__notice--error[data-v-
|
|
40441
|
+
.cn-record-list__notice--error[data-v-3c8e615c] {
|
|
40320
40442
|
background: var(--color-error-light, rgba(219, 0, 0, 0.08));
|
|
40321
40443
|
color: var(--color-error-text, var(--color-main-text));
|
|
40322
40444
|
}
|
|
40323
|
-
.cn-record-list__notice
|
|
40445
|
+
.cn-record-list__notice--footnote[data-v-3c8e615c] {
|
|
40446
|
+
margin-top: 12px;
|
|
40447
|
+
}
|
|
40448
|
+
.cn-record-list__notice-icon[data-v-3c8e615c] {
|
|
40324
40449
|
flex: 0 0 auto;
|
|
40325
40450
|
margin-top: 1px;
|
|
40326
40451
|
}
|
|
40327
|
-
.cn-record-list__notice-text[data-v-
|
|
40452
|
+
.cn-record-list__notice-text[data-v-3c8e615c] {
|
|
40328
40453
|
margin: 0;
|
|
40329
40454
|
line-height: 1.5;
|
|
40330
40455
|
}
|
|
40331
|
-
.cn-record-list__loading[data-v-
|
|
40456
|
+
.cn-record-list__loading[data-v-3c8e615c] {
|
|
40332
40457
|
display: flex;
|
|
40333
40458
|
justify-content: center;
|
|
40334
40459
|
padding: 8px 0;
|
|
40335
40460
|
}
|
|
40336
40461
|
|
|
40337
40462
|
/* 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-
|
|
40463
|
+
.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-3c8e615c],
|
|
40464
|
+
.cn-record-list--rule-above .cn-record-list__item[data-v-3c8e615c]:first-child {
|
|
40340
40465
|
border-top: 1px solid var(--color-border);
|
|
40341
40466
|
}
|
|
40342
|
-
.cn-record-list__pill-start[data-v-
|
|
40467
|
+
.cn-record-list__pill-start[data-v-3c8e615c] {
|
|
40343
40468
|
display: flex;
|
|
40344
40469
|
flex: none;
|
|
40345
40470
|
}
|
|
40346
|
-
.cn-record-list__bar[data-v-
|
|
40471
|
+
.cn-record-list__bar[data-v-3c8e615c] {
|
|
40347
40472
|
background: var(--color-border);
|
|
40348
40473
|
border-radius: 3px;
|
|
40349
40474
|
display: block;
|
|
@@ -40351,15 +40476,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40351
40476
|
margin: -6px 0 12px;
|
|
40352
40477
|
overflow: hidden;
|
|
40353
40478
|
}
|
|
40354
|
-
.cn-record-list__bar-fill[data-v-
|
|
40479
|
+
.cn-record-list__bar-fill[data-v-3c8e615c] {
|
|
40355
40480
|
background: var(--color-primary-element);
|
|
40356
40481
|
display: block;
|
|
40357
40482
|
height: 100%;
|
|
40358
40483
|
}
|
|
40359
|
-
.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-
|
|
40484
|
+
.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-3c8e615c] {
|
|
40360
40485
|
background: var(--color-error);
|
|
40361
40486
|
}
|
|
40362
|
-
.cn-record-list__row[data-v-
|
|
40487
|
+
.cn-record-list__row[data-v-3c8e615c] {
|
|
40363
40488
|
align-items: center;
|
|
40364
40489
|
color: var(--color-main-text);
|
|
40365
40490
|
display: flex;
|
|
@@ -40367,22 +40492,22 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40367
40492
|
padding: 12px 0;
|
|
40368
40493
|
text-decoration: none;
|
|
40369
40494
|
}
|
|
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-
|
|
40495
|
+
.cn-record-list__row--link:hover .cn-record-list__title[data-v-3c8e615c],
|
|
40496
|
+
.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-3c8e615c] {
|
|
40372
40497
|
text-decoration: underline;
|
|
40373
40498
|
}
|
|
40374
|
-
.cn-record-list__dot[data-v-
|
|
40499
|
+
.cn-record-list__dot[data-v-3c8e615c] {
|
|
40375
40500
|
flex: 0 0 14px;
|
|
40376
40501
|
width: 14px;
|
|
40377
40502
|
height: 14px;
|
|
40378
40503
|
border-radius: 50%;
|
|
40379
40504
|
}
|
|
40380
|
-
.cn-record-list__flag[data-v-
|
|
40505
|
+
.cn-record-list__flag[data-v-3c8e615c] {
|
|
40381
40506
|
color: var(--color-text-maxcontrast);
|
|
40382
40507
|
font-size: 14px;
|
|
40383
40508
|
white-space: nowrap;
|
|
40384
40509
|
}
|
|
40385
|
-
.cn-record-list__avatar[data-v-
|
|
40510
|
+
.cn-record-list__avatar[data-v-3c8e615c] {
|
|
40386
40511
|
align-items: center;
|
|
40387
40512
|
background: var(--color-background-hover);
|
|
40388
40513
|
border-radius: 50%;
|
|
@@ -40395,82 +40520,82 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40395
40520
|
justify-content: center;
|
|
40396
40521
|
width: 36px;
|
|
40397
40522
|
}
|
|
40398
|
-
.cn-record-list__main[data-v-
|
|
40523
|
+
.cn-record-list__main[data-v-3c8e615c] {
|
|
40399
40524
|
display: flex;
|
|
40400
40525
|
flex: 1 1 auto;
|
|
40401
40526
|
flex-direction: column;
|
|
40402
40527
|
gap: 2px;
|
|
40403
40528
|
min-width: 0;
|
|
40404
40529
|
}
|
|
40405
|
-
.cn-record-list__title[data-v-
|
|
40530
|
+
.cn-record-list__title[data-v-3c8e615c] {
|
|
40406
40531
|
font-size: 15px;
|
|
40407
40532
|
font-weight: 700;
|
|
40408
40533
|
}
|
|
40409
|
-
.cn-record-list--compact .cn-record-list__row[data-v-
|
|
40534
|
+
.cn-record-list--compact .cn-record-list__row[data-v-3c8e615c] {
|
|
40410
40535
|
box-sizing: border-box;
|
|
40411
40536
|
min-height: 56px;
|
|
40412
40537
|
padding: 10px 0;
|
|
40413
40538
|
}
|
|
40414
|
-
.cn-record-list--compact .cn-record-list__title[data-v-
|
|
40539
|
+
.cn-record-list--compact .cn-record-list__title[data-v-3c8e615c] {
|
|
40415
40540
|
font-weight: 500;
|
|
40416
40541
|
}
|
|
40417
|
-
.cn-record-list__meta[data-v-
|
|
40542
|
+
.cn-record-list__meta[data-v-3c8e615c] {
|
|
40418
40543
|
color: var(--color-text-maxcontrast);
|
|
40419
40544
|
font-size: 13px;
|
|
40420
40545
|
}
|
|
40421
|
-
.cn-record-list__aside[data-v-
|
|
40546
|
+
.cn-record-list__aside[data-v-3c8e615c] {
|
|
40422
40547
|
align-items: center;
|
|
40423
40548
|
display: flex;
|
|
40424
40549
|
flex: none;
|
|
40425
40550
|
gap: 16px;
|
|
40426
40551
|
}
|
|
40427
|
-
.cn-record-list__leading[data-v-
|
|
40552
|
+
.cn-record-list__leading[data-v-3c8e615c] {
|
|
40428
40553
|
flex: 0 0 52px;
|
|
40429
40554
|
color: var(--color-text-maxcontrast);
|
|
40430
40555
|
font-size: 14px;
|
|
40431
40556
|
font-weight: 600;
|
|
40432
40557
|
font-variant-numeric: tabular-nums;
|
|
40433
40558
|
}
|
|
40434
|
-
.cn-record-list__trailing[data-v-
|
|
40559
|
+
.cn-record-list__trailing[data-v-3c8e615c] {
|
|
40435
40560
|
font-size: 14px;
|
|
40436
40561
|
white-space: nowrap;
|
|
40437
40562
|
}
|
|
40438
|
-
.cn-record-list__due[data-v-
|
|
40563
|
+
.cn-record-list__due[data-v-3c8e615c] {
|
|
40439
40564
|
font-size: 14px;
|
|
40440
40565
|
white-space: nowrap;
|
|
40441
40566
|
}
|
|
40442
|
-
.cn-record-list__due--danger[data-v-
|
|
40567
|
+
.cn-record-list__due--danger[data-v-3c8e615c] {
|
|
40443
40568
|
color: var(--color-text-error, var(--color-error-text));
|
|
40444
40569
|
font-weight: 600;
|
|
40445
40570
|
}
|
|
40446
|
-
.cn-record-list__table[data-v-
|
|
40571
|
+
.cn-record-list__table[data-v-3c8e615c] {
|
|
40447
40572
|
width: 100%;
|
|
40448
40573
|
border-collapse: collapse;
|
|
40449
40574
|
font-size: 14px;
|
|
40450
40575
|
}
|
|
40451
|
-
.cn-record-list__table th[data-v-
|
|
40576
|
+
.cn-record-list__table th[data-v-3c8e615c] {
|
|
40452
40577
|
padding: 6px 0;
|
|
40453
40578
|
border-bottom: 1px solid var(--color-border);
|
|
40454
40579
|
color: var(--color-text-maxcontrast);
|
|
40455
40580
|
font-weight: 600;
|
|
40456
40581
|
text-align: start;
|
|
40457
40582
|
}
|
|
40458
|
-
.cn-record-list__table td[data-v-
|
|
40583
|
+
.cn-record-list__table td[data-v-3c8e615c] {
|
|
40459
40584
|
padding: 8px 0;
|
|
40460
40585
|
border-bottom: 1px solid var(--color-border);
|
|
40461
40586
|
}
|
|
40462
|
-
.cn-record-list__cell-sub[data-v-
|
|
40587
|
+
.cn-record-list__cell-sub[data-v-3c8e615c] {
|
|
40463
40588
|
display: block;
|
|
40464
40589
|
color: var(--color-text-maxcontrast);
|
|
40465
40590
|
font-size: 13px;
|
|
40466
40591
|
}
|
|
40467
|
-
.cn-record-list__table .cn-record-list__cell--actions[data-v-
|
|
40592
|
+
.cn-record-list__table .cn-record-list__cell--actions[data-v-3c8e615c] {
|
|
40468
40593
|
width: 1%;
|
|
40469
40594
|
padding-inline-start: 12px;
|
|
40470
40595
|
text-align: end;
|
|
40471
40596
|
white-space: nowrap;
|
|
40472
40597
|
}
|
|
40473
|
-
.cn-record-list__sort[data-v-
|
|
40598
|
+
.cn-record-list__sort[data-v-3c8e615c] {
|
|
40474
40599
|
display: inline-flex;
|
|
40475
40600
|
gap: 4px;
|
|
40476
40601
|
align-items: center;
|
|
@@ -40483,75 +40608,75 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40483
40608
|
font: inherit;
|
|
40484
40609
|
cursor: pointer;
|
|
40485
40610
|
}
|
|
40486
|
-
.cn-record-list__sort[data-v-
|
|
40611
|
+
.cn-record-list__sort[data-v-3c8e615c]:focus-visible {
|
|
40487
40612
|
outline: 2px solid var(--color-primary-element);
|
|
40488
40613
|
outline-offset: 2px;
|
|
40489
40614
|
}
|
|
40490
|
-
.cn-record-list__sort-mark[data-v-
|
|
40615
|
+
.cn-record-list__sort-mark[data-v-3c8e615c] {
|
|
40491
40616
|
font-size: 10px;
|
|
40492
40617
|
}
|
|
40493
|
-
.cn-record-list__table .cn-record-list__cell--end[data-v-
|
|
40618
|
+
.cn-record-list__table .cn-record-list__cell--end[data-v-3c8e615c] {
|
|
40494
40619
|
padding-inline-start: 12px;
|
|
40495
40620
|
text-align: end;
|
|
40496
40621
|
font-variant-numeric: tabular-nums;
|
|
40497
40622
|
}
|
|
40498
|
-
.cn-record-list__table .cn-record-list__cell--alert[data-v-
|
|
40623
|
+
.cn-record-list__table .cn-record-list__cell--alert[data-v-3c8e615c] {
|
|
40499
40624
|
color: var(--color-text-error, var(--color-error-text));
|
|
40500
40625
|
font-weight: 700;
|
|
40501
40626
|
}
|
|
40502
|
-
.cn-record-list__intro[data-v-
|
|
40627
|
+
.cn-record-list__intro[data-v-3c8e615c] {
|
|
40503
40628
|
margin: 0 0 8px;
|
|
40504
40629
|
color: var(--color-text-maxcontrast);
|
|
40505
40630
|
}
|
|
40506
|
-
.cn-record-list__footnote[data-v-
|
|
40631
|
+
.cn-record-list__footnote[data-v-3c8e615c] {
|
|
40507
40632
|
margin: 8px 0 0;
|
|
40508
40633
|
color: var(--color-text-maxcontrast);
|
|
40509
40634
|
font-size: 13px;
|
|
40510
40635
|
}
|
|
40511
|
-
.cn-record-list__due--soon[data-v-
|
|
40636
|
+
.cn-record-list__due--soon[data-v-3c8e615c] {
|
|
40512
40637
|
color: var(--color-text-warning, var(--color-warning-text));
|
|
40513
40638
|
font-weight: 600;
|
|
40514
40639
|
}
|
|
40515
|
-
.cn-record-list__due--empty[data-v-
|
|
40640
|
+
.cn-record-list__due--empty[data-v-3c8e615c] {
|
|
40516
40641
|
color: var(--color-text-maxcontrast);
|
|
40517
40642
|
}
|
|
40518
|
-
.cn-record-list__row--action[data-v-
|
|
40643
|
+
.cn-record-list__row--action[data-v-3c8e615c] {
|
|
40519
40644
|
flex-wrap: wrap;
|
|
40520
40645
|
gap: 8px 16px;
|
|
40521
40646
|
padding: 14px 0;
|
|
40522
40647
|
}
|
|
40523
|
-
.cn-record-list__row--action .cn-record-list__main[data-v-
|
|
40648
|
+
.cn-record-list__row--action .cn-record-list__main[data-v-3c8e615c] {
|
|
40524
40649
|
flex: 1 1 280px;
|
|
40525
40650
|
gap: 3px;
|
|
40526
40651
|
}
|
|
40527
|
-
.cn-record-list__title--link[data-v-
|
|
40652
|
+
.cn-record-list__title--link[data-v-3c8e615c] {
|
|
40528
40653
|
color: var(--color-main-text);
|
|
40529
40654
|
text-decoration: underline;
|
|
40530
40655
|
}
|
|
40531
|
-
.cn-record-list__pills[data-v-
|
|
40656
|
+
.cn-record-list__pills[data-v-3c8e615c] {
|
|
40532
40657
|
display: flex;
|
|
40533
40658
|
flex: 0 0 120px;
|
|
40534
40659
|
gap: 6px;
|
|
40535
40660
|
justify-content: flex-end;
|
|
40536
40661
|
}
|
|
40537
|
-
.cn-record-list__due--below[data-v-
|
|
40662
|
+
.cn-record-list__due--below[data-v-3c8e615c] {
|
|
40538
40663
|
font-size: 13px;
|
|
40539
40664
|
font-weight: 600;
|
|
40540
40665
|
white-space: normal;
|
|
40541
40666
|
}
|
|
40542
|
-
.cn-record-list__footer-link[data-v-
|
|
40667
|
+
.cn-record-list__footer-link[data-v-3c8e615c] {
|
|
40543
40668
|
align-self: flex-start;
|
|
40544
40669
|
padding-top: 8px;
|
|
40545
40670
|
font-size: 14px;
|
|
40546
40671
|
font-weight: 600;
|
|
40547
40672
|
text-decoration: underline;
|
|
40548
40673
|
}
|
|
40549
|
-
.cn-record-list__due--column[data-v-
|
|
40674
|
+
.cn-record-list__due--column[data-v-3c8e615c] {
|
|
40550
40675
|
flex: 0 0 96px;
|
|
40551
40676
|
font-size: 13px;
|
|
40552
40677
|
text-align: end;
|
|
40553
40678
|
}
|
|
40554
|
-
.cn-record-list__action[data-v-
|
|
40679
|
+
.cn-record-list__action[data-v-3c8e615c] {
|
|
40555
40680
|
align-items: center;
|
|
40556
40681
|
background: var(--color-primary-element-light);
|
|
40557
40682
|
border: 0;
|
|
@@ -40568,11 +40693,11 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40568
40693
|
padding: 0 14px;
|
|
40569
40694
|
text-decoration: none;
|
|
40570
40695
|
}
|
|
40571
|
-
.cn-record-list__action[data-v-
|
|
40572
|
-
.cn-record-list__action[data-v-
|
|
40696
|
+
.cn-record-list__action[data-v-3c8e615c]:hover,
|
|
40697
|
+
.cn-record-list__action[data-v-3c8e615c]:focus-visible {
|
|
40573
40698
|
background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
|
|
40574
40699
|
}
|
|
40575
|
-
.cn-record-list__chevron[data-v-
|
|
40700
|
+
.cn-record-list__chevron[data-v-3c8e615c] {
|
|
40576
40701
|
color: var(--color-text-maxcontrast);
|
|
40577
40702
|
flex: none;
|
|
40578
40703
|
}
|
|
@@ -40580,15 +40705,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40580
40705
|
/* tiles (`tiles: true`, DqZaaktypeOverzicht "Statussen"): rows as framed
|
|
40581
40706
|
tiles in a grid, the title at 14px regular. The selectors outrank the board
|
|
40582
40707
|
look's list row rules. */
|
|
40583
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-
|
|
40708
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list[data-v-3c8e615c] {
|
|
40584
40709
|
display: grid;
|
|
40585
40710
|
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
|
40586
40711
|
gap: 8px;
|
|
40587
40712
|
}
|
|
40588
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-
|
|
40713
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item[data-v-3c8e615c] {
|
|
40589
40714
|
border-top: 0;
|
|
40590
40715
|
}
|
|
40591
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-
|
|
40716
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__row[data-v-3c8e615c] {
|
|
40592
40717
|
box-sizing: border-box;
|
|
40593
40718
|
height: 100%;
|
|
40594
40719
|
gap: 10px;
|
|
@@ -40597,19 +40722,19 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40597
40722
|
border: 1px solid var(--cn-board-hairline, var(--color-border));
|
|
40598
40723
|
border-radius: 8px;
|
|
40599
40724
|
}
|
|
40600
|
-
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-
|
|
40725
|
+
.cn-record-list.cn-record-list--tiles .cn-record-list__list .cn-record-list__item .cn-record-list__title[data-v-3c8e615c] {
|
|
40601
40726
|
font-size: 14px;
|
|
40602
40727
|
font-weight: 400;
|
|
40603
40728
|
}
|
|
40604
40729
|
|
|
40605
40730
|
/* cards (board ShBank): a grid of framed cards, 240px at the least. */
|
|
40606
|
-
.cn-record-list--cards .cn-record-list__list[data-v-
|
|
40731
|
+
.cn-record-list--cards .cn-record-list__list[data-v-3c8e615c] {
|
|
40607
40732
|
align-items: start;
|
|
40608
40733
|
display: grid;
|
|
40609
40734
|
gap: 16px;
|
|
40610
40735
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
|
40611
40736
|
}
|
|
40612
|
-
.cn-record-list__card[data-v-
|
|
40737
|
+
.cn-record-list__card[data-v-3c8e615c] {
|
|
40613
40738
|
background: var(--color-main-background);
|
|
40614
40739
|
border: 1px solid var(--color-border);
|
|
40615
40740
|
border-radius: 12px;
|
|
@@ -40621,51 +40746,51 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40621
40746
|
padding: 16px 18px;
|
|
40622
40747
|
text-decoration: none;
|
|
40623
40748
|
}
|
|
40624
|
-
.cn-record-list__card--link[data-v-
|
|
40625
|
-
.cn-record-list__card--link[data-v-
|
|
40749
|
+
.cn-record-list__card--link[data-v-3c8e615c]:hover,
|
|
40750
|
+
.cn-record-list__card--link[data-v-3c8e615c]:focus-visible {
|
|
40626
40751
|
border-color: var(--color-border-dark, var(--color-border));
|
|
40627
40752
|
}
|
|
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-
|
|
40753
|
+
.cn-record-list__card--link:hover .cn-record-list__title[data-v-3c8e615c],
|
|
40754
|
+
.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-3c8e615c] {
|
|
40630
40755
|
text-decoration: underline;
|
|
40631
40756
|
}
|
|
40632
|
-
.cn-record-list__card-head[data-v-
|
|
40757
|
+
.cn-record-list__card-head[data-v-3c8e615c] {
|
|
40633
40758
|
align-items: center;
|
|
40634
40759
|
display: flex;
|
|
40635
40760
|
gap: 8px;
|
|
40636
40761
|
justify-content: space-between;
|
|
40637
40762
|
}
|
|
40638
|
-
.cn-record-list__card-title[data-v-
|
|
40763
|
+
.cn-record-list__card-title[data-v-3c8e615c] {
|
|
40639
40764
|
align-items: center;
|
|
40640
40765
|
display: flex;
|
|
40641
40766
|
gap: 8px;
|
|
40642
40767
|
min-width: 0;
|
|
40643
40768
|
}
|
|
40644
|
-
.cn-record-list__card-icon[data-v-
|
|
40769
|
+
.cn-record-list__card-icon[data-v-3c8e615c] {
|
|
40645
40770
|
color: var(--color-primary-element);
|
|
40646
40771
|
flex: none;
|
|
40647
40772
|
}
|
|
40648
|
-
.cn-record-list__card-pills[data-v-
|
|
40773
|
+
.cn-record-list__card-pills[data-v-3c8e615c] {
|
|
40649
40774
|
display: flex;
|
|
40650
40775
|
flex: none;
|
|
40651
40776
|
gap: 6px;
|
|
40652
40777
|
}
|
|
40653
|
-
.cn-record-list__card-value[data-v-
|
|
40778
|
+
.cn-record-list__card-value[data-v-3c8e615c] {
|
|
40654
40779
|
font-size: 24px;
|
|
40655
40780
|
font-weight: 700;
|
|
40656
40781
|
}
|
|
40657
40782
|
|
|
40658
40783
|
/* feed */
|
|
40659
|
-
.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-
|
|
40784
|
+
.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-3c8e615c] {
|
|
40660
40785
|
border-top: 1px solid var(--color-border);
|
|
40661
40786
|
}
|
|
40662
|
-
.cn-record-list__feed-row[data-v-
|
|
40787
|
+
.cn-record-list__feed-row[data-v-3c8e615c] {
|
|
40663
40788
|
align-items: flex-start;
|
|
40664
40789
|
display: flex;
|
|
40665
40790
|
gap: 14px;
|
|
40666
40791
|
padding: 12px 0;
|
|
40667
40792
|
}
|
|
40668
|
-
.cn-record-list__feed-icon[data-v-
|
|
40793
|
+
.cn-record-list__feed-icon[data-v-3c8e615c] {
|
|
40669
40794
|
align-items: center;
|
|
40670
40795
|
background: var(--color-primary-element-light);
|
|
40671
40796
|
border-radius: 50%;
|
|
@@ -40676,25 +40801,25 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
40676
40801
|
justify-content: center;
|
|
40677
40802
|
width: 36px;
|
|
40678
40803
|
}
|
|
40679
|
-
.cn-record-list__text[data-v-
|
|
40804
|
+
.cn-record-list__text[data-v-3c8e615c] {
|
|
40680
40805
|
font-size: 15px;
|
|
40681
40806
|
}
|
|
40682
|
-
.cn-record-list--feed .cn-record-list__main[data-v-
|
|
40807
|
+
.cn-record-list--feed .cn-record-list__main[data-v-3c8e615c] {
|
|
40683
40808
|
color: var(--color-main-text);
|
|
40684
40809
|
text-decoration: none;
|
|
40685
40810
|
}
|
|
40686
40811
|
|
|
40687
40812
|
/* inline */
|
|
40688
|
-
.cn-record-list__inline-row[data-v-
|
|
40813
|
+
.cn-record-list__inline-row[data-v-3c8e615c] {
|
|
40689
40814
|
padding: 4px 0;
|
|
40690
40815
|
}
|
|
40691
|
-
.cn-record-list__label[data-v-
|
|
40816
|
+
.cn-record-list__label[data-v-3c8e615c] {
|
|
40692
40817
|
margin-inline-end: 4px;
|
|
40693
40818
|
}
|
|
40694
|
-
.cn-record-list__inline-title[data-v-
|
|
40819
|
+
.cn-record-list__inline-title[data-v-3c8e615c] {
|
|
40695
40820
|
color: var(--color-main-text);
|
|
40696
40821
|
}
|
|
40697
|
-
a.cn-record-list__inline-title[data-v-
|
|
40822
|
+
a.cn-record-list__inline-title[data-v-3c8e615c] {
|
|
40698
40823
|
color: var(--color-primary-element);
|
|
40699
40824
|
text-decoration: underline;
|
|
40700
40825
|
}
|
|
@@ -49365,26 +49490,46 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
|
|
|
49365
49490
|
}
|
|
49366
49491
|
|
|
49367
49492
|
|
|
49368
|
-
.cn-action-dialog[data-v-
|
|
49493
|
+
.cn-action-dialog[data-v-a3810b54] {
|
|
49369
49494
|
display: flex;
|
|
49370
49495
|
flex-direction: column;
|
|
49371
49496
|
gap: 16px;
|
|
49372
49497
|
}
|
|
49373
|
-
.cn-action-dialog__summary[data-v-
|
|
49498
|
+
.cn-action-dialog__summary[data-v-a3810b54] {
|
|
49374
49499
|
display: flex;
|
|
49375
49500
|
align-items: center;
|
|
49376
|
-
gap:
|
|
49501
|
+
gap: 12px;
|
|
49377
49502
|
padding: 12px 14px;
|
|
49378
49503
|
border: 1px solid var(--color-border);
|
|
49379
|
-
border-radius: var(--border-radius-large,
|
|
49504
|
+
border-radius: var(--border-radius-large, 10px);
|
|
49505
|
+
}
|
|
49506
|
+
|
|
49507
|
+
/* The record's icon on a tinted tile (DqArchiveren). */
|
|
49508
|
+
.cn-action-dialog__summary-icon[data-v-a3810b54] {
|
|
49509
|
+
display: flex;
|
|
49510
|
+
flex: none;
|
|
49511
|
+
align-items: center;
|
|
49512
|
+
justify-content: center;
|
|
49513
|
+
width: 36px;
|
|
49514
|
+
height: 36px;
|
|
49515
|
+
border-radius: 8px;
|
|
49516
|
+
background: var(--color-primary-element-light);
|
|
49517
|
+
color: var(--color-primary-element-light-text);
|
|
49518
|
+
}
|
|
49519
|
+
.cn-action-dialog__summary-text strong[data-v-a3810b54] {
|
|
49520
|
+
font-size: 15px;
|
|
49521
|
+
font-weight: 600;
|
|
49380
49522
|
}
|
|
49381
|
-
.cn-action-dialog__summary-text[data-v-
|
|
49523
|
+
.cn-action-dialog__summary-text .cn-action-dialog__muted[data-v-a3810b54] {
|
|
49524
|
+
font-size: 13px;
|
|
49525
|
+
}
|
|
49526
|
+
.cn-action-dialog__summary-text[data-v-a3810b54] {
|
|
49382
49527
|
display: flex;
|
|
49383
49528
|
flex: 1 1 auto;
|
|
49384
49529
|
flex-direction: column;
|
|
49385
49530
|
min-width: 0;
|
|
49386
49531
|
}
|
|
49387
|
-
.cn-action-dialog__badge[data-v-
|
|
49532
|
+
.cn-action-dialog__badge[data-v-a3810b54] {
|
|
49388
49533
|
padding: 3px 10px;
|
|
49389
49534
|
border-radius: 12px;
|
|
49390
49535
|
background: var(--color-background-dark);
|
|
@@ -49392,7 +49537,7 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
|
|
|
49392
49537
|
font-weight: 600;
|
|
49393
49538
|
white-space: nowrap;
|
|
49394
49539
|
}
|
|
49395
|
-
.cn-action-dialog__title[data-v-
|
|
49540
|
+
.cn-action-dialog__title[data-v-a3810b54] {
|
|
49396
49541
|
margin: 0 0 8px;
|
|
49397
49542
|
font-size: 14px;
|
|
49398
49543
|
font-weight: 600;
|
|
@@ -49400,39 +49545,52 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
|
|
|
49400
49545
|
|
|
49401
49546
|
/* Facts in columns of at least 200px, each a label over its value above a
|
|
49402
49547
|
hairline (DqArchiveren "Bewaring volgens het zaaktype"). */
|
|
49403
|
-
.cn-action-dialog__facts[data-v-
|
|
49548
|
+
.cn-action-dialog__facts[data-v-a3810b54] {
|
|
49404
49549
|
display: grid;
|
|
49405
49550
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
49406
49551
|
gap: 12px 24px;
|
|
49407
49552
|
margin: 0;
|
|
49408
49553
|
}
|
|
49409
|
-
.cn-action-dialog__fact[data-v-
|
|
49554
|
+
.cn-action-dialog__fact[data-v-a3810b54] {
|
|
49410
49555
|
display: flex;
|
|
49411
49556
|
flex-direction: column;
|
|
49412
49557
|
gap: 3px;
|
|
49413
49558
|
padding-bottom: 10px;
|
|
49414
49559
|
border-bottom: 1px solid var(--color-border);
|
|
49415
49560
|
}
|
|
49416
|
-
|
|
49561
|
+
|
|
49562
|
+
/* The server draws every dt as a 130px right-aligned inline block and pads
|
|
49563
|
+
dt and dd 12px; a fact is a label over its value. */
|
|
49564
|
+
.cn-action-dialog__facts dt[data-v-a3810b54],
|
|
49565
|
+
.cn-action-dialog__facts dd[data-v-a3810b54] {
|
|
49566
|
+
display: block;
|
|
49567
|
+
width: auto;
|
|
49568
|
+
white-space: normal;
|
|
49569
|
+
text-align: start;
|
|
49570
|
+
}
|
|
49571
|
+
.cn-action-dialog__facts dt[data-v-a3810b54] {
|
|
49572
|
+
margin: 0;
|
|
49573
|
+
padding: 0;
|
|
49417
49574
|
color: var(--color-text-maxcontrast);
|
|
49418
49575
|
font-size: 13px;
|
|
49419
49576
|
}
|
|
49420
|
-
.cn-action-dialog__facts dd[data-v-
|
|
49577
|
+
.cn-action-dialog__facts dd[data-v-a3810b54] {
|
|
49421
49578
|
margin: 0;
|
|
49579
|
+
padding: 0;
|
|
49422
49580
|
font-size: 15px;
|
|
49423
49581
|
font-weight: 500;
|
|
49424
49582
|
}
|
|
49425
49583
|
|
|
49426
49584
|
/* Checklist rows divided by hairlines, the detail at the row's end
|
|
49427
49585
|
(DqArchiveren "Klaar om te archiveren"). */
|
|
49428
|
-
.cn-action-dialog__checks[data-v-
|
|
49586
|
+
.cn-action-dialog__checks[data-v-a3810b54] {
|
|
49429
49587
|
display: flex;
|
|
49430
49588
|
flex-direction: column;
|
|
49431
49589
|
margin: 0;
|
|
49432
49590
|
padding: 0;
|
|
49433
49591
|
list-style: none;
|
|
49434
49592
|
}
|
|
49435
|
-
.cn-action-dialog__check[data-v-
|
|
49593
|
+
.cn-action-dialog__check[data-v-a3810b54] {
|
|
49436
49594
|
display: flex;
|
|
49437
49595
|
flex-wrap: wrap;
|
|
49438
49596
|
align-items: center;
|
|
@@ -49441,47 +49599,47 @@ textarea.cn-sm-field__input[data-v-3e23dab3] {
|
|
|
49441
49599
|
border-top: 1px solid var(--color-border);
|
|
49442
49600
|
font-size: 15px;
|
|
49443
49601
|
}
|
|
49444
|
-
.cn-action-dialog__check-label[data-v-
|
|
49602
|
+
.cn-action-dialog__check-label[data-v-a3810b54] {
|
|
49445
49603
|
flex: 1 1 auto;
|
|
49446
49604
|
font-weight: 600;
|
|
49447
49605
|
}
|
|
49448
|
-
.cn-action-dialog__check-icon[data-v-
|
|
49606
|
+
.cn-action-dialog__check-icon[data-v-a3810b54] {
|
|
49449
49607
|
color: var(--color-text-maxcontrast);
|
|
49450
49608
|
}
|
|
49451
|
-
.cn-action-dialog__check-icon--met[data-v-
|
|
49609
|
+
.cn-action-dialog__check-icon--met[data-v-a3810b54] {
|
|
49452
49610
|
color: var(--color-success-text, var(--color-success));
|
|
49453
49611
|
}
|
|
49454
|
-
.cn-action-dialog__muted[data-v-
|
|
49612
|
+
.cn-action-dialog__muted[data-v-a3810b54] {
|
|
49455
49613
|
color: var(--color-text-maxcontrast);
|
|
49456
49614
|
font-size: 14px;
|
|
49457
49615
|
}
|
|
49458
49616
|
|
|
49459
49617
|
/* A checkbox field is a tinted box with a 2px edge, its label bold and its
|
|
49460
49618
|
hint under it (DqArchiveren). */
|
|
49461
|
-
.cn-action-dialog__checkbox[data-v-
|
|
49619
|
+
.cn-action-dialog__checkbox[data-v-a3810b54] {
|
|
49462
49620
|
padding: 12px 14px;
|
|
49463
49621
|
border: 2px solid var(--color-primary-element);
|
|
49464
49622
|
border-radius: var(--border-radius-element, 8px);
|
|
49465
49623
|
background: var(--color-primary-element-light);
|
|
49466
49624
|
}
|
|
49467
|
-
.cn-action-dialog__checkbox-text[data-v-
|
|
49625
|
+
.cn-action-dialog__checkbox-text[data-v-a3810b54] {
|
|
49468
49626
|
display: flex;
|
|
49469
49627
|
flex-direction: column;
|
|
49470
49628
|
gap: 2px;
|
|
49471
49629
|
}
|
|
49472
|
-
.cn-action-dialog__checkbox-label[data-v-
|
|
49630
|
+
.cn-action-dialog__checkbox-label[data-v-a3810b54] {
|
|
49473
49631
|
font-size: 15px;
|
|
49474
49632
|
font-weight: 600;
|
|
49475
49633
|
}
|
|
49476
|
-
.cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-
|
|
49634
|
+
.cn-action-dialog__checkbox .cn-action-dialog__muted[data-v-a3810b54] {
|
|
49477
49635
|
font-size: 13px;
|
|
49478
49636
|
}
|
|
49479
|
-
.cn-action-dialog__field[data-v-
|
|
49637
|
+
.cn-action-dialog__field[data-v-a3810b54] {
|
|
49480
49638
|
display: flex;
|
|
49481
49639
|
flex-direction: column;
|
|
49482
49640
|
gap: 4px;
|
|
49483
49641
|
}
|
|
49484
|
-
.cn-action-dialog__error[data-v-
|
|
49642
|
+
.cn-action-dialog__error[data-v-a3810b54] {
|
|
49485
49643
|
margin: 0;
|
|
49486
49644
|
color: var(--color-error-text, var(--color-error));
|
|
49487
49645
|
}
|