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; 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; } }