Skip to content

[stable8] feat(NcAppSettingsDialog): new navigation design#8503

Merged
sorbaugh merged 1 commit intostable8from
backport/align-settings-title/stable8
May 7, 2026
Merged

[stable8] feat(NcAppSettingsDialog): new navigation design#8503
sorbaugh merged 1 commit intostable8from
backport/align-settings-title/stable8

Conversation

@nfebe
Copy link
Copy Markdown
Contributor

@nfebe nfebe commented May 6, 2026

The settings dialog title now sits over a tinted navigation column on the inline-start edge of the dialog, replacing the centered header. Navigation links use the default button weight with a rounded inline-start stripe on the active item.

Backport of #8477

@nfebe nfebe changed the title feat(settings-dialog): Align title with navigation column [stable8] feat(settings-dialog): Align title with navigation column May 6, 2026
@codecov
Copy link
Copy Markdown

codecov Bot commented May 6, 2026

Codecov Report

❌ Patch coverage is 59.25926% with 11 lines in your changes missing coverage. Please review.
✅ Project coverage is 46.85%. Comparing base (7db3ccb) to head (d401cbd).
⚠️ Report is 11 commits behind head on stable8.

Files with missing lines Patch % Lines
...onents/NcAppSettingsDialog/NcAppSettingsDialog.vue 52.17% 7 Missing and 4 partials ⚠️
Additional details and impacted files
@@             Coverage Diff             @@
##           stable8    #8503      +/-   ##
===========================================
+ Coverage    46.84%   46.85%   +0.01%     
===========================================
  Files          195      195              
  Lines         4921     4926       +5     
  Branches      1268     1268              
===========================================
+ Hits          2305     2308       +3     
- Misses        2528     2529       +1     
- Partials        88       89       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@nfebe nfebe force-pushed the backport/align-settings-title/stable8 branch 2 times, most recently from 913e77c to 57bcbb3 Compare May 6, 2026 09:52
@nfebe nfebe requested review from ShGKme, kra-mo and susnux May 6, 2026 10:07
@ShGKme ShGKme changed the title [stable8] feat(settings-dialog): Align title with navigation column [stable8] feat(NcAppSettingsDialog): new navigation design May 6, 2026
ShGKme
ShGKme previously requested changes May 7, 2026
Copy link
Copy Markdown
Contributor

@ShGKme ShGKme left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In the main the merged version used the new navigation design on older server versions.
In this PR, the navigation design is always new

main on v32 This PR on v32
image image

On legacy settings format (:legacy="true" - default) there is no title on any version

v34 v32
image image

On the new settings format (:legacy="false"):

  • No title on v32
  • Settings content has legacy styles applied even though the prop says to use the new format
v34 v32
image image

Comment thread src/components/NcAppSettingsDialog/NcAppSettingsDialog.vue Outdated
@ShGKme ShGKme added enhancement New feature or request design Design, UX, interface and interaction design labels May 7, 2026
@ShGKme ShGKme added this to the 8.39.0 milestone May 7, 2026
@nfebe nfebe force-pushed the backport/align-settings-title/stable8 branch 2 times, most recently from 74033ad to 9753ddf Compare May 7, 2026 09:24
@nfebe nfebe requested a review from ShGKme May 7, 2026 09:25
The settings dialog title now sits over a tinted navigation column on
the inline-start edge of the dialog, replacing the centered header.
Navigation links use the default button weight with a rounded
inline-start stripe on the active item.

Backport of the v9 main change to stable8.

Signed-off-by: nfebe <fenn25.fn@gmail.com>
@nfebe nfebe force-pushed the backport/align-settings-title/stable8 branch from 9753ddf to d401cbd Compare May 7, 2026 11:41
@nfebe
Copy link
Copy Markdown
Contributor Author

nfebe commented May 7, 2026

<34 34
34 34

Copy link
Copy Markdown
Contributor

@susnux susnux left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks good now

@sorbaugh sorbaugh enabled auto-merge May 7, 2026 12:58
@sorbaugh sorbaugh disabled auto-merge May 7, 2026 12:59
@sorbaugh sorbaugh enabled auto-merge May 7, 2026 12:59
@sorbaugh sorbaugh dismissed ShGKme’s stale review May 7, 2026 13:00

Points have been addressed

@sorbaugh sorbaugh merged commit f8bf3bc into stable8 May 7, 2026
19 checks passed
@sorbaugh sorbaugh deleted the backport/align-settings-title/stable8 branch May 7, 2026 13:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

design Design, UX, interface and interaction design enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants