@conduction/nextcloud-vue 2.142.0 → 2.143.0

package/src/css/look-board-detail.css

@@ -842,6 +842,29 @@
 	display: flex;
 }
 
+/* The assistant in the side column (DqZaakAssistent "Assistent") is a panel,
+   not a label card: a 17px title over a hairline, 16px 18px in, its pill at
+   the row's end, the chat flush under it. */
+.cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) > .cn-widget-wrapper__header {
+	padding: 16px 18px;
+	border-bottom: 1px solid var(--color-border);
+}
+
+.cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) .cn-widget-wrapper__title {
+	color: var(--color-main-text) !important;
+	font-size: var(--cn-board-heading-size, 17px);
+	font-weight: 700;
+	line-height: 1.2;
+}
+
+.cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) .cn-widget-wrapper__actions:has(.cn-detail-widget-header-items) {
+	display: flex;
+}
+
+.cn-look-board .cn-detail-page__side .cn-widget-wrapper:has(.cn-ai-chat-widget) > .cn-widget-wrapper__content {
+	padding: 0;
+}
+
 /* A widget-reported card header action in the main column is a neutral 40px
    control: the main background, the control border, the main text at
    14px/600, a 16px icon 8px before the label (DqZaakBesluiten "Document
@@ -1431,6 +1454,14 @@
 	display: none;
 }
 
+/* ---- A file list's trail at its root (CnFilesBrowser) ------------------- */
+/* At the browser's root the boards draw the bar's buttons only, no trail of
+   one crumb naming the case (DqZaakDocumenten); in a subfolder the trail shows.
+   @spec openspec/changes/board-files-root-crumb/specs/board-files-root-crumb/spec.md#requirement-the-board-files-bar-draws-no-trail-at-the-root */
+.cn-look-board .cn-files-browser__crumbs--at-root:not(.cn-look-nextcloud *) {
+	display: none;
+}
+
 /* ---- A file list (CnFilesBrowser) --------------------------------------- */
 /* The board's compact card table (DqDocumentenBeheer): a near-white header at
    14px/600 in the muted ink, 10px 12px; 14px cells, 11px 12px, a hairline

package/src/css/look-board-index.css

@@ -824,6 +824,15 @@
 	padding: 10px 12px;
 }
 
+/* A table on a settings card draws its head 42.5px, as DqInstellingen and
+   DqVthInstellingen do, also when no head cell carries a control that makes
+   it that tall (the VTH tables read 37.5px).
+   @spec openspec/changes/board-settings-table-head-height/specs/settings-board-look/spec.md */
+.cn-look-board .settings-section .cn-table-container--board .cn-data-table thead th:not(.cn-look-nextcloud *) {
+	height: 42.5px;
+	box-sizing: border-box;
+}
+
 .cn-look-board .cn-table-container--board:not(.cn-index-page__main--table > *) .cn-data-table td {
 	padding: 11px 12px;
 }
@@ -900,11 +909,13 @@
    `#content[class*="app-"]`, an id selector no class rule outranks, so a plain
    `content-box` here was ignored and the cell left 12px for the checkbox (the
    header's checkbox showed as a stray bracket). */
+/* The checkbox starts 20px in, as the boards draw a native checkbox (16px of
+   cell padding and its 4px margin; DqZoekresultaten), in the same 60px. */
 .cn-look-board .cn-table-container--board .cn-data-table .cn-table-col--checkbox {
 	box-sizing: border-box !important;
 	width: 60px;
 	min-width: 60px;
-	padding-inline: 16px;
+	padding-inline: 20px 12px;
 	text-align: start;
 }
 
@@ -1700,6 +1711,36 @@
 	margin-bottom: 16px;
 }
 
+/* The heading sits above the list card, not inside it (DqAfdelingen: "Vergunningen"
+   and its line, then the card): with a heading the list area is unframed and
+   its table and footer carry the card.
+   @spec openspec/changes/board-folder-scope-outside-card/specs/index-page/spec.md#requirement-the-selected-folder-heads-the-list-from-outside-its-card */
+.cn-look-board .cn-index-page__main.cn-index-page__main--table:has(> .cn-index-page__scope-heading) {
+	border: 0;
+	border-radius: 0;
+	background: transparent;
+	overflow: visible;
+}
+
+.cn-look-board .cn-index-page__main--table:has(> .cn-index-page__scope-heading) > .cn-table-container.cn-table-container--board {
+	border: 1px solid var(--color-border);
+	border-radius: var(--cn-board-card-radius, 12px);
+	background: var(--color-main-background);
+	overflow: hidden;
+}
+
+.cn-look-board .cn-index-page__main--table:has(> .cn-index-page__scope-heading):has(> .cn-index-page__pagination) > .cn-table-container.cn-table-container--board {
+	border-bottom: 0;
+	border-radius: var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px) 0 0;
+}
+
+.cn-look-board .cn-index-page__main--table:has(> .cn-index-page__scope-heading) > .cn-index-page__pagination {
+	border: 1px solid var(--color-border);
+	border-top: 0;
+	border-radius: 0 0 var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px);
+	background: var(--color-main-background);
+}
+
 .cn-look-board .cn-index-page__scope-title {
 	font-size: 20px;
 	font-weight: 700;

package/src/css/look-board.css

@@ -1458,6 +1458,9 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
    connection's name opens its settings card). The underline marks the link.
    @spec openspec/changes/settings-table-link-ink/specs/settings-board-look/spec.md */
 .cn-look-board .settings-section .cn-data-table a.cn-cell-renderer__link:not(.cn-look-nextcloud *) {
+	/* thematiq colours every link with `!important` from these two tokens. */
+	--nldesign-component-link-color: var(--color-main-text);
+	--nldesign-color-on-surface: var(--color-main-text);
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
@@ -1542,7 +1545,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 .cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc {
-	margin-top: -10px;
+	/* 4px under the title and 14px above the content (PtBeheerinstellingen);
+	   the shell's `descGap` sets another gap, the content 10px further, as
+	   the boards drawn from NcBeheerInstellingen space them (6 and 16:
+	   DqBeheerinstellingen, LrBeheerinstellingen). The card's gap is 14px.
+	   @spec openspec/changes/board-settings-desc-spacing/specs/settings-board-look/spec.md */
+	margin-top: calc(var(--cn-board-settings-desc-gap, 4px) - 14px);
+	margin-bottom: calc(var(--cn-board-settings-desc-gap, 4px) - 4px);
 }
 
 .cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section > .notecard,
@@ -2122,6 +2131,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	padding: 20px var(--cn-board-dashboard-card-inset) calc(12px - var(--cn-board-first-line-leading, 0.15em));
 }
 
+/* Over a list that rules above its first row (record list ruleAbove, task
+   list, decision list) the rule stands 6px under the title and the row's own
+   12px follows it: the boards' card is title, 6px, rule, row (DqMijnTeam
+   "Vastgelopen zaken", DqMijnWerk "Zaken die u volgt").
+   @spec openspec/changes/board-card-title-above-ruled-list/specs/board-card-title-above-ruled-list/spec.md#requirement-a-ruled-list-starts-6px-under-the-card-title */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-widget-wrapper:not(.cn-widget-wrapper--nc-dashboard):not(.cn-widget-wrapper--borderless):has(> .cn-widget-wrapper__content .cn-record-list--rule-above, > .cn-widget-wrapper__content .cn-tasks-widget__list, > .cn-widget-wrapper__content .cn-decision-list__rows) .cn-widget-wrapper__header {
+	padding-bottom: 6px;
+}
+
 /* ---- Macros rows (CnMacrosWidget) ---------------------------------------- */
 /* A macro reads as the boards draw a card's list row: the name at weight 500
    over its 13px line, both at the font's normal line height, 56px a row
@@ -2222,6 +2240,23 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	line-height: normal;
 }
 
+/* A stacked audit row (DqTaak "Historie", `content.layout: "stacked"`): 12px
+   above and below, the action 15px weight 600, the moment and who under it
+   13px muted, 2px apart.
+   @spec openspec/changes/audit-card-stacked-rows/specs/audit-trail/spec.md#requirement-an-audit-row-can-put-its-moment-under-the-action */
+.cn-look-board .cn-audit-card__row--stacked:not(.cn-look-nextcloud *) {
+	padding: 12px 0;
+}
+
+.cn-look-board .cn-audit-card__row--stacked .cn-audit-card__action:not(.cn-look-nextcloud *) {
+	font-size: 15px;
+	font-weight: 600;
+}
+
+.cn-look-board .cn-audit-card__row--stacked .cn-audit-card__when:not(.cn-look-nextcloud *) {
+	color: var(--color-text-maxcontrast);
+}
+
 /* ---- Managed timeline rows (DqZaakHistorie "Historie van de zaak") ------ */
 /* The board draws a timeline entry as a rail row: a 34px circle on a 2px
    line, the message first at 15px weight 600, the kind, author and moment
@@ -3213,3 +3248,40 @@ html :where(.cn-look-board) :is(h2, h3, h5, h6):where(.cn-inner-heading) {
 .cn-look-board .cn-map-widget .leaflet-bar a.cn-map-widget__control:not(.cn-look-nextcloud *):focus-visible {
 	background: var(--color-background-hover);
 }
+
+/* The manage timeline's lines as DqZaakHistorie draws them: the subtitle and
+   the event count 14px muted (over a theme's paragraph tokens, which set a
+   paragraph 15px ink), the count line under a hairline, and the note form
+   card 12px under its heading with each label 6px over its field. */
+.cn-look-board .cn-timeline-manage__subtitle:not(.cn-look-nextcloud *),
+.cn-look-board .cn-timeline-manage__count:not(.cn-look-nextcloud *) {
+	--nldesign-component-paragraph-font-size: 14px;
+	--nldesign-component-paragraph-line-height: 1.2;
+	--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
+	font-size: 14px;
+	line-height: 1.2;
+	color: var(--color-text-maxcontrast);
+}
+
+.cn-look-board .cn-timeline-manage__footer:not(.cn-look-nextcloud *) {
+	padding-top: 12px;
+	border-top: 1px solid var(--cn-board-hairline);
+}
+
+.cn-look-board .cn-timeline-manage--composer-only .cn-timeline-manage__header:not(.cn-look-nextcloud *) {
+	margin-block-end: 12px;
+}
+
+.cn-look-board .cn-timeline-manage__composer:not(.cn-look-nextcloud *) {
+	gap: 6px;
+}
+
+.cn-look-board .cn-timeline-manage__draft-label:not(.cn-look-nextcloud *) {
+	margin-block-start: 6px;
+	font-size: 14px;
+	font-weight: 600;
+}
+
+.cn-look-board .cn-timeline-manage__draft-label:first-child:not(.cn-look-nextcloud *) {
+	margin-block-start: 0;
+}