From 4349ee5e63a52fa7be4ec027a6ee5d4c85573c46 Mon Sep 17 00:00:00 2001 From: "@suet-kei.chan" Date: Thu, 1 Oct 2026 16:23:49 +0200 Subject: [PATCH 1/2] fix: keep Start breadcrumb label visible in subfolders on mobile The root crumb renders icon-only below the force-icon-text breakpoint, so the label had no text node to attach to and the crumb was blank but still clickable. Move it to the button wrapper, which exists in both render paths. --- css/components/ncbreadcrumb.scss | 27 ++++++++++++++++----------- 1 file changed, 16 insertions(+), 11 deletions(-) diff --git a/css/components/ncbreadcrumb.scss b/css/components/ncbreadcrumb.scss index 9ab1fc3..1eb3d14 100644 --- a/css/components/ncbreadcrumb.scss +++ b/css/components/ncbreadcrumb.scss @@ -14,22 +14,27 @@ } ul.breadcrumb__crumbs { - // Display root as "Start" text + // Label on the wrapper, not the text node: the root crumb renders + // icon-only (no text node) below the force-icon-text breakpoint. li.vue-crumb:first-child { - .button-vue__icon { - display: none; + .button-vue { + width: auto !important; + min-width: 0; + padding-inline: 0 4px; } + + .button-vue__icon, .button-vue__text { - display: block !important; - visibility: hidden; - position: relative; - width: 36px; + display: none; } - .button-vue__text::before { + + .button-vue__wrapper::before { content: 'Start'; - visibility: visible; - position: absolute; - left: 0; + white-space: nowrap; + } + + &:not(:last-child) .button-vue__wrapper::before { + font-weight: normal; } } From 8318e5687b1c96c0995ea8eda333aef4f0ba8af4 Mon Sep 17 00:00:00 2001 From: "@suet-kei.chan" Date: Fri, 2 Oct 2026 01:00:43 +0200 Subject: [PATCH 2/2] fix: align files list header across file views The UploadPicker form inherits height from --default-clickable-area (48px) while the themed button is 40px, making it the tallest flex item in the header. Views with the "New" button rendered 4px taller, shifting the breadcrumb and grid toggle 2px down compared to Favorites and Deleted files. Views without "New" still render an empty placeholder div that consumes one of the header's 4px gaps, pushing their breadcrumb out of line with the row-name column. --- css/apps/files.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/css/apps/files.scss b/css/apps/files.scss index 5bac47a..5aa33d4 100644 --- a/css/apps/files.scss +++ b/css/apps/files.scss @@ -454,6 +454,10 @@ form.upload-picker.files-list__header-upload-button--narrow { margin-left: auto; } + > div:empty { + display: none; + } + .files-list__header-grid-button { order: 3; border: 1px solid var(--color-main-text); @@ -496,6 +500,8 @@ form.upload-picker.files-list__header-upload-button--narrow { } .files-list__header-upload-button { + height: 40px; + button.action-item__menutoggle { all: unset; align-items: center;