@conduction/nextcloud-vue 2.114.0 → 2.115.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/CnAdvancedFormDialog/CnPropertyValueCell.vue.js +1 -1
- package/dist/esm/components/CnAdvancedFormDialog/CnPropertyValueCell.vue2.js +1 -1
- package/dist/esm/components/CnAdvancedFormDialog/CnPropertyValueCell.vue2.js.map +1 -1
- package/dist/esm/components/CnAdvancedFormDialog/CnPropertyValueCell.vue3.js.map +1 -1
- package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue.js +1 -1
- package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js +6 -2
- package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js.map +1 -1
- package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue3.js.map +1 -1
- package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue.js +1 -1
- package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue2.js +2 -1
- package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue2.js.map +1 -1
- package/dist/esm/components/CnChoiceCards/CnChoiceCards.vue3.js.map +1 -1
- package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue.js +1 -1
- package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue2.js +19 -2
- package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue2.js.map +1 -1
- package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue3.js +22 -3
- package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue3.js.map +1 -1
- package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue.js +1 -1
- package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js +2 -2
- package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js.map +1 -1
- package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js.map +1 -1
- package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js +37 -1
- package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
- package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js.map +1 -1
- package/dist/esm/components/CnIndexPage/rowsToCsv.js +90 -0
- package/dist/esm/components/CnIndexPage/rowsToCsv.js.map +1 -0
- package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue.js +9 -0
- package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue.js.map +1 -0
- package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue2.js +161 -0
- package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue2.js.map +1 -0
- package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue3.js +97 -0
- package/dist/esm/components/CnMacrosWidget/CnMacrosWidget.vue3.js.map +1 -0
- package/dist/esm/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue.js +9 -0
- package/dist/esm/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue.js.map +1 -0
- package/dist/esm/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue2.js +63 -0
- package/dist/esm/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue2.js.map +1 -0
- package/dist/esm/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue3.js +54 -0
- package/dist/esm/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue3.js.map +1 -0
- package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue.js +1 -1
- package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue2.js +15 -9
- package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue3.js +55 -63
- package/dist/esm/components/CnRetentionWidget/CnRetentionWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnSegmentedControl/CnSegmentedControl.vue.js +1 -1
- package/dist/esm/components/CnSegmentedControl/CnSegmentedControl.vue2.js +2 -1
- package/dist/esm/components/CnSegmentedControl/CnSegmentedControl.vue2.js.map +1 -1
- package/dist/esm/components/CnSegmentedControl/CnSegmentedControl.vue3.js.map +1 -1
- package/dist/esm/components/CnSetupWizard/CnSetupWizard.vue.js +1 -1
- package/dist/esm/components/CnSetupWizard/CnSetupWizard.vue2.js +13 -4
- package/dist/esm/components/CnSetupWizard/CnSetupWizard.vue2.js.map +1 -1
- package/dist/esm/components/CnSetupWizard/CnSetupWizard.vue3.js +2 -1
- package/dist/esm/components/CnSetupWizard/CnSetupWizard.vue3.js.map +1 -1
- package/dist/esm/components/CnStepper/CnStepper.vue.js +1 -1
- package/dist/esm/components/CnStepper/CnStepper.vue2.js.map +1 -1
- package/dist/esm/components/CnStepper/CnStepper.vue3.js.map +1 -1
- package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue.js +1 -1
- package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue2.js +10 -5
- package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue3.js +1 -1
- package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue.js +1 -1
- package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue2.js.map +1 -1
- package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue3.js +2 -2
- package/dist/esm/components/CnTasksWidget/CnTasksWidget.vue3.js.map +1 -1
- package/dist/esm/components/CnWidgetGrid/registerDashboardWidgets.js +32 -20
- package/dist/esm/components/CnWidgetGrid/registerDashboardWidgets.js.map +1 -1
- package/dist/esm/composables/indexSources.js +43 -11
- package/dist/esm/composables/indexSources.js.map +1 -1
- package/dist/esm/composables/useTaskInboxStore.js +41 -0
- package/dist/esm/composables/useTaskInboxStore.js.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/l10n/en.json.js +4 -1
- package/dist/esm/l10n/en.json.js.map +1 -1
- package/dist/esm/l10n/nl.json.js +9 -1
- package/dist/esm/l10n/nl.json.js.map +1 -1
- package/dist/esm/library-style.js +1 -1
- package/dist/esm/nextcloud-vue.css +482 -330
- package/dist/esm/utils/contentHeaderLink.js +37 -1
- package/dist/esm/utils/contentHeaderLink.js.map +1 -1
- package/dist/esm/utils/declaredMacros.js +31 -0
- package/dist/esm/utils/declaredMacros.js.map +1 -0
- package/dist/esm/utils/libraryWidgetKeys.js +1 -0
- package/dist/esm/utils/libraryWidgetKeys.js.map +1 -1
- package/dist/nextcloud-vue.cjs.js +2673 -1977
- package/dist/nextcloud-vue.cjs.js.map +2 -2
- package/dist/nextcloud-vue.css +482 -330
- package/l10n/en.json +4 -1
- package/l10n/nl.json +9 -1
- package/package.json +1 -1
- package/src/components/CnAdvancedFormDialog/CnPropertyValueCell.vue +1 -1
- package/src/components/CnCellRenderer/CnCellRenderer.vue +6 -2
- package/src/components/CnChoiceCards/CnChoiceCards.vue +2 -1
- package/src/components/CnDashboardPage/CnDashboardPage.vue +45 -3
- package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue +2 -2
- package/src/components/CnIndexPage/CnIndexPage.vue +37 -1
- package/src/components/CnIndexPage/rowsToCsv.js +87 -0
- package/src/components/CnMacrosWidget/CnMacrosWidget.md +30 -0
- package/src/components/CnMacrosWidget/CnMacrosWidget.vue +266 -0
- package/src/components/CnMacrosWidget/index.js +6 -0
- package/src/components/CnRetentionWidget/CnRetentionRecomputeDialog.vue +104 -0
- package/src/components/CnRetentionWidget/CnRetentionWidget.vue +53 -38
- package/src/components/CnSegmentedControl/CnSegmentedControl.vue +2 -1
- package/src/components/CnSetupWizard/CnSetupWizard.vue +28 -4
- package/src/components/CnStepper/CnStepper.vue +2 -1
- package/src/components/CnTabsWidget/CnTabsWidget.vue +11 -6
- package/src/components/CnTasksWidget/CnTasksWidget.vue +2 -2
- package/src/components/CnWidgetGrid/registerDashboardWidgets.js +12 -0
- package/src/components/index.js +1 -0
- package/src/composables/indexSources.js +43 -11
- package/src/composables/useTaskInboxStore.js +41 -0
- package/src/css/look-board-detail.css +4 -3
- package/src/css/look-board-index.css +62 -0
- package/src/css/look-board.css +20 -0
- package/src/index.js +1 -0
- package/src/utils/contentHeaderLink.js +35 -0
- package/src/utils/declaredMacros.js +28 -0
- package/src/utils/libraryWidgetKeys.js +1 -0
|
@@ -1688,6 +1688,26 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
1688
1688
|
padding: 4px var(--cn-board-dashboard-card-inset) 20px;
|
|
1689
1689
|
}
|
|
1690
1690
|
|
|
1691
|
+
/* An ApexCharts plot takes the same inset as an HTML chart (DqDoorlooptijd
|
|
1692
|
+
"Gemiddelde doorlooptijd per maand": the plot 23px in, not on the card's
|
|
1693
|
+
edge). ApexCharts sizes itself to its box minus the box's padding, so the
|
|
1694
|
+
plot shrinks into the inset instead of overflowing it. A footnote under the
|
|
1695
|
+
plot carries the bottom inset in its place.
|
|
1696
|
+
@spec openspec/changes/board-dashboard-chart-inset/specs/board-dashboard-chart-inset/spec.md#requirement-a-board-dashboard-plot-keeps-the-cards-inset */
|
|
1697
|
+
.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-chart-widget__canvas {
|
|
1698
|
+
box-sizing: border-box;
|
|
1699
|
+
padding: 4px var(--cn-board-dashboard-card-inset) 20px;
|
|
1700
|
+
}
|
|
1701
|
+
|
|
1702
|
+
.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-chart-widget__canvas:has(+ .cn-chart-widget__footnote) {
|
|
1703
|
+
padding-bottom: 0;
|
|
1704
|
+
}
|
|
1705
|
+
|
|
1706
|
+
.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-chart-widget > .cn-chart-widget__footnote {
|
|
1707
|
+
padding: 0 var(--cn-board-dashboard-card-inset) 20px;
|
|
1708
|
+
font-size: 13px;
|
|
1709
|
+
}
|
|
1710
|
+
|
|
1691
1711
|
/* An activity item pads itself 4px, so the body takes 4px less. */
|
|
1692
1712
|
.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--borderless) .cn-nc-widget-widget__body {
|
|
1693
1713
|
padding: 0 calc(var(--cn-board-dashboard-card-inset) - 4px) 16px;
|
|
@@ -2845,6 +2865,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
2845
2865
|
color: var(--color-text-maxcontrast);
|
|
2846
2866
|
}
|
|
2847
2867
|
|
|
2868
|
+
/* The breadcrumb row stays under the title, in the title's column, with a
|
|
2869
|
+
count line below it. Unplaced, the trail took the next free cell: beside
|
|
2870
|
+
the count line, under the header buttons (DqZaaktypen).
|
|
2871
|
+
@spec openspec/changes/index-count-subtitle-keeps-crumb-row/specs/index-count-subtitle-keeps-crumb-row/spec.md#requirement-the-breadcrumb-row-stays-under-the-title */
|
|
2872
|
+
.cn-look-board .cn-index-page .cn-page-header .cn-header-trail {
|
|
2873
|
+
grid-column: 1;
|
|
2874
|
+
grid-row: 2;
|
|
2875
|
+
}
|
|
2876
|
+
|
|
2877
|
+
.cn-look-board .cn-index-page .cn-page-header .cn-header-trail ~ .cn-page-header__description {
|
|
2878
|
+
grid-row: 3;
|
|
2879
|
+
}
|
|
2880
|
+
|
|
2848
2881
|
.cn-look-board .cn-index-page .cn-page-header .cn-index-page__header-buttons {
|
|
2849
2882
|
grid-column: 2;
|
|
2850
2883
|
grid-row: 1;
|
|
@@ -4087,6 +4120,55 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
|
|
|
4087
4120
|
font-weight: 600;
|
|
4088
4121
|
}
|
|
4089
4122
|
|
|
4123
|
+
/* The folder rows as the board draws them (DqAfdelingen), like a tree menu's
|
|
4124
|
+
folder rows: 8px 10px, an 8px corner, 14px at 400 without a folder icon,
|
|
4125
|
+
each level 18px further in inside the row so the highlight spans the pane,
|
|
4126
|
+
the open folder on the primary tint in the deep primary at 700. The weight
|
|
4127
|
+
goes through the theme's button token too: a row is a button, and the
|
|
4128
|
+
nldesign theme sets every button's weight with `!important`.
|
|
4129
|
+
@spec openspec/changes/board-folder-pane-rows/specs/board-folder-pane-rows/spec.md#requirement-a-board-folder-pane-draws-the-boards-folder-rows */
|
|
4130
|
+
.cn-look-board .cn-index-page__folder-pane .cn-folder-tree__children {
|
|
4131
|
+
padding-inline-start: 0;
|
|
4132
|
+
}
|
|
4133
|
+
|
|
4134
|
+
.cn-look-board .cn-index-page__folder-pane .cn-folder-tree__item,
|
|
4135
|
+
.cn-look-board .cn-index-page__folder-pane .cn-folder-sidebar__all {
|
|
4136
|
+
--nldesign-component-button-font-weight: 400;
|
|
4137
|
+
min-height: 36px;
|
|
4138
|
+
margin: 0;
|
|
4139
|
+
padding: 8px 10px;
|
|
4140
|
+
border-radius: 8px;
|
|
4141
|
+
color: var(--color-main-text);
|
|
4142
|
+
font-size: 14px;
|
|
4143
|
+
font-weight: 400;
|
|
4144
|
+
}
|
|
4145
|
+
|
|
4146
|
+
.cn-look-board .cn-index-page__folder-pane .cn-folder-tree__children .cn-folder-tree__item {
|
|
4147
|
+
padding-inline-start: 28px;
|
|
4148
|
+
}
|
|
4149
|
+
|
|
4150
|
+
.cn-look-board .cn-index-page__folder-pane .cn-folder-tree__children .cn-folder-tree__children .cn-folder-tree__item {
|
|
4151
|
+
padding-inline-start: 46px;
|
|
4152
|
+
}
|
|
4153
|
+
|
|
4154
|
+
.cn-look-board .cn-index-page__folder-pane .cn-folder-tree__children .cn-folder-tree__children .cn-folder-tree__children .cn-folder-tree__item {
|
|
4155
|
+
padding-inline-start: 64px;
|
|
4156
|
+
}
|
|
4157
|
+
|
|
4158
|
+
.cn-look-board .cn-index-page__folder-pane .cn-folder-tree__item > :not(.cn-folder-tree__name):not(.cn-folder-tree__count),
|
|
4159
|
+
.cn-look-board .cn-index-page__folder-pane .cn-folder-sidebar__all > :not(.cn-folder-sidebar__all-label) {
|
|
4160
|
+
display: none;
|
|
4161
|
+
}
|
|
4162
|
+
|
|
4163
|
+
.cn-look-board .cn-index-page__folder-pane .cn-folder-tree__item--active,
|
|
4164
|
+
.cn-look-board .cn-index-page__folder-pane .cn-folder-sidebar__all--active {
|
|
4165
|
+
--nldesign-component-button-font-weight: 700;
|
|
4166
|
+
--nldesign-color-on-surface: var(--color-primary-element-light-text);
|
|
4167
|
+
background-color: var(--color-primary-element-light);
|
|
4168
|
+
color: var(--color-primary-element-light-text);
|
|
4169
|
+
font-weight: 700;
|
|
4170
|
+
}
|
|
4171
|
+
|
|
4090
4172
|
/* The selected folder's heading above the list: a 20px title over a soft line. */
|
|
4091
4173
|
.cn-look-board .cn-index-page__scope-heading {
|
|
4092
4174
|
margin-bottom: 16px;
|
|
@@ -9352,9 +9434,10 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
9352
9434
|
/* ---- The archiving card (CnRetentionWidget, DqZaakArchivering) ----------- */
|
|
9353
9435
|
/* The board titles it 17px at 1.2 with a 14px muted line 3px under it, and
|
|
9354
9436
|
draws each fact as a 13px label over a 15px value at 500 above a hairline.
|
|
9355
|
-
|
|
9437
|
+
"Recompute nomination" sits at the header's end. The inset is the board
|
|
9438
|
+
card's own, from the panel around it.
|
|
9356
9439
|
@spec openspec/changes/board-retention-card/specs/board-retention-card/spec.md#requirement-the-archiving-card-is-drawn-as-the-board-draws-it */
|
|
9357
|
-
.cn-look-board .cn-retention .cn-retention__head {
|
|
9440
|
+
.cn-look-board .cn-retention .cn-retention__head-text {
|
|
9358
9441
|
gap: 3px;
|
|
9359
9442
|
}
|
|
9360
9443
|
|
|
@@ -9363,7 +9446,7 @@ li[data-cn-admin-tag] > .action-link::after {
|
|
|
9363
9446
|
line-height: 1.2;
|
|
9364
9447
|
}
|
|
9365
9448
|
|
|
9366
|
-
.cn-look-board .cn-retention .cn-retention__head .cn-retention__muted {
|
|
9449
|
+
.cn-look-board .cn-retention .cn-retention__head-text .cn-retention__muted {
|
|
9367
9450
|
font-size: 14px;
|
|
9368
9451
|
}
|
|
9369
9452
|
|
|
@@ -12992,6 +13075,44 @@ a.cn-document-review-list__name[data-v-83ccc260] {
|
|
|
12992
13075
|
padding: calc(5 * var(--default-grid-baseline));
|
|
12993
13076
|
}
|
|
12994
13077
|
|
|
13078
|
+
|
|
13079
|
+
.cn-macros-widget[data-v-982c6094] {
|
|
13080
|
+
display: flex;
|
|
13081
|
+
flex-direction: column;
|
|
13082
|
+
gap: 12px;
|
|
13083
|
+
}
|
|
13084
|
+
.cn-macros-widget__description[data-v-982c6094],
|
|
13085
|
+
.cn-macros-widget__muted[data-v-982c6094] {
|
|
13086
|
+
margin: 0;
|
|
13087
|
+
color: var(--color-text-maxcontrast);
|
|
13088
|
+
}
|
|
13089
|
+
.cn-macros-widget__list[data-v-982c6094] {
|
|
13090
|
+
margin: 0;
|
|
13091
|
+
padding: 0;
|
|
13092
|
+
list-style: none;
|
|
13093
|
+
}
|
|
13094
|
+
.cn-macros-widget__row[data-v-982c6094] {
|
|
13095
|
+
display: flex;
|
|
13096
|
+
align-items: center;
|
|
13097
|
+
justify-content: space-between;
|
|
13098
|
+
gap: 12px;
|
|
13099
|
+
padding-block: 10px;
|
|
13100
|
+
border-top: 1px solid var(--color-border);
|
|
13101
|
+
}
|
|
13102
|
+
.cn-macros-widget__text[data-v-982c6094] {
|
|
13103
|
+
display: flex;
|
|
13104
|
+
flex-direction: column;
|
|
13105
|
+
gap: 2px;
|
|
13106
|
+
min-width: 0;
|
|
13107
|
+
}
|
|
13108
|
+
.cn-macros-widget__name[data-v-982c6094] {
|
|
13109
|
+
font-weight: 600;
|
|
13110
|
+
}
|
|
13111
|
+
.cn-macros-widget__hint[data-v-982c6094] {
|
|
13112
|
+
color: var(--color-text-maxcontrast);
|
|
13113
|
+
font-size: 13px;
|
|
13114
|
+
}
|
|
13115
|
+
|
|
12995
13116
|
/* required styles */
|
|
12996
13117
|
|
|
12997
13118
|
.leaflet-pane,
|
|
@@ -14094,57 +14215,57 @@ svg.leaflet-image-layer.leaflet-interactive path {
|
|
|
14094
14215
|
}
|
|
14095
14216
|
|
|
14096
14217
|
|
|
14097
|
-
.cn-cell-renderer__actions[data-v-
|
|
14218
|
+
.cn-cell-renderer__actions[data-v-036c40e0] {
|
|
14098
14219
|
display: inline-flex;
|
|
14099
14220
|
flex-wrap: wrap;
|
|
14100
14221
|
gap: 8px;
|
|
14101
14222
|
}
|
|
14102
|
-
.cn-cell-renderer__icon-label[data-v-
|
|
14223
|
+
.cn-cell-renderer__icon-label[data-v-036c40e0] {
|
|
14103
14224
|
display: inline-flex;
|
|
14104
14225
|
align-items: center;
|
|
14105
14226
|
gap: 6px;
|
|
14106
14227
|
font-weight: 600;
|
|
14107
14228
|
}
|
|
14108
|
-
.cn-cell-renderer__switch[data-v-
|
|
14229
|
+
.cn-cell-renderer__switch[data-v-036c40e0] {
|
|
14109
14230
|
display: inline-flex;
|
|
14110
14231
|
}
|
|
14111
|
-
.cn-cell-renderer__mono[data-v-
|
|
14232
|
+
.cn-cell-renderer__mono[data-v-036c40e0] {
|
|
14112
14233
|
font-family: monospace;
|
|
14113
14234
|
font-size: 13px;
|
|
14114
14235
|
color: var(--color-text-maxcontrast);
|
|
14115
14236
|
}
|
|
14116
|
-
.cn-cell-renderer--uuid[data-v-
|
|
14237
|
+
.cn-cell-renderer--uuid[data-v-036c40e0] {
|
|
14117
14238
|
font-family: monospace;
|
|
14118
14239
|
font-size: 13px;
|
|
14119
14240
|
color: var(--color-text-maxcontrast);
|
|
14120
14241
|
}
|
|
14121
|
-
.cn-cell-renderer--number[data-v-
|
|
14242
|
+
.cn-cell-renderer--number[data-v-036c40e0] {
|
|
14122
14243
|
font-variant-numeric: tabular-nums;
|
|
14123
14244
|
}
|
|
14124
|
-
.cn-cell-renderer--date[data-v-
|
|
14245
|
+
.cn-cell-renderer--date[data-v-036c40e0] {
|
|
14125
14246
|
white-space: nowrap;
|
|
14126
14247
|
}
|
|
14127
|
-
.cn-cell-renderer__dash[data-v-
|
|
14248
|
+
.cn-cell-renderer__dash[data-v-036c40e0] {
|
|
14128
14249
|
color: var(--color-text-maxcontrast);
|
|
14129
14250
|
}
|
|
14130
|
-
.cn-cell-renderer__avatar[data-v-
|
|
14251
|
+
.cn-cell-renderer__avatar[data-v-036c40e0] {
|
|
14131
14252
|
display: inline-flex;
|
|
14132
14253
|
align-items: center;
|
|
14133
14254
|
gap: 8px;
|
|
14134
14255
|
max-width: 100%;
|
|
14135
14256
|
vertical-align: middle;
|
|
14136
14257
|
}
|
|
14137
|
-
.cn-cell-renderer__avatar-picture[data-v-
|
|
14258
|
+
.cn-cell-renderer__avatar-picture[data-v-036c40e0] {
|
|
14138
14259
|
display: inline-flex;
|
|
14139
14260
|
flex: none;
|
|
14140
14261
|
}
|
|
14141
|
-
.cn-cell-renderer__date-block[data-v-
|
|
14262
|
+
.cn-cell-renderer__date-block[data-v-036c40e0] {
|
|
14142
14263
|
display: inline-flex;
|
|
14143
14264
|
align-items: center;
|
|
14144
14265
|
gap: 12px;
|
|
14145
14266
|
white-space: nowrap;
|
|
14146
14267
|
}
|
|
14147
|
-
.cn-cell-renderer__date-tile[data-v-
|
|
14268
|
+
.cn-cell-renderer__date-tile[data-v-036c40e0] {
|
|
14148
14269
|
display: flex;
|
|
14149
14270
|
flex: 0 0 46px;
|
|
14150
14271
|
flex-direction: column;
|
|
@@ -14154,26 +14275,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
|
|
|
14154
14275
|
border-radius: 8px;
|
|
14155
14276
|
background-color: var(--color-background-dark);
|
|
14156
14277
|
}
|
|
14157
|
-
.cn-cell-renderer__date-day[data-v-
|
|
14278
|
+
.cn-cell-renderer__date-day[data-v-036c40e0] {
|
|
14158
14279
|
font-size: 17px;
|
|
14159
14280
|
line-height: 1;
|
|
14160
14281
|
}
|
|
14161
|
-
.cn-cell-renderer__date-month[data-v-
|
|
14162
|
-
.cn-cell-renderer__date-time[data-v-
|
|
14282
|
+
.cn-cell-renderer__date-month[data-v-036c40e0],
|
|
14283
|
+
.cn-cell-renderer__date-time[data-v-036c40e0] {
|
|
14163
14284
|
color: var(--color-text-maxcontrast);
|
|
14164
14285
|
}
|
|
14165
|
-
.cn-cell-renderer__date-month[data-v-
|
|
14286
|
+
.cn-cell-renderer__date-month[data-v-036c40e0] {
|
|
14166
14287
|
font-size: 12px;
|
|
14167
14288
|
}
|
|
14168
|
-
.cn-cell-renderer__date-lines[data-v-
|
|
14289
|
+
.cn-cell-renderer__date-lines[data-v-036c40e0] {
|
|
14169
14290
|
display: flex;
|
|
14170
14291
|
flex-direction: column;
|
|
14171
14292
|
gap: 2px;
|
|
14172
14293
|
}
|
|
14173
|
-
.cn-cell-renderer__date-weekday[data-v-
|
|
14294
|
+
.cn-cell-renderer__date-weekday[data-v-036c40e0] {
|
|
14174
14295
|
font-weight: 600;
|
|
14175
14296
|
}
|
|
14176
|
-
.cn-cell-renderer__avatar-initials[data-v-
|
|
14297
|
+
.cn-cell-renderer__avatar-initials[data-v-036c40e0] {
|
|
14177
14298
|
display: inline-flex;
|
|
14178
14299
|
flex: none;
|
|
14179
14300
|
align-items: center;
|
|
@@ -14185,12 +14306,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
|
|
|
14185
14306
|
font-weight: 700;
|
|
14186
14307
|
line-height: 1;
|
|
14187
14308
|
}
|
|
14188
|
-
.cn-cell-renderer__avatar-text[data-v-
|
|
14309
|
+
.cn-cell-renderer__avatar-text[data-v-036c40e0] {
|
|
14189
14310
|
display: flex;
|
|
14190
14311
|
flex-direction: column;
|
|
14191
14312
|
min-width: 0;
|
|
14192
14313
|
}
|
|
14193
|
-
.cn-cell-renderer__avatar-name[data-v-
|
|
14314
|
+
.cn-cell-renderer__avatar-name[data-v-036c40e0] {
|
|
14194
14315
|
min-width: 0;
|
|
14195
14316
|
overflow: hidden;
|
|
14196
14317
|
text-overflow: ellipsis;
|
|
@@ -14200,7 +14321,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
|
|
|
14200
14321
|
font: inherit;
|
|
14201
14322
|
color: inherit;
|
|
14202
14323
|
}
|
|
14203
|
-
.cn-cell-renderer__avatar-secondary[data-v-
|
|
14324
|
+
.cn-cell-renderer__avatar-secondary[data-v-036c40e0] {
|
|
14204
14325
|
min-width: 0;
|
|
14205
14326
|
overflow: hidden;
|
|
14206
14327
|
color: var(--color-text-maxcontrast);
|
|
@@ -14214,34 +14335,34 @@ svg.leaflet-image-layer.leaflet-interactive path {
|
|
|
14214
14335
|
|
|
14215
14336
|
/* A date that matched a rule is also set in a heavier weight, so the signal
|
|
14216
14337
|
does not rest on colour alone. */
|
|
14217
|
-
.cn-cell-renderer__date--success[data-v-
|
|
14218
|
-
.cn-cell-renderer__date--warning[data-v-
|
|
14219
|
-
.cn-cell-renderer__date--error[data-v-
|
|
14220
|
-
.cn-cell-renderer__age--success[data-v-
|
|
14221
|
-
.cn-cell-renderer__age--warning[data-v-
|
|
14222
|
-
.cn-cell-renderer__age--error[data-v-
|
|
14338
|
+
.cn-cell-renderer__date--success[data-v-036c40e0],
|
|
14339
|
+
.cn-cell-renderer__date--warning[data-v-036c40e0],
|
|
14340
|
+
.cn-cell-renderer__date--error[data-v-036c40e0],
|
|
14341
|
+
.cn-cell-renderer__age--success[data-v-036c40e0],
|
|
14342
|
+
.cn-cell-renderer__age--warning[data-v-036c40e0],
|
|
14343
|
+
.cn-cell-renderer__age--error[data-v-036c40e0] {
|
|
14223
14344
|
font-weight: 600;
|
|
14224
14345
|
}
|
|
14225
|
-
.cn-cell-renderer__age[data-v-
|
|
14346
|
+
.cn-cell-renderer__age[data-v-036c40e0] {
|
|
14226
14347
|
white-space: nowrap;
|
|
14227
14348
|
}
|
|
14228
14349
|
|
|
14229
14350
|
/* The progress cell (abstract-progress-cell): a 56 x 8 bar, the percentage
|
|
14230
14351
|
8px beside it in the bar's tone, and an optional age badge after them, as
|
|
14231
14352
|
PqLeads' Winkans column. The value is bold, so the tone is not the only signal. */
|
|
14232
|
-
.cn-cell-renderer__progress[data-v-
|
|
14353
|
+
.cn-cell-renderer__progress[data-v-036c40e0] {
|
|
14233
14354
|
display: inline-flex;
|
|
14234
14355
|
flex-wrap: wrap;
|
|
14235
14356
|
align-items: center;
|
|
14236
14357
|
gap: 4px 8px;
|
|
14237
14358
|
}
|
|
14238
|
-
.cn-cell-renderer__progress-line[data-v-
|
|
14359
|
+
.cn-cell-renderer__progress-line[data-v-036c40e0] {
|
|
14239
14360
|
display: inline-flex;
|
|
14240
14361
|
align-items: center;
|
|
14241
14362
|
gap: 8px;
|
|
14242
14363
|
white-space: nowrap;
|
|
14243
14364
|
}
|
|
14244
|
-
.cn-cell-renderer__progress-bar[data-v-
|
|
14365
|
+
.cn-cell-renderer__progress-bar[data-v-036c40e0] {
|
|
14245
14366
|
display: inline-block;
|
|
14246
14367
|
width: 56px;
|
|
14247
14368
|
height: 8px;
|
|
@@ -14249,33 +14370,33 @@ svg.leaflet-image-layer.leaflet-interactive path {
|
|
|
14249
14370
|
background: var(--color-background-dark);
|
|
14250
14371
|
overflow: hidden;
|
|
14251
14372
|
}
|
|
14252
|
-
.cn-cell-renderer__progress-fill[data-v-
|
|
14373
|
+
.cn-cell-renderer__progress-fill[data-v-036c40e0] {
|
|
14253
14374
|
display: block;
|
|
14254
14375
|
height: 100%;
|
|
14255
14376
|
}
|
|
14256
|
-
.cn-cell-renderer__progress-fill--success[data-v-
|
|
14377
|
+
.cn-cell-renderer__progress-fill--success[data-v-036c40e0] {
|
|
14257
14378
|
background: var(--color-element-success, var(--color-success));
|
|
14258
14379
|
}
|
|
14259
|
-
.cn-cell-renderer__progress-fill--warning[data-v-
|
|
14380
|
+
.cn-cell-renderer__progress-fill--warning[data-v-036c40e0] {
|
|
14260
14381
|
background: var(--color-element-warning, var(--color-warning));
|
|
14261
14382
|
}
|
|
14262
|
-
.cn-cell-renderer__progress-fill--error[data-v-
|
|
14383
|
+
.cn-cell-renderer__progress-fill--error[data-v-036c40e0] {
|
|
14263
14384
|
background: var(--color-element-error, var(--color-error));
|
|
14264
14385
|
}
|
|
14265
|
-
.cn-cell-renderer__progress-value[data-v-
|
|
14386
|
+
.cn-cell-renderer__progress-value[data-v-036c40e0] {
|
|
14266
14387
|
font-size: 14px;
|
|
14267
14388
|
font-weight: 700;
|
|
14268
14389
|
}
|
|
14269
|
-
.cn-cell-renderer__progress-value--success[data-v-
|
|
14390
|
+
.cn-cell-renderer__progress-value--success[data-v-036c40e0] {
|
|
14270
14391
|
color: var(--color-text-success, var(--color-success-text));
|
|
14271
14392
|
}
|
|
14272
|
-
.cn-cell-renderer__progress-value--warning[data-v-
|
|
14393
|
+
.cn-cell-renderer__progress-value--warning[data-v-036c40e0] {
|
|
14273
14394
|
color: var(--color-text-warning, var(--color-warning-text));
|
|
14274
14395
|
}
|
|
14275
|
-
.cn-cell-renderer__progress-value--error[data-v-
|
|
14396
|
+
.cn-cell-renderer__progress-value--error[data-v-036c40e0] {
|
|
14276
14397
|
color: var(--color-text-error, var(--color-error-text));
|
|
14277
14398
|
}
|
|
14278
|
-
.cn-cell-renderer__progress-badge[data-v-
|
|
14399
|
+
.cn-cell-renderer__progress-badge[data-v-036c40e0] {
|
|
14279
14400
|
display: inline-block;
|
|
14280
14401
|
padding: 3px 10px;
|
|
14281
14402
|
border-radius: 12px;
|
|
@@ -14283,52 +14404,52 @@ svg.leaflet-image-layer.leaflet-interactive path {
|
|
|
14283
14404
|
font-weight: 600;
|
|
14284
14405
|
white-space: nowrap;
|
|
14285
14406
|
}
|
|
14286
|
-
.cn-cell-renderer__progress-badge--error[data-v-
|
|
14407
|
+
.cn-cell-renderer__progress-badge--error[data-v-036c40e0] {
|
|
14287
14408
|
color: var(--color-text-error, var(--color-error-text));
|
|
14288
14409
|
background: var(--color-error-hover, var(--color-background-dark));
|
|
14289
14410
|
background: color-mix(in srgb, var(--color-error) 12%, transparent);
|
|
14290
14411
|
}
|
|
14291
|
-
.cn-cell-renderer__progress-badge--warning[data-v-
|
|
14412
|
+
.cn-cell-renderer__progress-badge--warning[data-v-036c40e0] {
|
|
14292
14413
|
color: var(--color-text-warning, var(--color-warning-text));
|
|
14293
14414
|
background: color-mix(in srgb, var(--color-warning) 14%, transparent);
|
|
14294
14415
|
}
|
|
14295
|
-
.cn-cell-renderer__progress-badge--success[data-v-
|
|
14416
|
+
.cn-cell-renderer__progress-badge--success[data-v-036c40e0] {
|
|
14296
14417
|
color: var(--color-text-success, var(--color-success-text));
|
|
14297
14418
|
background: color-mix(in srgb, var(--color-success) 12%, transparent);
|
|
14298
14419
|
}
|
|
14299
|
-
.cn-cell-renderer__age--success[data-v-
|
|
14420
|
+
.cn-cell-renderer__age--success[data-v-036c40e0] {
|
|
14300
14421
|
color: var(--color-text-success, var(--color-success-text));
|
|
14301
14422
|
}
|
|
14302
|
-
.cn-cell-renderer__age--warning[data-v-
|
|
14423
|
+
.cn-cell-renderer__age--warning[data-v-036c40e0] {
|
|
14303
14424
|
color: var(--color-text-warning, var(--color-warning-text));
|
|
14304
14425
|
}
|
|
14305
|
-
.cn-cell-renderer__age--error[data-v-
|
|
14426
|
+
.cn-cell-renderer__age--error[data-v-036c40e0] {
|
|
14306
14427
|
color: var(--color-text-error, var(--color-error-text));
|
|
14307
14428
|
}
|
|
14308
|
-
.cn-cell-renderer__due--empty[data-v-
|
|
14429
|
+
.cn-cell-renderer__due--empty[data-v-036c40e0] {
|
|
14309
14430
|
color: var(--color-text-maxcontrast);
|
|
14310
14431
|
}
|
|
14311
|
-
.cn-cell-renderer__date--success[data-v-
|
|
14432
|
+
.cn-cell-renderer__date--success[data-v-036c40e0] {
|
|
14312
14433
|
color: var(--color-text-success, var(--color-success-text));
|
|
14313
14434
|
}
|
|
14314
|
-
.cn-cell-renderer__date--warning[data-v-
|
|
14435
|
+
.cn-cell-renderer__date--warning[data-v-036c40e0] {
|
|
14315
14436
|
color: var(--color-text-warning, var(--color-warning-text));
|
|
14316
14437
|
}
|
|
14317
|
-
.cn-cell-renderer__date--error[data-v-
|
|
14438
|
+
.cn-cell-renderer__date--error[data-v-036c40e0] {
|
|
14318
14439
|
color: var(--color-text-error, var(--color-error-text));
|
|
14319
14440
|
}
|
|
14320
14441
|
|
|
14321
14442
|
/* The text variant, not the fill: from Nextcloud 32 `--color-success` is a
|
|
14322
14443
|
background colour and too pale for a 16px glyph on a light theme. */
|
|
14323
|
-
.cn-cell-renderer__icon--success[data-v-
|
|
14444
|
+
.cn-cell-renderer__icon--success[data-v-036c40e0] {
|
|
14324
14445
|
color: var(--color-text-success, var(--color-success-text, var(--color-success)));
|
|
14325
14446
|
}
|
|
14326
|
-
.cn-cell-renderer__swatch-wrap[data-v-
|
|
14447
|
+
.cn-cell-renderer__swatch-wrap[data-v-036c40e0] {
|
|
14327
14448
|
display: inline-flex;
|
|
14328
14449
|
align-items: center;
|
|
14329
14450
|
gap: 8px;
|
|
14330
14451
|
}
|
|
14331
|
-
.cn-cell-renderer__swatch-dot[data-v-
|
|
14452
|
+
.cn-cell-renderer__swatch-dot[data-v-036c40e0] {
|
|
14332
14453
|
display: inline-block;
|
|
14333
14454
|
width: 12px;
|
|
14334
14455
|
height: 12px;
|
|
@@ -25448,45 +25569,56 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
|
|
|
25448
25569
|
}
|
|
25449
25570
|
|
|
25450
25571
|
|
|
25451
|
-
.cn-retention[data-v-
|
|
25572
|
+
.cn-retention-recompute__muted[data-v-0e56b9bb] {
|
|
25573
|
+
margin: 0;
|
|
25574
|
+
color: var(--color-text-maxcontrast);
|
|
25575
|
+
font-size: 14px;
|
|
25576
|
+
}
|
|
25577
|
+
|
|
25578
|
+
|
|
25579
|
+
.cn-retention[data-v-170cb650] {
|
|
25452
25580
|
display: flex;
|
|
25453
25581
|
flex-direction: column;
|
|
25454
25582
|
gap: 16px;
|
|
25455
25583
|
}
|
|
25456
|
-
.cn-retention__head[data-v-
|
|
25584
|
+
.cn-retention__head[data-v-170cb650] {
|
|
25585
|
+
display: flex;
|
|
25586
|
+
flex-wrap: wrap;
|
|
25587
|
+
align-items: flex-start;
|
|
25588
|
+
justify-content: space-between;
|
|
25589
|
+
gap: 10px 16px;
|
|
25590
|
+
}
|
|
25591
|
+
.cn-retention__head-text[data-v-170cb650] {
|
|
25457
25592
|
display: flex;
|
|
25593
|
+
flex: 1 1 260px;
|
|
25458
25594
|
flex-direction: column;
|
|
25459
25595
|
gap: 2px;
|
|
25596
|
+
min-width: 0;
|
|
25460
25597
|
}
|
|
25461
|
-
.cn-retention__title[data-v-
|
|
25598
|
+
.cn-retention__title[data-v-170cb650] {
|
|
25462
25599
|
margin: 0;
|
|
25463
25600
|
font-size: 18px;
|
|
25464
25601
|
font-weight: 700;
|
|
25465
25602
|
}
|
|
25466
|
-
.cn-retention__muted[data-v-
|
|
25603
|
+
.cn-retention__muted[data-v-170cb650] {
|
|
25467
25604
|
margin: 0;
|
|
25468
25605
|
color: var(--color-text-maxcontrast);
|
|
25469
25606
|
}
|
|
25470
|
-
.cn-retention__facts[data-v-
|
|
25607
|
+
.cn-retention__facts[data-v-170cb650] {
|
|
25471
25608
|
display: grid;
|
|
25472
25609
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
25473
25610
|
gap: 12px 24px;
|
|
25474
25611
|
margin: 0;
|
|
25475
25612
|
}
|
|
25476
|
-
.cn-retention__fact dt[data-v-
|
|
25613
|
+
.cn-retention__fact dt[data-v-170cb650] {
|
|
25477
25614
|
color: var(--color-text-maxcontrast);
|
|
25478
25615
|
font-size: 13px;
|
|
25479
25616
|
}
|
|
25480
|
-
.cn-retention__fact dd[data-v-
|
|
25617
|
+
.cn-retention__fact dd[data-v-170cb650] {
|
|
25481
25618
|
margin: 0;
|
|
25482
25619
|
font-weight: 600;
|
|
25483
25620
|
}
|
|
25484
|
-
|
|
25485
|
-
display: flex;
|
|
25486
|
-
flex-direction: column;
|
|
25487
|
-
gap: 8px;
|
|
25488
|
-
max-width: 480px;
|
|
25489
|
-
}
|
|
25621
|
+
|
|
25490
25622
|
|
|
25491
25623
|
|
|
25492
25624
|
.cn-saved-view-widget[data-v-5fdff0f0] {
|
|
@@ -28082,7 +28214,7 @@ to { background-position: -200% 0;
|
|
|
28082
28214
|
}
|
|
28083
28215
|
|
|
28084
28216
|
|
|
28085
|
-
.cn-segmented-control[data-v-
|
|
28217
|
+
.cn-segmented-control[data-v-1f251ad6] {
|
|
28086
28218
|
display: inline-flex;
|
|
28087
28219
|
gap: 4px;
|
|
28088
28220
|
max-width: 100%;
|
|
@@ -28091,16 +28223,16 @@ to { background-position: -200% 0;
|
|
|
28091
28223
|
background-color: var(--color-background-dark);
|
|
28092
28224
|
overflow-x: auto;
|
|
28093
28225
|
}
|
|
28094
|
-
.cn-segmented-control--stretch[data-v-
|
|
28226
|
+
.cn-segmented-control--stretch[data-v-1f251ad6] {
|
|
28095
28227
|
display: flex;
|
|
28096
28228
|
}
|
|
28097
|
-
.cn-segmented-control--stretch .cn-segmented-control__option[data-v-
|
|
28229
|
+
.cn-segmented-control--stretch .cn-segmented-control__option[data-v-1f251ad6] {
|
|
28098
28230
|
flex: 1 1 0;
|
|
28099
28231
|
}
|
|
28100
28232
|
|
|
28101
28233
|
/* The parent class outscores Nextcloud's server rule that gives every plain
|
|
28102
28234
|
`button` a margin and a border. */
|
|
28103
|
-
.cn-segmented-control .cn-segmented-control__option[data-v-
|
|
28235
|
+
.cn-segmented-control .cn-segmented-control__option[data-v-1f251ad6] {
|
|
28104
28236
|
display: inline-flex;
|
|
28105
28237
|
align-items: center;
|
|
28106
28238
|
justify-content: center;
|
|
@@ -28120,36 +28252,36 @@ to { background-position: -200% 0;
|
|
|
28120
28252
|
white-space: nowrap;
|
|
28121
28253
|
cursor: pointer;
|
|
28122
28254
|
}
|
|
28123
|
-
.cn-segmented-control .cn-segmented-control__option[data-v-
|
|
28255
|
+
.cn-segmented-control .cn-segmented-control__option[data-v-1f251ad6]:hover {
|
|
28124
28256
|
background-color: var(--color-background-hover);
|
|
28125
28257
|
}
|
|
28126
|
-
.cn-segmented-control .cn-segmented-control__option[data-v-
|
|
28258
|
+
.cn-segmented-control .cn-segmented-control__option[data-v-1f251ad6]:focus-visible {
|
|
28127
28259
|
outline: 2px solid var(--color-primary-element);
|
|
28128
28260
|
outline-offset: 2px;
|
|
28129
28261
|
}
|
|
28130
28262
|
|
|
28131
28263
|
/* The border survives forced-colours mode, which drops background and shadow. */
|
|
28132
|
-
.cn-segmented-control .cn-segmented-control__option--checked[data-v-
|
|
28133
|
-
.cn-segmented-control .cn-segmented-control__option--checked[data-v-
|
|
28264
|
+
.cn-segmented-control .cn-segmented-control__option--checked[data-v-1f251ad6],
|
|
28265
|
+
.cn-segmented-control .cn-segmented-control__option--checked[data-v-1f251ad6]:hover {
|
|
28134
28266
|
border-color: var(--color-border-dark);
|
|
28135
28267
|
background-color: var(--color-main-background);
|
|
28136
28268
|
box-shadow: 0 1px 2px var(--color-box-shadow);
|
|
28137
28269
|
}
|
|
28138
|
-
.cn-segmented-control .cn-segmented-control__option[disabled][data-v-
|
|
28270
|
+
.cn-segmented-control .cn-segmented-control__option[disabled][data-v-1f251ad6] {
|
|
28139
28271
|
cursor: default;
|
|
28140
28272
|
opacity: 0.5;
|
|
28141
28273
|
}
|
|
28142
|
-
.cn-segmented-control__count[data-v-
|
|
28274
|
+
.cn-segmented-control__count[data-v-1f251ad6] {
|
|
28143
28275
|
font-weight: 400;
|
|
28144
28276
|
}
|
|
28145
28277
|
|
|
28146
28278
|
/* Compact (screens-dashboard-parity): the board's period group. */
|
|
28147
|
-
.cn-segmented-control.cn-segmented-control--compact[data-v-
|
|
28279
|
+
.cn-segmented-control.cn-segmented-control--compact[data-v-1f251ad6] {
|
|
28148
28280
|
gap: 2px;
|
|
28149
28281
|
padding: 3px;
|
|
28150
28282
|
border-radius: 8px;
|
|
28151
28283
|
}
|
|
28152
|
-
.cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option[data-v-
|
|
28284
|
+
.cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option[data-v-1f251ad6] {
|
|
28153
28285
|
min-height: 34px;
|
|
28154
28286
|
height: 34px;
|
|
28155
28287
|
padding: 0 12px;
|
|
@@ -28157,12 +28289,12 @@ to { background-position: -200% 0;
|
|
|
28157
28289
|
font-size: 14px;
|
|
28158
28290
|
font-weight: 600;
|
|
28159
28291
|
}
|
|
28160
|
-
.cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option--icon-only[data-v-
|
|
28292
|
+
.cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option--icon-only[data-v-1f251ad6] {
|
|
28161
28293
|
min-width: 40px;
|
|
28162
28294
|
padding: 0;
|
|
28163
28295
|
}
|
|
28164
|
-
.cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option--checked[data-v-
|
|
28165
|
-
.cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option--checked[data-v-
|
|
28296
|
+
.cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option--checked[data-v-1f251ad6],
|
|
28297
|
+
.cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option--checked[data-v-1f251ad6]:hover {
|
|
28166
28298
|
border-color: transparent;
|
|
28167
28299
|
box-shadow: 0 1px 2px var(--color-box-shadow);
|
|
28168
28300
|
}
|
|
@@ -28171,10 +28303,10 @@ to { background-position: -200% 0;
|
|
|
28171
28303
|
high touch targets, and the group wraps onto a second row instead of
|
|
28172
28304
|
running off the screen. */
|
|
28173
28305
|
@media (max-width: 640px) {
|
|
28174
|
-
.cn-segmented-control.cn-segmented-control--compact[data-v-
|
|
28306
|
+
.cn-segmented-control.cn-segmented-control--compact[data-v-1f251ad6] {
|
|
28175
28307
|
flex-wrap: wrap;
|
|
28176
28308
|
}
|
|
28177
|
-
.cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option[data-v-
|
|
28309
|
+
.cn-segmented-control.cn-segmented-control--compact .cn-segmented-control__option[data-v-1f251ad6] {
|
|
28178
28310
|
min-height: 44px;
|
|
28179
28311
|
}
|
|
28180
28312
|
}
|
|
@@ -28918,7 +29050,7 @@ to { background-position: -200% 0;
|
|
|
28918
29050
|
|
|
28919
29051
|
|
|
28920
29052
|
/* The Nextcloud look: the stacked stepper, unchanged. */
|
|
28921
|
-
.cn-stepper[data-v-
|
|
29053
|
+
.cn-stepper[data-v-3cab4d7d] {
|
|
28922
29054
|
display: flex;
|
|
28923
29055
|
align-items: flex-start;
|
|
28924
29056
|
justify-content: center;
|
|
@@ -28927,7 +29059,7 @@ to { background-position: -200% 0;
|
|
|
28927
29059
|
margin: 0 0 20px;
|
|
28928
29060
|
list-style: none;
|
|
28929
29061
|
}
|
|
28930
|
-
.cn-stepper__item[data-v-
|
|
29062
|
+
.cn-stepper__item[data-v-3cab4d7d] {
|
|
28931
29063
|
position: relative;
|
|
28932
29064
|
flex: 1 1 0;
|
|
28933
29065
|
min-width: 0;
|
|
@@ -28939,7 +29071,7 @@ to { background-position: -200% 0;
|
|
|
28939
29071
|
color: var(--color-text-maxcontrast);
|
|
28940
29072
|
font-size: 0.8125rem;
|
|
28941
29073
|
}
|
|
28942
|
-
.cn-stepper__step[data-v-
|
|
29074
|
+
.cn-stepper__step[data-v-3cab4d7d] {
|
|
28943
29075
|
display: flex;
|
|
28944
29076
|
flex-direction: column;
|
|
28945
29077
|
align-items: center;
|
|
@@ -28952,10 +29084,10 @@ to { background-position: -200% 0;
|
|
|
28952
29084
|
color: inherit;
|
|
28953
29085
|
font: inherit;
|
|
28954
29086
|
}
|
|
28955
|
-
button.cn-stepper__step[data-v-
|
|
29087
|
+
button.cn-stepper__step[data-v-3cab4d7d] {
|
|
28956
29088
|
cursor: pointer;
|
|
28957
29089
|
}
|
|
28958
|
-
.cn-stepper__dot[data-v-
|
|
29090
|
+
.cn-stepper__dot[data-v-3cab4d7d] {
|
|
28959
29091
|
display: inline-flex;
|
|
28960
29092
|
align-items: center;
|
|
28961
29093
|
justify-content: center;
|
|
@@ -28970,17 +29102,17 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
28970
29102
|
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
|
|
28971
29103
|
z-index: 1;
|
|
28972
29104
|
}
|
|
28973
|
-
.cn-wizard-dialog__progress-check[data-v-
|
|
29105
|
+
.cn-wizard-dialog__progress-check[data-v-3cab4d7d] {
|
|
28974
29106
|
font-size: 16px;
|
|
28975
29107
|
line-height: 1;
|
|
28976
29108
|
}
|
|
28977
|
-
.cn-stepper__label[data-v-
|
|
29109
|
+
.cn-stepper__label[data-v-3cab4d7d] {
|
|
28978
29110
|
max-width: 100%;
|
|
28979
29111
|
overflow: hidden;
|
|
28980
29112
|
text-overflow: ellipsis;
|
|
28981
29113
|
white-space: nowrap;
|
|
28982
29114
|
}
|
|
28983
|
-
.cn-stepper__connector[data-v-
|
|
29115
|
+
.cn-stepper__connector[data-v-3cab4d7d] {
|
|
28984
29116
|
position: absolute;
|
|
28985
29117
|
top: 17px;
|
|
28986
29118
|
left: calc(50% + 21px);
|
|
@@ -28988,26 +29120,26 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
28988
29120
|
height: 2px;
|
|
28989
29121
|
background: var(--color-border-dark);
|
|
28990
29122
|
}
|
|
28991
|
-
.cn-stepper__connector--done[data-v-
|
|
29123
|
+
.cn-stepper__connector--done[data-v-3cab4d7d] {
|
|
28992
29124
|
background: var(--color-primary-element);
|
|
28993
29125
|
}
|
|
28994
|
-
.cn-stepper__item--current .cn-stepper__dot[data-v-
|
|
28995
|
-
.cn-stepper__item--done .cn-stepper__dot[data-v-
|
|
29126
|
+
.cn-stepper__item--current .cn-stepper__dot[data-v-3cab4d7d],
|
|
29127
|
+
.cn-stepper__item--done .cn-stepper__dot[data-v-3cab4d7d] {
|
|
28996
29128
|
border-color: var(--color-primary-element);
|
|
28997
29129
|
background: var(--color-primary-element);
|
|
28998
29130
|
color: var(--color-primary-element-text, #fff);
|
|
28999
29131
|
}
|
|
29000
|
-
.cn-stepper__item--current .cn-stepper__label[data-v-
|
|
29132
|
+
.cn-stepper__item--current .cn-stepper__label[data-v-3cab4d7d] {
|
|
29001
29133
|
color: var(--color-main-text);
|
|
29002
29134
|
font-weight: 600;
|
|
29003
29135
|
}
|
|
29004
|
-
.cn-stepper__item--done .cn-stepper__label[data-v-
|
|
29136
|
+
.cn-stepper__item--done .cn-stepper__label[data-v-3cab4d7d] {
|
|
29005
29137
|
color: var(--color-main-text);
|
|
29006
29138
|
}
|
|
29007
|
-
.cn-stepper__item--done button.cn-stepper__step:hover .cn-stepper__label[data-v-
|
|
29139
|
+
.cn-stepper__item--done button.cn-stepper__step:hover .cn-stepper__label[data-v-3cab4d7d] {
|
|
29008
29140
|
color: var(--color-primary-element);
|
|
29009
29141
|
}
|
|
29010
|
-
.cn-stepper__sr[data-v-
|
|
29142
|
+
.cn-stepper__sr[data-v-3cab4d7d] {
|
|
29011
29143
|
position: absolute;
|
|
29012
29144
|
width: 1px;
|
|
29013
29145
|
height: 1px;
|
|
@@ -29018,15 +29150,16 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29018
29150
|
}
|
|
29019
29151
|
|
|
29020
29152
|
/* The board look: one row, 28px circles, the label beside the circle. */
|
|
29021
|
-
|
|
29153
|
+
/* The board leaves 20px between the stepper and the step's body (DqInstellen). */
|
|
29154
|
+
.cn-stepper--board[data-v-3cab4d7d] {
|
|
29022
29155
|
flex-wrap: wrap;
|
|
29023
29156
|
align-items: center;
|
|
29024
29157
|
justify-content: flex-start;
|
|
29025
29158
|
gap: 8px;
|
|
29026
29159
|
padding: 0;
|
|
29027
|
-
margin: 0;
|
|
29160
|
+
margin: 0 0 20px;
|
|
29028
29161
|
}
|
|
29029
|
-
.cn-stepper--board .cn-stepper__item[data-v-
|
|
29162
|
+
.cn-stepper--board .cn-stepper__item[data-v-3cab4d7d] {
|
|
29030
29163
|
flex: 0 1 auto;
|
|
29031
29164
|
flex-direction: row;
|
|
29032
29165
|
align-items: center;
|
|
@@ -29034,67 +29167,67 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29034
29167
|
max-width: none;
|
|
29035
29168
|
font-size: 14px;
|
|
29036
29169
|
}
|
|
29037
|
-
.cn-stepper--board .cn-stepper__item[data-v-
|
|
29170
|
+
.cn-stepper--board .cn-stepper__item[data-v-3cab4d7d]:not(:last-child) {
|
|
29038
29171
|
flex: 1 1 auto;
|
|
29039
29172
|
}
|
|
29040
|
-
.cn-stepper--board .cn-stepper__step[data-v-
|
|
29173
|
+
.cn-stepper--board .cn-stepper__step[data-v-3cab4d7d] {
|
|
29041
29174
|
flex-direction: row;
|
|
29042
29175
|
gap: 8px;
|
|
29043
29176
|
}
|
|
29044
|
-
.cn-stepper--board .cn-stepper__dot[data-v-
|
|
29177
|
+
.cn-stepper--board .cn-stepper__dot[data-v-3cab4d7d] {
|
|
29045
29178
|
flex: 0 0 auto;
|
|
29046
29179
|
width: 28px;
|
|
29047
29180
|
height: 28px;
|
|
29048
29181
|
font-size: 14px;
|
|
29049
29182
|
}
|
|
29050
|
-
.cn-stepper--board .cn-stepper__label[data-v-
|
|
29183
|
+
.cn-stepper--board .cn-stepper__label[data-v-3cab4d7d] {
|
|
29051
29184
|
overflow: visible;
|
|
29052
29185
|
text-overflow: clip;
|
|
29053
29186
|
white-space: nowrap;
|
|
29054
29187
|
font-size: 14px;
|
|
29055
29188
|
}
|
|
29056
|
-
.cn-stepper--board .cn-stepper__connector[data-v-
|
|
29189
|
+
.cn-stepper--board .cn-stepper__connector[data-v-3cab4d7d] {
|
|
29057
29190
|
position: static;
|
|
29058
29191
|
flex: 1 1 24px;
|
|
29059
29192
|
min-width: 16px;
|
|
29060
29193
|
height: 2px;
|
|
29061
29194
|
background: var(--color-border);
|
|
29062
29195
|
}
|
|
29063
|
-
.cn-stepper--board .cn-stepper__connector--done[data-v-
|
|
29196
|
+
.cn-stepper--board .cn-stepper__connector--done[data-v-3cab4d7d] {
|
|
29064
29197
|
background: var(--color-success);
|
|
29065
29198
|
}
|
|
29066
29199
|
|
|
29067
29200
|
/* Done: filled success circle, 16px check, secondary label. */
|
|
29068
|
-
.cn-stepper--board .cn-stepper__item--done .cn-stepper__dot[data-v-
|
|
29201
|
+
.cn-stepper--board .cn-stepper__item--done .cn-stepper__dot[data-v-3cab4d7d] {
|
|
29069
29202
|
border-color: var(--color-success);
|
|
29070
29203
|
background: var(--color-success);
|
|
29071
29204
|
color: var(--color-success-text, #fff);
|
|
29072
29205
|
}
|
|
29073
|
-
.cn-stepper--board .cn-stepper__item--done .cn-stepper__label[data-v-
|
|
29206
|
+
.cn-stepper--board .cn-stepper__item--done .cn-stepper__label[data-v-3cab4d7d] {
|
|
29074
29207
|
color: var(--cn-board-text-soft, var(--color-main-text));
|
|
29075
29208
|
font-weight: 400;
|
|
29076
29209
|
}
|
|
29077
29210
|
|
|
29078
29211
|
/* Current: filled primary, number 14/700, label 14/700 in the main text colour. */
|
|
29079
|
-
.cn-stepper--board .cn-stepper__item--current .cn-stepper__dot[data-v-
|
|
29212
|
+
.cn-stepper--board .cn-stepper__item--current .cn-stepper__dot[data-v-3cab4d7d] {
|
|
29080
29213
|
border-color: var(--color-primary-element);
|
|
29081
29214
|
background: var(--color-primary-element);
|
|
29082
29215
|
color: var(--color-primary-element-text, #fff);
|
|
29083
29216
|
font-weight: 700;
|
|
29084
29217
|
}
|
|
29085
|
-
.cn-stepper--board .cn-stepper__item--current .cn-stepper__label[data-v-
|
|
29218
|
+
.cn-stepper--board .cn-stepper__item--current .cn-stepper__label[data-v-3cab4d7d] {
|
|
29086
29219
|
color: var(--color-main-text);
|
|
29087
29220
|
font-weight: 700;
|
|
29088
29221
|
}
|
|
29089
29222
|
|
|
29090
29223
|
/* Upcoming: 2px outline, number 14/600, label in the max-contrast tone. */
|
|
29091
|
-
.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__dot[data-v-
|
|
29224
|
+
.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__dot[data-v-3cab4d7d] {
|
|
29092
29225
|
border: 2px solid var(--color-border-dark);
|
|
29093
29226
|
background: transparent;
|
|
29094
29227
|
color: var(--color-text-maxcontrast);
|
|
29095
29228
|
font-weight: 600;
|
|
29096
29229
|
}
|
|
29097
|
-
.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__label[data-v-
|
|
29230
|
+
.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__label[data-v-3cab4d7d] {
|
|
29098
29231
|
color: var(--color-text-maxcontrast);
|
|
29099
29232
|
}
|
|
29100
29233
|
|
|
@@ -29255,7 +29388,7 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29255
29388
|
}
|
|
29256
29389
|
|
|
29257
29390
|
|
|
29258
|
-
.cn-detail-page__catalog-action[data-v-
|
|
29391
|
+
.cn-detail-page__catalog-action[data-v-48ca1d43] {
|
|
29259
29392
|
align-items: center;
|
|
29260
29393
|
background: var(--color-primary-element-light);
|
|
29261
29394
|
border: 0;
|
|
@@ -29274,15 +29407,15 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29274
29407
|
|
|
29275
29408
|
/* A leaf card in a narrow cell keeps its title and count: the title row
|
|
29276
29409
|
wraps and the actions move under it instead of squeezing the title out. */
|
|
29277
|
-
.cn-detail-page__leaf-card[data-v-
|
|
29410
|
+
.cn-detail-page__leaf-card[data-v-48ca1d43] .cn-widget-wrapper__header {
|
|
29278
29411
|
flex-wrap: wrap;
|
|
29279
29412
|
}
|
|
29280
|
-
.cn-detail-page__leaf-card[data-v-
|
|
29413
|
+
.cn-detail-page__leaf-card[data-v-48ca1d43] .cn-widget-wrapper__header-left {
|
|
29281
29414
|
flex: 1 0 auto;
|
|
29282
29415
|
}
|
|
29283
29416
|
|
|
29284
29417
|
/* The count beside a card title: the grey 20px badge of the tab strip. */
|
|
29285
|
-
.cn-detail-page__catalog-count[data-v-
|
|
29418
|
+
.cn-detail-page__catalog-count[data-v-48ca1d43] {
|
|
29286
29419
|
background-color: var(--color-border);
|
|
29287
29420
|
border-radius: 10px;
|
|
29288
29421
|
box-sizing: border-box;
|
|
@@ -29295,19 +29428,19 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29295
29428
|
padding: 0 6px;
|
|
29296
29429
|
text-align: center;
|
|
29297
29430
|
}
|
|
29298
|
-
.cn-detail-page__catalog-note[data-v-
|
|
29431
|
+
.cn-detail-page__catalog-note[data-v-48ca1d43] {
|
|
29299
29432
|
color: var(--color-text-maxcontrast);
|
|
29300
29433
|
font-size: 14px;
|
|
29301
29434
|
white-space: nowrap;
|
|
29302
29435
|
}
|
|
29303
|
-
.cn-detail-widget-host[data-v-
|
|
29304
|
-
.cn-detail-widget-host[data-v-
|
|
29436
|
+
.cn-detail-widget-host[data-v-48ca1d43],
|
|
29437
|
+
.cn-detail-widget-host[data-v-48ca1d43] > * {
|
|
29305
29438
|
height: 100%;
|
|
29306
29439
|
}
|
|
29307
29440
|
|
|
29308
29441
|
/* A bare host is a tab panel's body: it fills the panel and lets the panel
|
|
29309
29442
|
scroll, rather than growing a second scroll region of its own. */
|
|
29310
|
-
.cn-detail-widget-host--bare[data-v-
|
|
29443
|
+
.cn-detail-widget-host--bare[data-v-48ca1d43] {
|
|
29311
29444
|
min-height: 0;
|
|
29312
29445
|
}
|
|
29313
29446
|
|
|
@@ -29646,22 +29779,22 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29646
29779
|
|
|
29647
29780
|
|
|
29648
29781
|
/* A stack (`widgetIds`): the panel's widget, then cards 20px apart. */
|
|
29649
|
-
.cn-tabs-widget__panel-heading[data-v-
|
|
29782
|
+
.cn-tabs-widget__panel-heading[data-v-029f78ce] {
|
|
29650
29783
|
display: flex;
|
|
29651
29784
|
flex-direction: column;
|
|
29652
29785
|
gap: 4px;
|
|
29653
29786
|
margin-bottom: 16px;
|
|
29654
29787
|
}
|
|
29655
|
-
.cn-tabs-widget__panel-title[data-v-
|
|
29788
|
+
.cn-tabs-widget__panel-title[data-v-029f78ce] {
|
|
29656
29789
|
margin: 0;
|
|
29657
29790
|
font-size: 17px;
|
|
29658
29791
|
font-weight: 700;
|
|
29659
29792
|
}
|
|
29660
|
-
.cn-tabs-widget__panel-subtitle[data-v-
|
|
29793
|
+
.cn-tabs-widget__panel-subtitle[data-v-029f78ce] {
|
|
29661
29794
|
font-size: 14px;
|
|
29662
29795
|
color: var(--color-text-maxcontrast);
|
|
29663
29796
|
}
|
|
29664
|
-
.cn-tabs-widget__stack[data-v-
|
|
29797
|
+
.cn-tabs-widget__stack[data-v-029f78ce] {
|
|
29665
29798
|
display: flex;
|
|
29666
29799
|
flex-direction: column;
|
|
29667
29800
|
gap: 20px;
|
|
@@ -29670,19 +29803,19 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29670
29803
|
/* A gridded stack (`columns` / `layout` on the tab): 12 columns, widgets wrap
|
|
29671
29804
|
onto the next row, a row's cards as tall as the tallest. Narrow, it is the
|
|
29672
29805
|
plain stack again. */
|
|
29673
|
-
.cn-tabs-widget__stack--grid[data-v-
|
|
29806
|
+
.cn-tabs-widget__stack--grid[data-v-029f78ce] {
|
|
29674
29807
|
display: grid;
|
|
29675
29808
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
29676
29809
|
align-items: stretch;
|
|
29677
29810
|
}
|
|
29678
|
-
.cn-tabs-widget__stack--grid[data-v-
|
|
29811
|
+
.cn-tabs-widget__stack--grid[data-v-029f78ce] > * {
|
|
29679
29812
|
min-width: 0;
|
|
29680
29813
|
}
|
|
29681
29814
|
@media (max-width: 700px) {
|
|
29682
|
-
.cn-tabs-widget__stack--grid[data-v-
|
|
29815
|
+
.cn-tabs-widget__stack--grid[data-v-029f78ce] {
|
|
29683
29816
|
grid-template-columns: minmax(0, 1fr);
|
|
29684
29817
|
}
|
|
29685
|
-
.cn-tabs-widget__stack--grid[data-v-
|
|
29818
|
+
.cn-tabs-widget__stack--grid[data-v-029f78ce] > * {
|
|
29686
29819
|
grid-column: auto !important;
|
|
29687
29820
|
}
|
|
29688
29821
|
}
|
|
@@ -29716,7 +29849,7 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29716
29849
|
`!important` or on load order this library does not control. The same
|
|
29717
29850
|
technique, for the same reason, is used on `.cn-tabs__nav .cn-tabs__nav-item`
|
|
29718
29851
|
in CnTabs to beat Nextcloud's own button margin. */
|
|
29719
|
-
.cn-tabs-widget.cn-tabs-widget[data-v-
|
|
29852
|
+
.cn-tabs-widget.cn-tabs-widget[data-v-029f78ce] {
|
|
29720
29853
|
background-color: transparent;
|
|
29721
29854
|
border: 0;
|
|
29722
29855
|
border-radius: 0;
|
|
@@ -29740,12 +29873,12 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29740
29873
|
below it: the rule ran straight on to the widget's edge and read as a
|
|
29741
29874
|
border sticking out past a rounded corner (Ruben, 2026-09-13). Ending it
|
|
29742
29875
|
where the curve begins makes the rule and the curve one continuous edge. */
|
|
29743
|
-
.cn-tabs-widget__tabs[data-v-
|
|
29876
|
+
.cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__bar {
|
|
29744
29877
|
border-bottom: none;
|
|
29745
29878
|
padding: 0;
|
|
29746
29879
|
position: relative;
|
|
29747
29880
|
}
|
|
29748
|
-
.cn-tabs-widget__tabs[data-v-
|
|
29881
|
+
.cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__bar::after {
|
|
29749
29882
|
border-bottom: 1px solid var(--color-border);
|
|
29750
29883
|
content: '';
|
|
29751
29884
|
inset-block-end: 0;
|
|
@@ -29758,11 +29891,11 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29758
29891
|
own background-coloured bottom edge, which only works if it paints ABOVE the
|
|
29759
29892
|
pseudo-element: a positioned pseudo-element otherwise paints over every
|
|
29760
29893
|
in-flow sibling, rule included. */
|
|
29761
|
-
.cn-tabs-widget__tabs[data-v-
|
|
29894
|
+
.cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__nav-item--active {
|
|
29762
29895
|
position: relative;
|
|
29763
29896
|
z-index: 1;
|
|
29764
29897
|
}
|
|
29765
|
-
.cn-tabs-widget__tabs[data-v-
|
|
29898
|
+
.cn-tabs-widget__tabs[data-v-029f78ce] {
|
|
29766
29899
|
display: flex;
|
|
29767
29900
|
flex-direction: column;
|
|
29768
29901
|
/* Grow to the widget's height, so the panel fills the grid cell the
|
|
@@ -29780,7 +29913,7 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29780
29913
|
the open tab, but padding sits inside the painted box — only a margin would
|
|
29781
29914
|
have opened that gap, and a zero top put every panel's content against the
|
|
29782
29915
|
strip. */
|
|
29783
|
-
.cn-tabs-widget__tabs[data-v-
|
|
29916
|
+
.cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__content {
|
|
29784
29917
|
background-color: var(--color-main-background);
|
|
29785
29918
|
/* Three sides only: the bar's rule (redrawn above, stopping at the corner)
|
|
29786
29919
|
is this sheet's top edge, and the open tab erases the slice of it
|
|
@@ -29800,7 +29933,7 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29800
29933
|
overflow: auto;
|
|
29801
29934
|
padding: 12px;
|
|
29802
29935
|
}
|
|
29803
|
-
.cn-tabs-widget__tabs[data-v-
|
|
29936
|
+
.cn-tabs-widget__tabs[data-v-029f78ce] .cn-tab {
|
|
29804
29937
|
height: 100%;
|
|
29805
29938
|
}
|
|
29806
29939
|
|
|
@@ -29808,13 +29941,13 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29808
29941
|
(margin 0 -16px -16px). The panel of a tab pads 12px, so on a tab that
|
|
29809
29942
|
holds the list directly the footer stuck out 4px on the right and at the
|
|
29810
29943
|
bottom and made the panel scroll. It bleeds exactly the panel's padding. */
|
|
29811
|
-
.cn-tabs-widget__tabs[data-v-
|
|
29944
|
+
.cn-tabs-widget__tabs[data-v-029f78ce] .cn-tabs__content > .cn-tab > .cn-detail-widget-host--bare .cn-object-list-widget__add {
|
|
29812
29945
|
margin: auto -12px -12px;
|
|
29813
29946
|
}
|
|
29814
29947
|
|
|
29815
29948
|
/* The open panel's header link, beside the strip. Same look and theme hooks
|
|
29816
29949
|
as a card header link (CnWidgetWrapper). */
|
|
29817
|
-
.cn-tabs-widget__header-link[data-v-
|
|
29950
|
+
.cn-tabs-widget__header-link[data-v-029f78ce] {
|
|
29818
29951
|
align-self: center;
|
|
29819
29952
|
padding: 0 calc(1 * var(--default-grid-baseline));
|
|
29820
29953
|
color: var(--color-primary-element);
|
|
@@ -29823,21 +29956,21 @@ button.cn-stepper__step[data-v-776581d4] {
|
|
|
29823
29956
|
text-decoration: none;
|
|
29824
29957
|
white-space: nowrap;
|
|
29825
29958
|
}
|
|
29826
|
-
.cn-tabs-widget__header-link[data-v-
|
|
29827
|
-
.cn-tabs-widget__header-link[data-v-
|
|
29959
|
+
.cn-tabs-widget__header-link[data-v-029f78ce]:hover,
|
|
29960
|
+
.cn-tabs-widget__header-link[data-v-029f78ce]:focus-visible {
|
|
29828
29961
|
text-decoration: underline;
|
|
29829
29962
|
}
|
|
29830
|
-
.cn-tabs-widget__header-link[data-v-
|
|
29963
|
+
.cn-tabs-widget__header-link[data-v-029f78ce]:focus-visible {
|
|
29831
29964
|
outline: 2px solid var(--color-primary-element);
|
|
29832
29965
|
outline-offset: 2px;
|
|
29833
29966
|
border-radius: var(--border-radius-small, 4px);
|
|
29834
29967
|
}
|
|
29835
|
-
.cn-tabs-widget__title[data-v-
|
|
29968
|
+
.cn-tabs-widget__title[data-v-029f78ce] {
|
|
29836
29969
|
align-items: center;
|
|
29837
29970
|
display: inline-flex;
|
|
29838
29971
|
gap: 6px;
|
|
29839
29972
|
}
|
|
29840
|
-
.cn-tabs-widget__title-icon[data-v-
|
|
29973
|
+
.cn-tabs-widget__title-icon[data-v-029f78ce] {
|
|
29841
29974
|
flex: 0 0 auto;
|
|
29842
29975
|
}
|
|
29843
29976
|
|
|
@@ -33715,19 +33848,19 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
33715
33848
|
/* The record's task table (`variant: 'table'`, board DqZaakTaken): a head
|
|
33716
33849
|
row of muted 14px labels on a near-white ground, rows divided by hairlines,
|
|
33717
33850
|
the title at 600 over a muted line, a finished task struck through. */
|
|
33718
|
-
.cn-tasks-widget__create[data-v-
|
|
33851
|
+
.cn-tasks-widget__create[data-v-38d5d358] {
|
|
33719
33852
|
display: flex;
|
|
33720
33853
|
flex-wrap: wrap;
|
|
33721
33854
|
align-items: flex-end;
|
|
33722
33855
|
gap: 12px;
|
|
33723
33856
|
margin-block-end: 12px;
|
|
33724
33857
|
}
|
|
33725
|
-
.cn-tasks-widget__table[data-v-
|
|
33858
|
+
.cn-tasks-widget__table[data-v-38d5d358] {
|
|
33726
33859
|
width: 100%;
|
|
33727
33860
|
border-collapse: collapse;
|
|
33728
33861
|
font-size: 14px;
|
|
33729
33862
|
}
|
|
33730
|
-
.cn-tasks-widget__table th[data-v-
|
|
33863
|
+
.cn-tasks-widget__table th[data-v-38d5d358] {
|
|
33731
33864
|
padding: 12px 16px;
|
|
33732
33865
|
background: color-mix(in srgb, var(--color-background-hover) 40%, var(--color-main-background));
|
|
33733
33866
|
color: var(--color-text-maxcontrast);
|
|
@@ -33735,24 +33868,24 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
33735
33868
|
text-align: start;
|
|
33736
33869
|
white-space: nowrap;
|
|
33737
33870
|
}
|
|
33738
|
-
.cn-tasks-widget__table td[data-v-
|
|
33871
|
+
.cn-tasks-widget__table td[data-v-38d5d358] {
|
|
33739
33872
|
padding: 12px 16px;
|
|
33740
33873
|
border-top: 1px solid var(--color-border);
|
|
33741
33874
|
vertical-align: middle;
|
|
33742
33875
|
}
|
|
33743
|
-
.cn-tasks-widget__cell-task[data-v-
|
|
33876
|
+
.cn-tasks-widget__cell-task[data-v-38d5d358] {
|
|
33744
33877
|
display: flex;
|
|
33745
33878
|
align-items: flex-start;
|
|
33746
33879
|
gap: 12px;
|
|
33747
33880
|
}
|
|
33748
|
-
.cn-tasks-widget__state-icon[data-v-
|
|
33881
|
+
.cn-tasks-widget__state-icon[data-v-38d5d358] {
|
|
33749
33882
|
flex: none;
|
|
33750
33883
|
color: var(--color-primary-element);
|
|
33751
33884
|
}
|
|
33752
|
-
.cn-tasks-widget__state-icon--done[data-v-
|
|
33885
|
+
.cn-tasks-widget__state-icon--done[data-v-38d5d358] {
|
|
33753
33886
|
color: var(--color-success-text, var(--color-success));
|
|
33754
33887
|
}
|
|
33755
|
-
.cn-tasks-widget__table .cn-tasks-widget__name[data-v-
|
|
33888
|
+
.cn-tasks-widget__table .cn-tasks-widget__name[data-v-38d5d358] {
|
|
33756
33889
|
margin: 0;
|
|
33757
33890
|
padding: 0;
|
|
33758
33891
|
border: 0;
|
|
@@ -33764,51 +33897,51 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
33764
33897
|
text-align: start;
|
|
33765
33898
|
cursor: pointer;
|
|
33766
33899
|
}
|
|
33767
|
-
.cn-tasks-widget__table .cn-tasks-widget__name[data-v-
|
|
33768
|
-
.cn-tasks-widget__table .cn-tasks-widget__name[data-v-
|
|
33900
|
+
.cn-tasks-widget__table .cn-tasks-widget__name[data-v-38d5d358]:hover,
|
|
33901
|
+
.cn-tasks-widget__table .cn-tasks-widget__name[data-v-38d5d358]:focus-visible {
|
|
33769
33902
|
text-decoration: underline;
|
|
33770
33903
|
}
|
|
33771
|
-
.cn-tasks-widget__table-row--done .cn-tasks-widget__name[data-v-
|
|
33904
|
+
.cn-tasks-widget__table-row--done .cn-tasks-widget__name[data-v-38d5d358] {
|
|
33772
33905
|
text-decoration: line-through;
|
|
33773
33906
|
}
|
|
33774
|
-
.cn-tasks-widget__handler[data-v-
|
|
33907
|
+
.cn-tasks-widget__handler[data-v-38d5d358] {
|
|
33775
33908
|
display: inline-flex;
|
|
33776
33909
|
align-items: center;
|
|
33777
33910
|
gap: 8px;
|
|
33778
33911
|
}
|
|
33779
|
-
.cn-tasks-widget__cell-due[data-v-
|
|
33912
|
+
.cn-tasks-widget__cell-due[data-v-38d5d358] {
|
|
33780
33913
|
white-space: nowrap;
|
|
33781
33914
|
}
|
|
33782
|
-
.cn-tasks-widget__cell-due.cn-tasks-widget__due--overdue[data-v-
|
|
33915
|
+
.cn-tasks-widget__cell-due.cn-tasks-widget__due--overdue[data-v-38d5d358] {
|
|
33783
33916
|
color: var(--color-warning-text, var(--color-warning));
|
|
33784
33917
|
font-weight: 600;
|
|
33785
33918
|
}
|
|
33786
|
-
.cn-tasks-widget__cell-actions[data-v-
|
|
33919
|
+
.cn-tasks-widget__cell-actions[data-v-38d5d358] {
|
|
33787
33920
|
text-align: end;
|
|
33788
33921
|
white-space: nowrap;
|
|
33789
33922
|
}
|
|
33790
|
-
.cn-tasks-widget[data-v-
|
|
33923
|
+
.cn-tasks-widget[data-v-38d5d358] {
|
|
33791
33924
|
display: flex;
|
|
33792
33925
|
flex-direction: column;
|
|
33793
33926
|
gap: 2px;
|
|
33794
33927
|
min-width: 0;
|
|
33795
33928
|
}
|
|
33796
|
-
.cn-tasks-widget__loading[data-v-
|
|
33929
|
+
.cn-tasks-widget__loading[data-v-38d5d358] {
|
|
33797
33930
|
display: flex;
|
|
33798
33931
|
justify-content: center;
|
|
33799
33932
|
padding: 8px 0;
|
|
33800
33933
|
}
|
|
33801
|
-
.cn-tasks-widget__empty[data-v-
|
|
33802
|
-
.cn-tasks-widget__error[data-v-
|
|
33803
|
-
.cn-tasks-widget__more[data-v-
|
|
33934
|
+
.cn-tasks-widget__empty[data-v-38d5d358],
|
|
33935
|
+
.cn-tasks-widget__error[data-v-38d5d358],
|
|
33936
|
+
.cn-tasks-widget__more[data-v-38d5d358] {
|
|
33804
33937
|
margin: 0;
|
|
33805
33938
|
color: var(--color-text-maxcontrast);
|
|
33806
33939
|
font-size: 13px;
|
|
33807
33940
|
}
|
|
33808
|
-
.cn-tasks-widget__more[data-v-
|
|
33941
|
+
.cn-tasks-widget__more[data-v-38d5d358] {
|
|
33809
33942
|
padding-top: 4px;
|
|
33810
33943
|
}
|
|
33811
|
-
.cn-tasks-widget__count[data-v-
|
|
33944
|
+
.cn-tasks-widget__count[data-v-38d5d358] {
|
|
33812
33945
|
margin: 0;
|
|
33813
33946
|
color: var(--color-text-maxcontrast);
|
|
33814
33947
|
font-size: 12px;
|
|
@@ -33816,13 +33949,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
33816
33949
|
text-transform: uppercase;
|
|
33817
33950
|
letter-spacing: 0.04em;
|
|
33818
33951
|
}
|
|
33819
|
-
.cn-tasks-widget__list[data-v-
|
|
33952
|
+
.cn-tasks-widget__list[data-v-38d5d358] {
|
|
33820
33953
|
list-style: none;
|
|
33821
33954
|
margin: 0;
|
|
33822
33955
|
padding: 0;
|
|
33823
33956
|
min-width: 0;
|
|
33824
33957
|
}
|
|
33825
|
-
.cn-tasks-widget__row[data-v-
|
|
33958
|
+
.cn-tasks-widget__row[data-v-38d5d358] {
|
|
33826
33959
|
display: flex;
|
|
33827
33960
|
align-items: center;
|
|
33828
33961
|
gap: 10px;
|
|
@@ -33831,32 +33964,32 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
33831
33964
|
min-width: 0;
|
|
33832
33965
|
cursor: pointer;
|
|
33833
33966
|
}
|
|
33834
|
-
.cn-tasks-widget__row[data-v-
|
|
33967
|
+
.cn-tasks-widget__row[data-v-38d5d358]:last-child {
|
|
33835
33968
|
border-bottom: none;
|
|
33836
33969
|
}
|
|
33837
|
-
.cn-tasks-widget__body[data-v-
|
|
33970
|
+
.cn-tasks-widget__body[data-v-38d5d358] {
|
|
33838
33971
|
display: flex;
|
|
33839
33972
|
flex-direction: column;
|
|
33840
33973
|
min-width: 0;
|
|
33841
33974
|
flex: 1 1 auto;
|
|
33842
33975
|
}
|
|
33843
|
-
.cn-tasks-widget__name[data-v-
|
|
33976
|
+
.cn-tasks-widget__name[data-v-38d5d358] {
|
|
33844
33977
|
font-weight: 600;
|
|
33845
33978
|
white-space: nowrap;
|
|
33846
33979
|
overflow: hidden;
|
|
33847
33980
|
text-overflow: ellipsis;
|
|
33848
33981
|
}
|
|
33849
|
-
.cn-tasks-widget__row:hover .cn-tasks-widget__name[data-v-
|
|
33982
|
+
.cn-tasks-widget__row:hover .cn-tasks-widget__name[data-v-38d5d358] {
|
|
33850
33983
|
text-decoration: underline;
|
|
33851
33984
|
}
|
|
33852
|
-
.cn-tasks-widget__meta[data-v-
|
|
33985
|
+
.cn-tasks-widget__meta[data-v-38d5d358] {
|
|
33853
33986
|
color: var(--color-text-maxcontrast);
|
|
33854
33987
|
font-size: 12px;
|
|
33855
33988
|
white-space: nowrap;
|
|
33856
33989
|
overflow: hidden;
|
|
33857
33990
|
text-overflow: ellipsis;
|
|
33858
33991
|
}
|
|
33859
|
-
.cn-tasks-widget__due[data-v-
|
|
33992
|
+
.cn-tasks-widget__due[data-v-38d5d358] {
|
|
33860
33993
|
flex: 0 0 auto;
|
|
33861
33994
|
color: var(--color-text-maxcontrast);
|
|
33862
33995
|
font-size: 12px;
|
|
@@ -33865,55 +33998,55 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-76cc4
|
|
|
33865
33998
|
|
|
33866
33999
|
/* List variant, after the dashboard board's My tasks card: a checkbox, the
|
|
33867
34000
|
title, the subject on a muted second line and the due date at its right. */
|
|
33868
|
-
.cn-tasks-widget--list .cn-tasks-widget__row[data-v-
|
|
34001
|
+
.cn-tasks-widget--list .cn-tasks-widget__row[data-v-38d5d358] {
|
|
33869
34002
|
align-items: flex-start;
|
|
33870
34003
|
gap: 12px;
|
|
33871
34004
|
padding: 12px 0;
|
|
33872
34005
|
}
|
|
33873
|
-
.cn-tasks-widget--list .cn-tasks-widget__name[data-v-
|
|
34006
|
+
.cn-tasks-widget--list .cn-tasks-widget__name[data-v-38d5d358] {
|
|
33874
34007
|
font-weight: 400;
|
|
33875
34008
|
font-size: 15px;
|
|
33876
34009
|
line-height: 1.35;
|
|
33877
34010
|
color: var(--color-main-text);
|
|
33878
34011
|
}
|
|
33879
|
-
.cn-tasks-widget__check[data-v-
|
|
33880
|
-
.cn-tasks-widget__check-spacer[data-v-
|
|
34012
|
+
.cn-tasks-widget__check[data-v-38d5d358],
|
|
34013
|
+
.cn-tasks-widget__check-spacer[data-v-38d5d358] {
|
|
33881
34014
|
flex: none;
|
|
33882
34015
|
width: 20px;
|
|
33883
34016
|
height: 20px;
|
|
33884
34017
|
margin: 1px 0 0;
|
|
33885
34018
|
}
|
|
33886
|
-
.cn-tasks-widget__check[data-v-
|
|
34019
|
+
.cn-tasks-widget__check[data-v-38d5d358] {
|
|
33887
34020
|
accent-color: var(--color-primary-element);
|
|
33888
34021
|
cursor: pointer;
|
|
33889
34022
|
}
|
|
33890
|
-
.cn-tasks-widget__meta--split[data-v-
|
|
34023
|
+
.cn-tasks-widget__meta--split[data-v-38d5d358] {
|
|
33891
34024
|
display: flex;
|
|
33892
34025
|
justify-content: space-between;
|
|
33893
34026
|
gap: 8px;
|
|
33894
34027
|
font-size: 13px;
|
|
33895
34028
|
overflow: visible;
|
|
33896
34029
|
}
|
|
33897
|
-
.cn-tasks-widget__subject[data-v-
|
|
34030
|
+
.cn-tasks-widget__subject[data-v-38d5d358] {
|
|
33898
34031
|
min-width: 0;
|
|
33899
34032
|
overflow: hidden;
|
|
33900
34033
|
text-overflow: ellipsis;
|
|
33901
34034
|
}
|
|
33902
|
-
.cn-tasks-widget--list .cn-tasks-widget__due[data-v-
|
|
34035
|
+
.cn-tasks-widget--list .cn-tasks-widget__due[data-v-38d5d358] {
|
|
33903
34036
|
font-size: 13px;
|
|
33904
34037
|
font-weight: 500;
|
|
33905
34038
|
}
|
|
33906
|
-
.cn-tasks-widget--list .cn-tasks-widget__due--overdue[data-v-
|
|
34039
|
+
.cn-tasks-widget--list .cn-tasks-widget__due--overdue[data-v-38d5d358] {
|
|
33907
34040
|
font-weight: 600;
|
|
33908
34041
|
}
|
|
33909
34042
|
|
|
33910
34043
|
/* Overdue: weight AND colour on top of the wording, which already says
|
|
33911
34044
|
"Overdue by N days" — the signal survives monochrome. */
|
|
33912
|
-
.cn-tasks-widget__due--overdue[data-v-
|
|
34045
|
+
.cn-tasks-widget__due--overdue[data-v-38d5d358] {
|
|
33913
34046
|
color: var(--color-error, #d91f2d);
|
|
33914
34047
|
font-weight: 600;
|
|
33915
34048
|
}
|
|
33916
|
-
.cn-tasks-widget__actions[data-v-
|
|
34049
|
+
.cn-tasks-widget__actions[data-v-38d5d358] {
|
|
33917
34050
|
flex: 0 0 auto;
|
|
33918
34051
|
}
|
|
33919
34052
|
|
|
@@ -34843,42 +34976,42 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
34843
34976
|
}
|
|
34844
34977
|
|
|
34845
34978
|
|
|
34846
|
-
.cn-advanced-form-dialog__value-input-container[data-v-
|
|
34979
|
+
.cn-advanced-form-dialog__value-input-container[data-v-d150e1b8] {
|
|
34847
34980
|
width: 100%;
|
|
34848
34981
|
min-width: 0;
|
|
34849
34982
|
}
|
|
34850
|
-
.cn-advanced-form-dialog__value-input-container[data-v-
|
|
34983
|
+
.cn-advanced-form-dialog__value-input-container[data-v-d150e1b8] .text-field {
|
|
34851
34984
|
margin: 0;
|
|
34852
34985
|
padding: 0;
|
|
34853
34986
|
}
|
|
34854
|
-
.cn-advanced-form-dialog__boolean-input-row[data-v-
|
|
34987
|
+
.cn-advanced-form-dialog__boolean-input-row[data-v-d150e1b8] {
|
|
34855
34988
|
display: flex;
|
|
34856
34989
|
align-items: center;
|
|
34857
34990
|
gap: 6px;
|
|
34858
34991
|
}
|
|
34859
|
-
.cn-advanced-form-dialog__array-input-row[data-v-
|
|
34992
|
+
.cn-advanced-form-dialog__array-input-row[data-v-d150e1b8] {
|
|
34860
34993
|
display: flex;
|
|
34861
34994
|
align-items: center;
|
|
34862
34995
|
gap: 6px;
|
|
34863
34996
|
}
|
|
34864
|
-
.cn-advanced-form-dialog__array-input-row[data-v-
|
|
34997
|
+
.cn-advanced-form-dialog__array-input-row[data-v-d150e1b8] > :first-child {
|
|
34865
34998
|
flex: 1;
|
|
34866
34999
|
}
|
|
34867
35000
|
|
|
34868
35001
|
/* patch extreme size in field */
|
|
34869
|
-
.cn-advanced-form-dialog__boolean-input-row__input > span[data-v-
|
|
35002
|
+
.cn-advanced-form-dialog__boolean-input-row__input > span[data-v-d150e1b8] {
|
|
34870
35003
|
padding-left: 0;
|
|
34871
35004
|
padding-block: 0;
|
|
34872
35005
|
}
|
|
34873
|
-
.cn-advanced-form-dialog__boolean-input-row__input > input[data-v-
|
|
35006
|
+
.cn-advanced-form-dialog__boolean-input-row__input > input[data-v-d150e1b8] {
|
|
34874
35007
|
margin: 0;
|
|
34875
35008
|
}
|
|
34876
|
-
.cn-advanced-form-dialog__info-icon[data-v-
|
|
35009
|
+
.cn-advanced-form-dialog__info-icon[data-v-d150e1b8] {
|
|
34877
35010
|
flex-shrink: 0;
|
|
34878
35011
|
color: var(--color-text-maxcontrast);
|
|
34879
35012
|
cursor: help;
|
|
34880
35013
|
}
|
|
34881
|
-
.cn-advanced-form-dialog__json-value[data-v-
|
|
35014
|
+
.cn-advanced-form-dialog__json-value[data-v-d150e1b8] {
|
|
34882
35015
|
max-height: 200px;
|
|
34883
35016
|
overflow-y: auto;
|
|
34884
35017
|
white-space: pre-wrap;
|
|
@@ -34894,15 +35027,15 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
34894
35027
|
NcTextArea's wrapper has a fixed height (`calc(var(--default-clickable-area) * 2)`)
|
|
34895
35028
|
that ignores the `rows` attribute, which causes the textarea to render with a
|
|
34896
35029
|
too-small viewport. Let the wrapper grow with its content instead. */
|
|
34897
|
-
.cn-advanced-form-dialog__textarea[data-v-
|
|
35030
|
+
.cn-advanced-form-dialog__textarea[data-v-d150e1b8] {
|
|
34898
35031
|
width: 100%;
|
|
34899
35032
|
box-sizing: border-box;
|
|
34900
35033
|
}
|
|
34901
|
-
.cn-advanced-form-dialog__textarea[data-v-
|
|
35034
|
+
.cn-advanced-form-dialog__textarea[data-v-d150e1b8] .textarea__main-wrapper {
|
|
34902
35035
|
height: auto;
|
|
34903
35036
|
min-height: var(--default-clickable-area);
|
|
34904
35037
|
}
|
|
34905
|
-
.cn-advanced-form-dialog__textarea[data-v-
|
|
35038
|
+
.cn-advanced-form-dialog__textarea[data-v-d150e1b8] textarea {
|
|
34906
35039
|
width: 100%;
|
|
34907
35040
|
max-width: 100%;
|
|
34908
35041
|
box-sizing: border-box;
|
|
@@ -34913,17 +35046,17 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
34913
35046
|
}
|
|
34914
35047
|
|
|
34915
35048
|
/* Color widget: clickable swatch (native picker) + visible text input */
|
|
34916
|
-
.cn-advanced-form-dialog__color-input-row[data-v-
|
|
35049
|
+
.cn-advanced-form-dialog__color-input-row[data-v-d150e1b8] {
|
|
34917
35050
|
display: flex;
|
|
34918
35051
|
align-items: center;
|
|
34919
35052
|
gap: 8px;
|
|
34920
35053
|
width: 100%;
|
|
34921
35054
|
}
|
|
34922
|
-
.cn-advanced-form-dialog__color-input-row[data-v-
|
|
35055
|
+
.cn-advanced-form-dialog__color-input-row[data-v-d150e1b8] > :last-child {
|
|
34923
35056
|
flex: 1;
|
|
34924
35057
|
min-width: 0;
|
|
34925
35058
|
}
|
|
34926
|
-
.cn-advanced-form-dialog__color-swatch[data-v-
|
|
35059
|
+
.cn-advanced-form-dialog__color-swatch[data-v-d150e1b8] {
|
|
34927
35060
|
--cn-color-swatch-checker:
|
|
34928
35061
|
linear-gradient(45deg, var(--color-background-dark) 25%, transparent 25%),
|
|
34929
35062
|
linear-gradient(-45deg, var(--color-background-dark) 25%, transparent 25%),
|
|
@@ -34943,24 +35076,24 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
34943
35076
|
overflow: hidden;
|
|
34944
35077
|
position: relative;
|
|
34945
35078
|
}
|
|
34946
|
-
.cn-advanced-form-dialog__color-swatch[data-v-
|
|
35079
|
+
.cn-advanced-form-dialog__color-swatch[data-v-d150e1b8]:focus-visible {
|
|
34947
35080
|
outline: 2px solid var(--color-primary-element);
|
|
34948
35081
|
outline-offset: 2px;
|
|
34949
35082
|
}
|
|
34950
|
-
.cn-advanced-form-dialog__color-swatch--readonly[data-v-
|
|
35083
|
+
.cn-advanced-form-dialog__color-swatch--readonly[data-v-d150e1b8] {
|
|
34951
35084
|
cursor: default;
|
|
34952
35085
|
width: 20px;
|
|
34953
35086
|
height: 20px;
|
|
34954
35087
|
vertical-align: middle;
|
|
34955
35088
|
margin-inline-end: 6px;
|
|
34956
35089
|
}
|
|
34957
|
-
.cn-advanced-form-dialog__color-display[data-v-
|
|
35090
|
+
.cn-advanced-form-dialog__color-display[data-v-d150e1b8] {
|
|
34958
35091
|
display: inline-flex;
|
|
34959
35092
|
align-items: center;
|
|
34960
35093
|
}
|
|
34961
35094
|
|
|
34962
35095
|
/* Help text & inline validation under the input */
|
|
34963
|
-
.cn-advanced-form-dialog__field-help[data-v-
|
|
35096
|
+
.cn-advanced-form-dialog__field-help[data-v-d150e1b8] {
|
|
34964
35097
|
display: flex;
|
|
34965
35098
|
flex-direction: column;
|
|
34966
35099
|
gap: 2px;
|
|
@@ -34968,33 +35101,33 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
34968
35101
|
font-size: 0.85em;
|
|
34969
35102
|
color: var(--color-text-maxcontrast);
|
|
34970
35103
|
}
|
|
34971
|
-
.cn-advanced-form-dialog__field-example[data-v-
|
|
35104
|
+
.cn-advanced-form-dialog__field-example[data-v-d150e1b8] {
|
|
34972
35105
|
font-style: italic;
|
|
34973
35106
|
}
|
|
34974
|
-
.cn-advanced-form-dialog__field-error[data-v-
|
|
35107
|
+
.cn-advanced-form-dialog__field-error[data-v-d150e1b8] {
|
|
34975
35108
|
margin-top: 4px;
|
|
34976
35109
|
font-size: 0.85em;
|
|
34977
35110
|
color: var(--color-error-text);
|
|
34978
35111
|
}
|
|
34979
|
-
.cn-advanced-form-dialog__value-cell-wrapper[data-v-
|
|
35112
|
+
.cn-advanced-form-dialog__value-cell-wrapper[data-v-d150e1b8] {
|
|
34980
35113
|
display: flex;
|
|
34981
35114
|
flex-direction: column;
|
|
34982
35115
|
width: 100%;
|
|
34983
35116
|
}
|
|
34984
35117
|
|
|
34985
35118
|
/* Object-array widget: chip list + add button */
|
|
34986
|
-
.cn-advanced-form-dialog__object-array[data-v-
|
|
35119
|
+
.cn-advanced-form-dialog__object-array[data-v-d150e1b8] {
|
|
34987
35120
|
display: flex;
|
|
34988
35121
|
flex-direction: column;
|
|
34989
35122
|
gap: 8px;
|
|
34990
35123
|
width: 100%;
|
|
34991
35124
|
}
|
|
34992
|
-
.cn-advanced-form-dialog__object-array-chips[data-v-
|
|
35125
|
+
.cn-advanced-form-dialog__object-array-chips[data-v-d150e1b8] {
|
|
34993
35126
|
display: flex;
|
|
34994
35127
|
flex-wrap: wrap;
|
|
34995
35128
|
gap: 6px;
|
|
34996
35129
|
}
|
|
34997
|
-
.cn-advanced-form-dialog__object-array-chip[data-v-
|
|
35130
|
+
.cn-advanced-form-dialog__object-array-chip[data-v-d150e1b8] {
|
|
34998
35131
|
display: inline-flex;
|
|
34999
35132
|
align-items: center;
|
|
35000
35133
|
gap: 4px;
|
|
@@ -35007,18 +35140,18 @@ button.cn-linked-widget__link[data-v-0fc31606] {
|
|
|
35007
35140
|
font: inherit;
|
|
35008
35141
|
max-width: 240px;
|
|
35009
35142
|
}
|
|
35010
|
-
.cn-advanced-form-dialog__object-array-chip[data-v-
|
|
35143
|
+
.cn-advanced-form-dialog__object-array-chip[data-v-d150e1b8]:hover {
|
|
35011
35144
|
background: var(--color-background-hover);
|
|
35012
35145
|
}
|
|
35013
|
-
.cn-advanced-form-dialog__object-array-chip-label[data-v-
|
|
35146
|
+
.cn-advanced-form-dialog__object-array-chip-label[data-v-d150e1b8] {
|
|
35014
35147
|
overflow: hidden;
|
|
35015
35148
|
text-overflow: ellipsis;
|
|
35016
35149
|
white-space: nowrap;
|
|
35017
35150
|
}
|
|
35018
|
-
.cn-advanced-form-dialog__object-array-chip-remove[data-v-
|
|
35151
|
+
.cn-advanced-form-dialog__object-array-chip-remove[data-v-d150e1b8] {
|
|
35019
35152
|
flex-shrink: 0;
|
|
35020
35153
|
}
|
|
35021
|
-
.cn-advanced-form-dialog__object-array-add[data-v-
|
|
35154
|
+
.cn-advanced-form-dialog__object-array-add[data-v-d150e1b8] {
|
|
35022
35155
|
align-self: flex-start;
|
|
35023
35156
|
}
|
|
35024
35157
|
|
|
@@ -40506,26 +40639,26 @@ to {
|
|
|
40506
40639
|
text-decoration: underline;
|
|
40507
40640
|
}
|
|
40508
40641
|
@charset "UTF-8";
|
|
40509
|
-
.cn-choice-cards[data-v-
|
|
40642
|
+
.cn-choice-cards[data-v-5af5bf60] {
|
|
40510
40643
|
border: none;
|
|
40511
40644
|
padding: 0;
|
|
40512
40645
|
margin: 0;
|
|
40513
40646
|
min-inline-size: 0;
|
|
40514
40647
|
}
|
|
40515
40648
|
|
|
40516
|
-
.cn-choice-cards__legend[data-v-
|
|
40649
|
+
.cn-choice-cards__legend[data-v-5af5bf60] {
|
|
40517
40650
|
padding: 0;
|
|
40518
40651
|
margin-block-end: 8px;
|
|
40519
40652
|
font-weight: bold;
|
|
40520
40653
|
}
|
|
40521
40654
|
|
|
40522
|
-
.cn-choice-cards__loading[data-v-
|
|
40655
|
+
.cn-choice-cards__loading[data-v-5af5bf60] {
|
|
40523
40656
|
display: flex;
|
|
40524
40657
|
justify-content: center;
|
|
40525
40658
|
padding: 24px 0;
|
|
40526
40659
|
}
|
|
40527
40660
|
|
|
40528
|
-
.cn-choice-cards__grid[data-v-
|
|
40661
|
+
.cn-choice-cards__grid[data-v-5af5bf60] {
|
|
40529
40662
|
display: grid;
|
|
40530
40663
|
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
|
40531
40664
|
gap: 12px;
|
|
@@ -40537,26 +40670,26 @@ to {
|
|
|
40537
40670
|
padding: 12px;
|
|
40538
40671
|
}
|
|
40539
40672
|
|
|
40540
|
-
.cn-choice-cards__cell[data-v-
|
|
40673
|
+
.cn-choice-cards__cell[data-v-5af5bf60] {
|
|
40541
40674
|
display: flex;
|
|
40542
40675
|
flex-direction: column;
|
|
40543
40676
|
gap: 8px;
|
|
40544
40677
|
min-inline-size: 0;
|
|
40545
40678
|
}
|
|
40546
40679
|
|
|
40547
|
-
.cn-choice-cards__actions[data-v-
|
|
40680
|
+
.cn-choice-cards__actions[data-v-5af5bf60] {
|
|
40548
40681
|
display: flex;
|
|
40549
40682
|
flex-direction: column;
|
|
40550
40683
|
gap: 4px;
|
|
40551
40684
|
}
|
|
40552
40685
|
|
|
40553
|
-
.cn-choice-cards__option[data-v-
|
|
40686
|
+
.cn-choice-cards__option[data-v-5af5bf60] {
|
|
40554
40687
|
position: relative;
|
|
40555
40688
|
display: block;
|
|
40556
40689
|
cursor: pointer;
|
|
40557
40690
|
}
|
|
40558
40691
|
|
|
40559
|
-
.cn-choice-cards__input[data-v-
|
|
40692
|
+
.cn-choice-cards__input[data-v-5af5bf60] {
|
|
40560
40693
|
position: absolute;
|
|
40561
40694
|
inset-block-start: 16px;
|
|
40562
40695
|
inset-inline-end: 14px;
|
|
@@ -40566,7 +40699,7 @@ to {
|
|
|
40566
40699
|
}
|
|
40567
40700
|
|
|
40568
40701
|
/* Room for the input, so a long title never runs underneath it. */
|
|
40569
|
-
.cn-choice-cards__option[data-v-
|
|
40702
|
+
.cn-choice-cards__option[data-v-5af5bf60] .cn-card {
|
|
40570
40703
|
padding-inline-end: 44px;
|
|
40571
40704
|
transition: box-shadow 0.2s ease, border-color 0.2s ease;
|
|
40572
40705
|
}
|
|
@@ -40577,33 +40710,33 @@ to {
|
|
|
40577
40710
|
touches a card, and the grid twitches. The border colour below already
|
|
40578
40711
|
carries hover, so the scale is dropped: at (0,3,0) this beats the global
|
|
40579
40712
|
`.cn-card:hover` at (0,2,0). */
|
|
40580
|
-
.cn-choice-cards__option[data-v-
|
|
40713
|
+
.cn-choice-cards__option[data-v-5af5bf60]:hover .cn-card {
|
|
40581
40714
|
border-color: var(--color-primary-element);
|
|
40582
40715
|
transform: none;
|
|
40583
40716
|
}
|
|
40584
40717
|
|
|
40585
40718
|
/* The focus ring belongs on the card, not on the small input inside it. */
|
|
40586
|
-
.cn-choice-cards__input[data-v-
|
|
40719
|
+
.cn-choice-cards__input[data-v-5af5bf60]:focus-visible + .cn-card {
|
|
40587
40720
|
outline: 2px solid var(--color-primary-element);
|
|
40588
40721
|
outline-offset: 2px;
|
|
40589
40722
|
}
|
|
40590
40723
|
|
|
40591
|
-
.cn-choice-cards__input[data-v-
|
|
40724
|
+
.cn-choice-cards__input[data-v-5af5bf60]:disabled {
|
|
40592
40725
|
cursor: default;
|
|
40593
40726
|
}
|
|
40594
40727
|
|
|
40595
|
-
.cn-choice-cards__option--disabled .cn-choice-cards__input[data-v-
|
|
40728
|
+
.cn-choice-cards__option--disabled .cn-choice-cards__input[data-v-5af5bf60] + .cn-card {
|
|
40596
40729
|
opacity: 0.6;
|
|
40597
40730
|
}
|
|
40598
40731
|
|
|
40599
|
-
.cn-choice-cards__rows[data-v-
|
|
40732
|
+
.cn-choice-cards__rows[data-v-5af5bf60] {
|
|
40600
40733
|
display: flex;
|
|
40601
40734
|
flex-direction: column;
|
|
40602
40735
|
gap: 8px;
|
|
40603
40736
|
}
|
|
40604
40737
|
|
|
40605
40738
|
/* 12px 14px, as the boards draw an option row (DqVolgendeStap, DqBesluit). */
|
|
40606
|
-
.cn-choice-cards__row[data-v-
|
|
40739
|
+
.cn-choice-cards__row[data-v-5af5bf60] {
|
|
40607
40740
|
display: flex;
|
|
40608
40741
|
align-items: flex-start;
|
|
40609
40742
|
gap: 12px;
|
|
@@ -40614,12 +40747,12 @@ to {
|
|
|
40614
40747
|
cursor: pointer;
|
|
40615
40748
|
}
|
|
40616
40749
|
|
|
40617
|
-
.cn-choice-cards__row[data-v-
|
|
40750
|
+
.cn-choice-cards__row[data-v-5af5bf60]:hover {
|
|
40618
40751
|
border-color: var(--color-border-dark);
|
|
40619
40752
|
}
|
|
40620
40753
|
|
|
40621
|
-
.cn-choice-cards__row--selected[data-v-
|
|
40622
|
-
.cn-choice-cards__row--selected[data-v-
|
|
40754
|
+
.cn-choice-cards__row--selected[data-v-5af5bf60],
|
|
40755
|
+
.cn-choice-cards__row--selected[data-v-5af5bf60]:hover {
|
|
40623
40756
|
border-color: var(--color-primary-element);
|
|
40624
40757
|
/* The second pixel of the 2px selected border, without moving the content. */
|
|
40625
40758
|
box-shadow: inset 0 0 0 1px var(--color-primary-element);
|
|
@@ -40628,8 +40761,8 @@ to {
|
|
|
40628
40761
|
|
|
40629
40762
|
/* An option this record does not allow: the grey ground and the muted ink,
|
|
40630
40763
|
still legible (DqVolgendeStap), not faded. */
|
|
40631
|
-
.cn-choice-cards__row--disabled[data-v-
|
|
40632
|
-
.cn-choice-cards__row--disabled[data-v-
|
|
40764
|
+
.cn-choice-cards__row--disabled[data-v-5af5bf60],
|
|
40765
|
+
.cn-choice-cards__row--disabled[data-v-5af5bf60]:hover {
|
|
40633
40766
|
border-color: var(--color-border);
|
|
40634
40767
|
background: var(--color-background-hover);
|
|
40635
40768
|
color: var(--color-text-maxcontrast);
|
|
@@ -40638,80 +40771,80 @@ to {
|
|
|
40638
40771
|
|
|
40639
40772
|
/* The title takes the muted ink itself: a theme that colours every label
|
|
40640
40773
|
with `!important` (thematiq) would otherwise hand it the label colour. */
|
|
40641
|
-
.cn-choice-cards__row--disabled .cn-choice-cards__row-title[data-v-
|
|
40774
|
+
.cn-choice-cards__row--disabled .cn-choice-cards__row-title[data-v-5af5bf60] {
|
|
40642
40775
|
color: var(--color-text-maxcontrast);
|
|
40643
40776
|
}
|
|
40644
40777
|
|
|
40645
40778
|
/* The chosen option's fields share the selected row's frame: the cell draws
|
|
40646
40779
|
the 2px primary border and the ground, the row inside it draws none, and
|
|
40647
40780
|
the fields sit under the text, indented to it (DqVolgendeStap). */
|
|
40648
|
-
.cn-choice-cards__cell--with-details[data-v-
|
|
40781
|
+
.cn-choice-cards__cell--with-details[data-v-5af5bf60] {
|
|
40649
40782
|
border: 1px solid var(--color-primary-element);
|
|
40650
40783
|
border-radius: var(--border-radius-large, 8px);
|
|
40651
40784
|
box-shadow: inset 0 0 0 1px var(--color-primary-element);
|
|
40652
40785
|
background: var(--color-primary-element-light);
|
|
40653
40786
|
}
|
|
40654
40787
|
|
|
40655
|
-
.cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-
|
|
40656
|
-
.cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-
|
|
40788
|
+
.cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-5af5bf60],
|
|
40789
|
+
.cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-5af5bf60]:hover {
|
|
40657
40790
|
border-color: transparent;
|
|
40658
40791
|
box-shadow: none;
|
|
40659
40792
|
background: transparent;
|
|
40660
40793
|
}
|
|
40661
40794
|
|
|
40662
|
-
.cn-choice-cards__details[data-v-
|
|
40795
|
+
.cn-choice-cards__details[data-v-5af5bf60] {
|
|
40663
40796
|
display: flex;
|
|
40664
40797
|
flex-direction: column;
|
|
40665
40798
|
gap: 14px;
|
|
40666
40799
|
padding: 0 14px 14px 44px;
|
|
40667
40800
|
}
|
|
40668
40801
|
|
|
40669
|
-
.cn-choice-cards__row--readonly[data-v-
|
|
40802
|
+
.cn-choice-cards__row--readonly[data-v-5af5bf60] {
|
|
40670
40803
|
cursor: default;
|
|
40671
40804
|
}
|
|
40672
40805
|
|
|
40673
|
-
.cn-choice-cards__row--readonly[data-v-
|
|
40806
|
+
.cn-choice-cards__row--readonly[data-v-5af5bf60]:not(.cn-choice-cards__row--selected):hover {
|
|
40674
40807
|
border-color: var(--color-border);
|
|
40675
40808
|
}
|
|
40676
40809
|
|
|
40677
|
-
.cn-choice-cards__row[data-v-
|
|
40810
|
+
.cn-choice-cards__row[data-v-5af5bf60]:has(.cn-choice-cards__row-input:focus-visible) {
|
|
40678
40811
|
outline: 2px solid var(--color-primary-element);
|
|
40679
40812
|
outline-offset: 2px;
|
|
40680
40813
|
}
|
|
40681
40814
|
|
|
40682
|
-
.cn-choice-cards__row-input[data-v-
|
|
40815
|
+
.cn-choice-cards__row-input[data-v-5af5bf60] {
|
|
40683
40816
|
flex: none;
|
|
40684
40817
|
margin: 2px 0 0;
|
|
40685
40818
|
accent-color: var(--color-primary-element);
|
|
40686
40819
|
cursor: inherit;
|
|
40687
40820
|
}
|
|
40688
40821
|
|
|
40689
|
-
.cn-choice-cards__row-icon[data-v-
|
|
40822
|
+
.cn-choice-cards__row-icon[data-v-5af5bf60] {
|
|
40690
40823
|
flex: none;
|
|
40691
40824
|
}
|
|
40692
40825
|
|
|
40693
|
-
.cn-choice-cards__row-text[data-v-
|
|
40826
|
+
.cn-choice-cards__row-text[data-v-5af5bf60] {
|
|
40694
40827
|
display: flex;
|
|
40695
40828
|
flex-direction: column;
|
|
40696
40829
|
gap: 2px;
|
|
40697
40830
|
min-width: 0;
|
|
40698
40831
|
}
|
|
40699
40832
|
|
|
40700
|
-
.cn-choice-cards__row-title[data-v-
|
|
40833
|
+
.cn-choice-cards__row-title[data-v-5af5bf60] {
|
|
40701
40834
|
font-size: 15px;
|
|
40702
40835
|
font-weight: 600;
|
|
40703
40836
|
}
|
|
40704
40837
|
|
|
40705
40838
|
/* Regular weight on the span itself: a theme that sets every label bold
|
|
40706
40839
|
with `!important` (thematiq) reaches a span that only inherits. */
|
|
40707
|
-
.cn-choice-cards__row-description[data-v-
|
|
40708
|
-
.cn-choice-cards__reason[data-v-
|
|
40840
|
+
.cn-choice-cards__row-description[data-v-5af5bf60],
|
|
40841
|
+
.cn-choice-cards__reason[data-v-5af5bf60] {
|
|
40709
40842
|
font-size: 13px;
|
|
40710
40843
|
font-weight: 400;
|
|
40711
40844
|
color: var(--color-text-maxcontrast);
|
|
40712
40845
|
}
|
|
40713
40846
|
|
|
40714
|
-
.cn-choice-cards__reason--card[data-v-
|
|
40847
|
+
.cn-choice-cards__reason--card[data-v-5af5bf60] {
|
|
40715
40848
|
display: block;
|
|
40716
40849
|
margin-block-start: 4px;
|
|
40717
40850
|
}
|
|
@@ -40726,28 +40859,39 @@ to {
|
|
|
40726
40859
|
}
|
|
40727
40860
|
|
|
40728
40861
|
|
|
40729
|
-
.cn-setup-step[data-v-
|
|
40862
|
+
.cn-setup-step[data-v-f5919312] {
|
|
40730
40863
|
display: flex;
|
|
40731
40864
|
flex-direction: column;
|
|
40732
40865
|
gap: 12px;
|
|
40733
40866
|
}
|
|
40734
|
-
.cn-setup-step__intro[data-v-
|
|
40867
|
+
.cn-setup-step__intro[data-v-f5919312] {
|
|
40735
40868
|
margin: 0;
|
|
40736
40869
|
font-size: 15px;
|
|
40737
40870
|
line-height: 1.5;
|
|
40738
40871
|
}
|
|
40739
|
-
.cn-setup-
|
|
40872
|
+
.cn-setup-step__choices--titled[data-v-f5919312] .cn-choice-cards__legend {
|
|
40873
|
+
position: absolute;
|
|
40874
|
+
width: 1px;
|
|
40875
|
+
height: 1px;
|
|
40876
|
+
margin: -1px;
|
|
40877
|
+
padding: 0;
|
|
40878
|
+
overflow: hidden;
|
|
40879
|
+
clip-path: inset(50%);
|
|
40880
|
+
white-space: nowrap;
|
|
40881
|
+
border: 0;
|
|
40882
|
+
}
|
|
40883
|
+
.cn-setup-step__note[data-v-f5919312] {
|
|
40740
40884
|
margin: 0;
|
|
40741
40885
|
font-size: 13px;
|
|
40742
40886
|
color: var(--color-text-maxcontrast);
|
|
40743
40887
|
}
|
|
40744
|
-
.cn-setup-step__nav[data-v-
|
|
40888
|
+
.cn-setup-step__nav[data-v-f5919312] {
|
|
40745
40889
|
display: flex;
|
|
40746
40890
|
justify-content: flex-end;
|
|
40747
40891
|
gap: 8px;
|
|
40748
40892
|
margin-top: 8px;
|
|
40749
40893
|
}
|
|
40750
|
-
.cn-setup-step__running[data-v-
|
|
40894
|
+
.cn-setup-step__running[data-v-f5919312] {
|
|
40751
40895
|
display: flex;
|
|
40752
40896
|
align-items: center;
|
|
40753
40897
|
justify-content: center;
|
|
@@ -40755,43 +40899,43 @@ to {
|
|
|
40755
40899
|
padding: 24px 0;
|
|
40756
40900
|
color: var(--color-text-maxcontrast);
|
|
40757
40901
|
}
|
|
40758
|
-
.cn-setup-load-result[data-v-
|
|
40902
|
+
.cn-setup-load-result[data-v-f5919312] {
|
|
40759
40903
|
margin: 0;
|
|
40760
40904
|
font-size: var(--font-size-small, 13px);
|
|
40761
40905
|
}
|
|
40762
|
-
.cn-setup-load-result--success[data-v-
|
|
40906
|
+
.cn-setup-load-result--success[data-v-f5919312] {
|
|
40763
40907
|
color: var(--color-success-text, var(--color-success));
|
|
40764
40908
|
}
|
|
40765
|
-
.cn-setup-load-result--error[data-v-
|
|
40909
|
+
.cn-setup-load-result--error[data-v-f5919312] {
|
|
40766
40910
|
color: var(--color-error-text, var(--color-error));
|
|
40767
40911
|
}
|
|
40768
|
-
.cn-setup-field[data-v-
|
|
40912
|
+
.cn-setup-field[data-v-f5919312] {
|
|
40769
40913
|
display: flex;
|
|
40770
40914
|
flex-direction: column;
|
|
40771
40915
|
}
|
|
40772
|
-
.cn-setup-summary[data-v-
|
|
40916
|
+
.cn-setup-summary[data-v-f5919312] {
|
|
40773
40917
|
list-style: none;
|
|
40774
40918
|
padding: 0;
|
|
40775
40919
|
margin: 0;
|
|
40776
40920
|
}
|
|
40777
|
-
.cn-setup-summary__item[data-v-
|
|
40921
|
+
.cn-setup-summary__item[data-v-f5919312] {
|
|
40778
40922
|
display: flex;
|
|
40779
40923
|
align-items: center;
|
|
40780
40924
|
gap: 8px;
|
|
40781
40925
|
padding: 4px 0;
|
|
40782
40926
|
color: var(--color-text-maxcontrast);
|
|
40783
40927
|
}
|
|
40784
|
-
.cn-setup-summary__item--done[data-v-
|
|
40928
|
+
.cn-setup-summary__item--done[data-v-f5919312] {
|
|
40785
40929
|
color: var(--color-main-text);
|
|
40786
40930
|
}
|
|
40787
|
-
.cn-setup-summary__mark[data-v-
|
|
40931
|
+
.cn-setup-summary__mark[data-v-f5919312] {
|
|
40788
40932
|
font-weight: bold;
|
|
40789
40933
|
color: var(--color-success);
|
|
40790
40934
|
}
|
|
40791
|
-
.cn-setup-summary__label[data-v-
|
|
40935
|
+
.cn-setup-summary__label[data-v-f5919312] {
|
|
40792
40936
|
flex: 0 0 auto;
|
|
40793
40937
|
}
|
|
40794
|
-
.cn-setup-summary__value[data-v-
|
|
40938
|
+
.cn-setup-summary__value[data-v-f5919312] {
|
|
40795
40939
|
margin-inline-start: auto;
|
|
40796
40940
|
font-weight: 600;
|
|
40797
40941
|
color: var(--color-main-text);
|
|
@@ -40799,7 +40943,7 @@ to {
|
|
|
40799
40943
|
|
|
40800
40944
|
/* An on-demand step that did not run says so quietly: it is a choice the
|
|
40801
40945
|
user did not make, not a failure. */
|
|
40802
|
-
.cn-setup-summary__item--not-run .cn-setup-summary__value[data-v-
|
|
40946
|
+
.cn-setup-summary__item--not-run .cn-setup-summary__value[data-v-f5919312] {
|
|
40803
40947
|
font-weight: normal;
|
|
40804
40948
|
color: var(--color-text-maxcontrast);
|
|
40805
40949
|
}
|
|
@@ -44276,7 +44420,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44276
44420
|
}
|
|
44277
44421
|
|
|
44278
44422
|
|
|
44279
|
-
.cn-dashboard-page[data-v-
|
|
44423
|
+
.cn-dashboard-page[data-v-5b3dc7b0] {
|
|
44280
44424
|
padding: 20px;
|
|
44281
44425
|
max-width: 1800px;
|
|
44282
44426
|
/* Centre the leftover space once the cap engages, so a wide screen shows
|
|
@@ -44290,7 +44434,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44290
44434
|
overflow-y: auto;
|
|
44291
44435
|
box-sizing: border-box;
|
|
44292
44436
|
}
|
|
44293
|
-
.cn-dashboard-page__header[data-v-
|
|
44437
|
+
.cn-dashboard-page__header[data-v-5b3dc7b0] {
|
|
44294
44438
|
display: flex;
|
|
44295
44439
|
justify-content: space-between;
|
|
44296
44440
|
align-items: flex-start;
|
|
@@ -44302,21 +44446,21 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44302
44446
|
room. Only the HEADER shifts right — body widgets keep full width. */
|
|
44303
44447
|
padding-inline-start: 56px;
|
|
44304
44448
|
}
|
|
44305
|
-
.cn-dashboard-page__header-left[data-v-
|
|
44449
|
+
.cn-dashboard-page__header-left[data-v-5b3dc7b0] {
|
|
44306
44450
|
min-width: 0;
|
|
44307
44451
|
}
|
|
44308
|
-
.cn-dashboard-page__title-row[data-v-
|
|
44452
|
+
.cn-dashboard-page__title-row[data-v-5b3dc7b0] {
|
|
44309
44453
|
display: flex;
|
|
44310
44454
|
align-items: center;
|
|
44311
44455
|
flex-wrap: wrap;
|
|
44312
44456
|
gap: 12px;
|
|
44313
44457
|
}
|
|
44314
|
-
.cn-dashboard-page__title[data-v-
|
|
44458
|
+
.cn-dashboard-page__title[data-v-5b3dc7b0] {
|
|
44315
44459
|
margin: 0;
|
|
44316
44460
|
font-size: 20px;
|
|
44317
44461
|
font-weight: 700;
|
|
44318
44462
|
}
|
|
44319
|
-
.cn-dashboard-page__description[data-v-
|
|
44463
|
+
.cn-dashboard-page__description[data-v-5b3dc7b0] {
|
|
44320
44464
|
margin: 4px 0 0;
|
|
44321
44465
|
font-size: 14px;
|
|
44322
44466
|
color: var(--color-text-maxcontrast);
|
|
@@ -44324,19 +44468,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44324
44468
|
|
|
44325
44469
|
/* Board look (screens-dashboard-parity): h1 28/700, a 15px grey subtitle 6px
|
|
44326
44470
|
under it, and 40px buttons with a 10px gap. */
|
|
44327
|
-
.cn-dashboard-page--board .cn-dashboard-page__title[data-v-
|
|
44471
|
+
.cn-dashboard-page--board .cn-dashboard-page__title[data-v-5b3dc7b0] {
|
|
44328
44472
|
font-size: 28px;
|
|
44329
44473
|
font-weight: 700;
|
|
44330
44474
|
line-height: 1.2;
|
|
44331
44475
|
}
|
|
44332
|
-
.cn-dashboard-page--board .cn-dashboard-page__description[data-v-
|
|
44476
|
+
.cn-dashboard-page--board .cn-dashboard-page__description[data-v-5b3dc7b0] {
|
|
44333
44477
|
margin: 6px 0 0;
|
|
44334
44478
|
font-size: 15px;
|
|
44335
44479
|
}
|
|
44336
|
-
.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-
|
|
44480
|
+
.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-5b3dc7b0] {
|
|
44337
44481
|
gap: 10px;
|
|
44338
44482
|
}
|
|
44339
|
-
.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-
|
|
44483
|
+
.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-5b3dc7b0] .button-vue {
|
|
44340
44484
|
min-height: var(--cn-board-control-height, 40px);
|
|
44341
44485
|
height: var(--cn-board-control-height, 40px);
|
|
44342
44486
|
}
|
|
@@ -44344,17 +44488,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44344
44488
|
/* The switch row under the header (screens-dashboard-greeting-header): the
|
|
44345
44489
|
view switch left, the `viewLinks` pills right (DqMijnWerk: pills 34px high,
|
|
44346
44490
|
radius 17, 13px/600, a 14px icon, primary light on primary deep). */
|
|
44347
|
-
.cn-dashboard-page__switch-row[data-v-
|
|
44491
|
+
.cn-dashboard-page__switch-row[data-v-5b3dc7b0] {
|
|
44348
44492
|
display: flex;
|
|
44349
44493
|
flex-wrap: wrap;
|
|
44350
44494
|
align-items: center;
|
|
44351
44495
|
gap: 10px;
|
|
44352
44496
|
margin-bottom: var(--cn-board-section-gap, 20px);
|
|
44353
44497
|
}
|
|
44354
|
-
.cn-dashboard-page__switch-row-spacer[data-v-
|
|
44498
|
+
.cn-dashboard-page__switch-row-spacer[data-v-5b3dc7b0] {
|
|
44355
44499
|
flex: 1 1 auto;
|
|
44356
44500
|
}
|
|
44357
|
-
.cn-dashboard-page__view-link[data-v-
|
|
44501
|
+
.cn-dashboard-page__view-link[data-v-5b3dc7b0] {
|
|
44358
44502
|
display: inline-flex;
|
|
44359
44503
|
align-items: center;
|
|
44360
44504
|
gap: 6px;
|
|
@@ -44368,37 +44512,45 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44368
44512
|
white-space: nowrap;
|
|
44369
44513
|
text-decoration: none !important;
|
|
44370
44514
|
}
|
|
44371
|
-
.cn-dashboard-page__view-link[data-v-
|
|
44515
|
+
.cn-dashboard-page__view-link[data-v-5b3dc7b0]:hover {
|
|
44372
44516
|
background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
|
|
44373
44517
|
}
|
|
44374
|
-
.cn-dashboard-page__view-link[data-v-
|
|
44518
|
+
.cn-dashboard-page__view-link[data-v-5b3dc7b0]:focus-visible {
|
|
44375
44519
|
outline: 2px solid var(--color-main-text);
|
|
44376
44520
|
outline-offset: 2px;
|
|
44377
44521
|
}
|
|
44378
|
-
.cn-dashboard-page__view-link-icon[data-v-
|
|
44522
|
+
.cn-dashboard-page__view-link-icon[data-v-5b3dc7b0] {
|
|
44379
44523
|
display: inline-flex;
|
|
44380
44524
|
}
|
|
44381
44525
|
|
|
44382
44526
|
/* The period group, in a row of its own between the header and the KPI row. */
|
|
44383
|
-
.cn-dashboard-page__date-range--segmented[data-v-
|
|
44527
|
+
.cn-dashboard-page__date-range--segmented[data-v-5b3dc7b0] {
|
|
44384
44528
|
margin-bottom: 16px;
|
|
44385
44529
|
}
|
|
44386
44530
|
|
|
44387
44531
|
/* The period group at the end of the description line. */
|
|
44388
|
-
.cn-dashboard-page__description--with-period[data-v-
|
|
44532
|
+
.cn-dashboard-page__description--with-period[data-v-5b3dc7b0] {
|
|
44389
44533
|
align-items: center;
|
|
44390
44534
|
display: flex;
|
|
44391
44535
|
flex-wrap: wrap;
|
|
44392
44536
|
gap: 8px;
|
|
44393
44537
|
}
|
|
44394
|
-
|
|
44538
|
+
|
|
44539
|
+
/* A select on the description line takes the width of its choice, not a
|
|
44540
|
+
form field's, and no margin of its own. */
|
|
44541
|
+
.cn-dashboard-page__description-select[data-v-5b3dc7b0] {
|
|
44542
|
+
min-width: 180px;
|
|
44543
|
+
max-width: 280px;
|
|
44544
|
+
margin: 0;
|
|
44545
|
+
}
|
|
44546
|
+
.cn-dashboard-page__date-segmented[data-v-5b3dc7b0] {
|
|
44395
44547
|
display: flex;
|
|
44396
44548
|
align-items: center;
|
|
44397
44549
|
gap: 8px;
|
|
44398
44550
|
}
|
|
44399
44551
|
|
|
44400
44552
|
/* The KPI row above the grid: tiles are cells of the auto-fit grid. */
|
|
44401
|
-
.cn-dashboard-page__kpi-row[data-v-
|
|
44553
|
+
.cn-dashboard-page__kpi-row[data-v-5b3dc7b0] {
|
|
44402
44554
|
margin-bottom: var(--cn-board-section-gap, 16px);
|
|
44403
44555
|
}
|
|
44404
44556
|
|
|
@@ -44406,15 +44558,15 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44406
44558
|
the cards started a margin to the right of the KPI row and the header. The
|
|
44407
44559
|
grid reaches out by that margin, so the card edges line up with the page's
|
|
44408
44560
|
(dashboard-grid-flush). */
|
|
44409
|
-
.cn-dashboard-page--board[data-v-
|
|
44561
|
+
.cn-dashboard-page--board[data-v-5b3dc7b0] .cn-dashboard-grid {
|
|
44410
44562
|
width: auto;
|
|
44411
44563
|
margin-inline: calc(-1 * var(--cn-dashboard-grid-margin, 12px));
|
|
44412
44564
|
}
|
|
44413
|
-
.cn-dashboard-page__kpi-cell[data-v-
|
|
44565
|
+
.cn-dashboard-page__kpi-cell[data-v-5b3dc7b0] {
|
|
44414
44566
|
display: flex;
|
|
44415
44567
|
min-width: 0;
|
|
44416
44568
|
}
|
|
44417
|
-
.cn-dashboard-page__kpi-cell[data-v-
|
|
44569
|
+
.cn-dashboard-page__kpi-cell[data-v-5b3dc7b0] > * {
|
|
44418
44570
|
flex: 1 1 auto;
|
|
44419
44571
|
min-width: 0;
|
|
44420
44572
|
}
|
|
@@ -44427,7 +44579,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44427
44579
|
scoped chip rules then silently don't match and the chip collapses into
|
|
44428
44580
|
NcActions' ~30px icon slot (text wraps to "Last / 30 / days"). The
|
|
44429
44581
|
data-testid is stable across chunks, so those rules match regardless. */
|
|
44430
|
-
.cn-dashboard-page__header-actions[data-v-
|
|
44582
|
+
.cn-dashboard-page__header-actions[data-v-5b3dc7b0] {
|
|
44431
44583
|
display: flex;
|
|
44432
44584
|
align-items: center;
|
|
44433
44585
|
gap: 8px;
|
|
@@ -44443,19 +44595,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44443
44595
|
|
|
44444
44596
|
/* Date-range header band. Kept compact so it doesn't open a tall gap
|
|
44445
44597
|
above the grid; the pills variant is a single tidy toggle row. */
|
|
44446
|
-
.cn-dashboard-page__date-range[data-v-
|
|
44598
|
+
.cn-dashboard-page__date-range[data-v-5b3dc7b0] {
|
|
44447
44599
|
margin-bottom: 12px;
|
|
44448
44600
|
}
|
|
44449
|
-
.cn-dashboard-page__date-range--pills[data-v-
|
|
44601
|
+
.cn-dashboard-page__date-range--pills[data-v-5b3dc7b0] {
|
|
44450
44602
|
margin-bottom: 8px;
|
|
44451
44603
|
}
|
|
44452
|
-
.cn-dashboard-page__date-pills[data-v-
|
|
44604
|
+
.cn-dashboard-page__date-pills[data-v-5b3dc7b0] {
|
|
44453
44605
|
display: flex;
|
|
44454
44606
|
align-items: center;
|
|
44455
44607
|
flex-wrap: wrap;
|
|
44456
44608
|
gap: 6px;
|
|
44457
44609
|
}
|
|
44458
|
-
.cn-dashboard-page__date-pill[data-v-
|
|
44610
|
+
.cn-dashboard-page__date-pill[data-v-5b3dc7b0] {
|
|
44459
44611
|
display: inline-flex;
|
|
44460
44612
|
align-items: center;
|
|
44461
44613
|
padding: 5px 14px;
|
|
@@ -44470,77 +44622,77 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44470
44622
|
cursor: pointer;
|
|
44471
44623
|
transition: background-color 100ms ease, border-color 100ms ease, color 100ms ease;
|
|
44472
44624
|
}
|
|
44473
|
-
.cn-dashboard-page__date-pill[data-v-
|
|
44625
|
+
.cn-dashboard-page__date-pill[data-v-5b3dc7b0]:hover {
|
|
44474
44626
|
background: var(--color-background-hover);
|
|
44475
44627
|
}
|
|
44476
|
-
.cn-dashboard-page__date-pill[data-v-
|
|
44628
|
+
.cn-dashboard-page__date-pill[data-v-5b3dc7b0]:focus-visible {
|
|
44477
44629
|
outline: 2px solid var(--color-primary-element);
|
|
44478
44630
|
outline-offset: 2px;
|
|
44479
44631
|
}
|
|
44480
|
-
.cn-dashboard-page__date-pill--active[data-v-
|
|
44632
|
+
.cn-dashboard-page__date-pill--active[data-v-5b3dc7b0] {
|
|
44481
44633
|
background: var(--color-primary-element);
|
|
44482
44634
|
border-color: var(--color-primary-element);
|
|
44483
44635
|
color: var(--color-primary-element-text);
|
|
44484
44636
|
}
|
|
44485
|
-
.cn-dashboard-page__date-pill--active[data-v-
|
|
44637
|
+
.cn-dashboard-page__date-pill--active[data-v-5b3dc7b0]:hover {
|
|
44486
44638
|
background: var(--color-primary-element-hover, var(--color-primary-element));
|
|
44487
44639
|
}
|
|
44488
44640
|
|
|
44489
44641
|
/* The custom-range pill is de-emphasised — dashed outline, muted text —
|
|
44490
44642
|
so it reads as an escape hatch rather than a primary option. */
|
|
44491
|
-
.cn-dashboard-page__date-pill--custom[data-v-
|
|
44643
|
+
.cn-dashboard-page__date-pill--custom[data-v-5b3dc7b0] {
|
|
44492
44644
|
border-style: dashed;
|
|
44493
44645
|
color: var(--color-text-maxcontrast);
|
|
44494
44646
|
}
|
|
44495
|
-
.cn-dashboard-page__date-pill-custom[data-v-
|
|
44647
|
+
.cn-dashboard-page__date-pill-custom[data-v-5b3dc7b0] .action-item__menutoggle {
|
|
44496
44648
|
min-width: 0;
|
|
44497
44649
|
min-height: 0;
|
|
44498
44650
|
padding: 0;
|
|
44499
44651
|
background: transparent;
|
|
44500
44652
|
border: none;
|
|
44501
44653
|
}
|
|
44502
|
-
.cn-dashboard-page__date-pill-custom[data-v-
|
|
44503
|
-
.cn-dashboard-page__date-pill-custom[data-v-
|
|
44504
|
-
.cn-dashboard-page__date-pill-custom[data-v-
|
|
44654
|
+
.cn-dashboard-page__date-pill-custom[data-v-5b3dc7b0] .button-vue,
|
|
44655
|
+
.cn-dashboard-page__date-pill-custom[data-v-5b3dc7b0] .button-vue__wrapper,
|
|
44656
|
+
.cn-dashboard-page__date-pill-custom[data-v-5b3dc7b0] .button-vue__icon {
|
|
44505
44657
|
width: auto !important;
|
|
44506
44658
|
min-width: 0 !important;
|
|
44507
44659
|
overflow: visible !important;
|
|
44508
44660
|
}
|
|
44509
|
-
.cn-dashboard-page__empty[data-v-
|
|
44661
|
+
.cn-dashboard-page__empty[data-v-5b3dc7b0] {
|
|
44510
44662
|
padding: 60px 20px;
|
|
44511
44663
|
}
|
|
44512
44664
|
|
|
44513
44665
|
/* The page's view switch on a page without a header row: at the end of its
|
|
44514
44666
|
own row, above the grids, where the header would have put it. */
|
|
44515
|
-
.cn-dashboard-page__view-switch[data-v-
|
|
44667
|
+
.cn-dashboard-page__view-switch[data-v-5b3dc7b0] {
|
|
44516
44668
|
display: flex;
|
|
44517
44669
|
justify-content: flex-end;
|
|
44518
44670
|
margin-bottom: 12px;
|
|
44519
44671
|
}
|
|
44520
44672
|
|
|
44521
44673
|
/* A view the switch shows with nothing to draw. */
|
|
44522
|
-
.cn-page-view-region--empty[data-v-
|
|
44674
|
+
.cn-page-view-region--empty[data-v-5b3dc7b0] {
|
|
44523
44675
|
padding: 40px 20px;
|
|
44524
44676
|
}
|
|
44525
|
-
.cn-dashboard-page__page-filters[data-v-
|
|
44677
|
+
.cn-dashboard-page__page-filters[data-v-5b3dc7b0] {
|
|
44526
44678
|
display: flex;
|
|
44527
44679
|
flex-wrap: wrap;
|
|
44528
44680
|
gap: 16px;
|
|
44529
44681
|
align-items: flex-end;
|
|
44530
44682
|
margin-bottom: 12px;
|
|
44531
44683
|
}
|
|
44532
|
-
.cn-dashboard-page__page-filter[data-v-
|
|
44684
|
+
.cn-dashboard-page__page-filter[data-v-5b3dc7b0] {
|
|
44533
44685
|
display: flex;
|
|
44534
44686
|
flex-direction: column;
|
|
44535
44687
|
gap: 4px;
|
|
44536
44688
|
min-width: 200px;
|
|
44537
44689
|
}
|
|
44538
|
-
.cn-dashboard-page__page-filter-label[data-v-
|
|
44690
|
+
.cn-dashboard-page__page-filter-label[data-v-5b3dc7b0] {
|
|
44539
44691
|
font-size: 0.85em;
|
|
44540
44692
|
font-weight: 600;
|
|
44541
44693
|
color: var(--color-text-maxcontrast);
|
|
44542
44694
|
}
|
|
44543
|
-
.cn-dashboard-page__widget-edit[data-v-
|
|
44695
|
+
.cn-dashboard-page__widget-edit[data-v-5b3dc7b0] {
|
|
44544
44696
|
position: absolute;
|
|
44545
44697
|
top: 4px;
|
|
44546
44698
|
inset-inline-end: 4px;
|
|
@@ -44559,8 +44711,8 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44559
44711
|
and centre the card. */
|
|
44560
44712
|
/* `safe` centre so an overflowing tile does not spill out of the top, where
|
|
44561
44713
|
flex overflow cannot be scrolled back to. Same as detail-page.css. */
|
|
44562
|
-
.cn-dashboard-page__card-fit[data-v-
|
|
44563
|
-
.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-
|
|
44714
|
+
.cn-dashboard-page__card-fit[data-v-5b3dc7b0] .cn-widget-wrapper__content,
|
|
44715
|
+
.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-5b3dc7b0] .cn-widget-wrapper__content {
|
|
44564
44716
|
overflow: hidden;
|
|
44565
44717
|
display: flex;
|
|
44566
44718
|
flex-direction: column;
|
|
@@ -44576,7 +44728,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44576
44728
|
shows up as a scrollbar the user has to drag to see the whole graph. Same
|
|
44577
44729
|
shape as the card-fit rule above, minus the padding: chart tiles render
|
|
44578
44730
|
`flush`, and apexcharts already draws its own margins. */
|
|
44579
|
-
.cn-dashboard-page__chart-fit[data-v-
|
|
44731
|
+
.cn-dashboard-page__chart-fit[data-v-5b3dc7b0] .cn-widget-wrapper__content {
|
|
44580
44732
|
overflow: hidden;
|
|
44581
44733
|
display: flex;
|
|
44582
44734
|
flex-direction: column;
|
|
@@ -44586,13 +44738,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44586
44738
|
/* Card content (stat / gauge / delta) must fit the tile width: let the
|
|
44587
44739
|
widget shrink and its value/label truncate instead of pushing past the
|
|
44588
44740
|
tile edge (the horizontal clip on long currency values). */
|
|
44589
|
-
.cn-dashboard-page__card-fit[data-v-
|
|
44590
|
-
.cn-dashboard-page__card-fit[data-v-
|
|
44591
|
-
.cn-dashboard-page__card-fit[data-v-
|
|
44741
|
+
.cn-dashboard-page__card-fit[data-v-5b3dc7b0] .cn-stat-widget,
|
|
44742
|
+
.cn-dashboard-page__card-fit[data-v-5b3dc7b0] .cn-gauge-widget,
|
|
44743
|
+
.cn-dashboard-page__card-fit[data-v-5b3dc7b0] .cn-delta-widget {
|
|
44592
44744
|
min-width: 0;
|
|
44593
44745
|
max-width: 100%;
|
|
44594
44746
|
}
|
|
44595
|
-
.cn-dashboard-page__unknown[data-v-
|
|
44747
|
+
.cn-dashboard-page__unknown[data-v-5b3dc7b0] {
|
|
44596
44748
|
display: flex;
|
|
44597
44749
|
align-items: center;
|
|
44598
44750
|
justify-content: center;
|
|
@@ -44603,31 +44755,31 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44603
44755
|
}
|
|
44604
44756
|
|
|
44605
44757
|
/* widget-ref content items */
|
|
44606
|
-
.cn-dashboard-page__content[data-v-
|
|
44758
|
+
.cn-dashboard-page__content[data-v-5b3dc7b0] {
|
|
44607
44759
|
display: flex;
|
|
44608
44760
|
flex-direction: column;
|
|
44609
44761
|
gap: 16px;
|
|
44610
44762
|
}
|
|
44611
|
-
.cn-dashboard-page__content-item[data-v-
|
|
44763
|
+
.cn-dashboard-page__content-item[data-v-5b3dc7b0] {
|
|
44612
44764
|
width: 100%;
|
|
44613
44765
|
}
|
|
44614
44766
|
/* On a phone (screens-dashboard-phone) the touch targets of a board dashboard
|
|
44615
44767
|
are 44px: the widget Actions menu and the KPI tiles. */
|
|
44616
44768
|
@media (max-width: 640px) {
|
|
44617
|
-
.cn-dashboard-page--board[data-v-
|
|
44618
|
-
.cn-dashboard-page--board[data-v-
|
|
44769
|
+
.cn-dashboard-page--board[data-v-5b3dc7b0] .cn-widget-wrapper__actions .action-item__menutoggle,
|
|
44770
|
+
.cn-dashboard-page--board[data-v-5b3dc7b0] .cn-widget-wrapper__actions .button-vue {
|
|
44619
44771
|
min-height: 44px;
|
|
44620
44772
|
}
|
|
44621
|
-
.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-
|
|
44773
|
+
.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-5b3dc7b0] {
|
|
44622
44774
|
min-height: 44px;
|
|
44623
44775
|
}
|
|
44624
44776
|
|
|
44625
44777
|
/* The widget Actions menu shows its icon only, so the card title keeps
|
|
44626
44778
|
the room; the name stays for assistive tech. */
|
|
44627
|
-
.cn-dashboard-page--board[data-v-
|
|
44779
|
+
.cn-dashboard-page--board[data-v-5b3dc7b0] .cn-widget-wrapper__actions .action-item__menutoggle {
|
|
44628
44780
|
min-width: 44px;
|
|
44629
44781
|
}
|
|
44630
|
-
.cn-dashboard-page--board[data-v-
|
|
44782
|
+
.cn-dashboard-page--board[data-v-5b3dc7b0] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
|
|
44631
44783
|
position: absolute;
|
|
44632
44784
|
width: 1px;
|
|
44633
44785
|
height: 1px;
|
|
@@ -44639,7 +44791,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44639
44791
|
|
|
44640
44792
|
/* What a registry widget reports for its card header (`header` event): the
|
|
44641
44793
|
note beside the link ("3 in total") and one action, as on a detail page. */
|
|
44642
|
-
.cn-dashboard-page__widget-count[data-v-
|
|
44794
|
+
.cn-dashboard-page__widget-count[data-v-5b3dc7b0] {
|
|
44643
44795
|
align-self: center;
|
|
44644
44796
|
padding: 1px 8px;
|
|
44645
44797
|
border-radius: 10px;
|
|
@@ -44648,13 +44800,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44648
44800
|
font-size: 13px;
|
|
44649
44801
|
font-weight: 600;
|
|
44650
44802
|
}
|
|
44651
|
-
.cn-dashboard-page__widget-note[data-v-
|
|
44803
|
+
.cn-dashboard-page__widget-note[data-v-5b3dc7b0] {
|
|
44652
44804
|
align-self: center;
|
|
44653
44805
|
color: var(--color-text-maxcontrast);
|
|
44654
44806
|
font-size: 14px;
|
|
44655
44807
|
white-space: nowrap;
|
|
44656
44808
|
}
|
|
44657
|
-
.cn-dashboard-page__widget-action[data-v-
|
|
44809
|
+
.cn-dashboard-page__widget-action[data-v-5b3dc7b0] {
|
|
44658
44810
|
display: inline-flex;
|
|
44659
44811
|
align-items: center;
|
|
44660
44812
|
align-self: center;
|
|
@@ -44670,7 +44822,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
|
|
|
44670
44822
|
white-space: nowrap;
|
|
44671
44823
|
cursor: pointer;
|
|
44672
44824
|
}
|
|
44673
|
-
.cn-dashboard-page__widget-action[data-v-
|
|
44825
|
+
.cn-dashboard-page__widget-action[data-v-5b3dc7b0]:focus-visible {
|
|
44674
44826
|
outline: 2px solid var(--color-primary-element);
|
|
44675
44827
|
outline-offset: 2px;
|
|
44676
44828
|
}
|