Skip to content
This repository was archived by the owner on May 29, 2026. It is now read-only.

fix(ui): bump @nextcloud/vue to ^8.39.0 (nav corner sliver on NC<34)#1917

Merged
rubenvdlinde merged 1 commit into
developmentfrom
chore/bump-nextcloud-vue-8.39
May 25, 2026
Merged

fix(ui): bump @nextcloud/vue to ^8.39.0 (nav corner sliver on NC<34)#1917
rubenvdlinde merged 1 commit into
developmentfrom
chore/bump-nextcloud-vue-8.39

Conversation

@rubenvdlinde

Copy link
Copy Markdown
Contributor

Problem

A small white curved sliver appears at the top of the app navigation, next to the collapse toggle, on Nextcloud < 34 (this dev server is NC 32).

Root cause

NC 34 introduced a new app layout where .app-content is a rounded card (border-radius: 16px 0 0 16px). @nextcloud/vue 8.39.0 added a server-version guard (isLegacy34 = NC major < 34) that applies content--legacy / app-navigation--legacy to keep the old flush, square layout on NC < 34. Versions ≤ 8.38.0 lack this guard and unconditionally render the rounded layout, so the white .app-content corner pokes past the still-square translucent .app-navigation → the sliver.

Verified live: openconnector (8.39.0) renders app-navigation--legacy + border-radius: 0 and is clean; openregister/opencatalogi/pipelinq/doriath (≤8.38) show the sliver.

Fix

Bump @nextcloud/vue to ^8.39.0 in both the direct dependency and the overrides pin (the override was the binding constraint). No code changes — the guard lives in the library. js/ is gitignored, so CI rebuilds the bundle on release.

Part of a fleet-wide sweep across all apps built against @nextcloud/vue < 8.39.0.

On Nextcloud servers older than 34, @nextcloud/vue <8.39.0 unconditionally
renders the NC34 app layout, which rounds the .app-content left corners
(border-radius: 16px 0 0 16px). Against the still-square translucent
.app-navigation this leaves a white sliver poking out at the nav/content
seam near the collapse toggle.

8.39.0 added a server-version guard (isLegacy34 = NC major < 34) that
applies the content--legacy / app-navigation--legacy modifiers to keep the
old flush, square layout on NC<34, eliminating the sliver. Bump both the
direct dependency and the overrides pin so the new version is actually
resolved.
@github-actions

Copy link
Copy Markdown
Contributor

Quality Report — ConductionNL/openregister @ 3ace58e

Check PHP Vue Security License Tests
lint
phpcs
phpmd
psalm
phpstan
phpmetrics
eslint
stylelint
composer ✅ 165/165
npm ✅ 532/532
PHPUnit ⏭️
Newman ⏭️
Playwright ⏭️

Quality workflow — 2026-05-25 21:53 UTC

Download the full PDF report from the workflow artifacts.

@rubenvdlinde rubenvdlinde merged commit 4da7c0e into development May 25, 2026
20 of 25 checks passed
@rubenvdlinde rubenvdlinde deleted the chore/bump-nextcloud-vue-8.39 branch May 25, 2026 22:09
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant