✨ Nextcloud 16 (alpha 1) polishing review

[jancborchardt]

As usual, we test the daily zip file to find details for polishing. 🎉

Anyone is welcome to take over issues and help out! :)

👩‍🏭 Installation

• Database toggle is completely broken fix database select styling in setup page #14643
• "Storage & database " has space at the end fix database select styling in setup page #14643
• Database password visibility toggle not toggleable via space (works for admin password) Bump strenghify to v0.5.8 #14833
• Highlight on "Finish setup" button is insufficient

🧙 First run wizard

• Improve layout & design of "Principles" (page 2): maybe move icons to left and show as list
• Improve layout & design of "Apps" (page 3): more zoomed app store screenshot so things are visible, reduce text
• Settings section Mobile & desktop: Layout is broken, icon alignment in buttons Bring back tiny css file for the personal page firstrunwizard#175

📁 Files

• Uploading a file, then changing to "Recent" and then changing to "All files" results in the cancel X of the upload progress to be next to the upload icon Unexpected icon-close in "All files" ui #15317
• When deleting a file, the upload progress bar appears on the top
• Grid view: Share action needs to be put into menu
• Grid view: Select should be put into menu not 16
• Grid view: In deleted files, Restore button is glitched inside of name, should be in the menu (only in grid view) Show comments and restore in popover menu #14931
• Shares category: When going to details of a file, actions are duplicated
• Deleted files: Thumbnails are low resolution Use higher preview resolution in trashbin #14719
• Deleted files: action should say "Delete permanently" instead of just "Delete" Trashbin: Delete => Delete permanently #14721
• Hovering filename in sidebar should show tooltip with full name (regression?)
• Tapping filename in sidebar should show tooltip too for mobile
• Highlight in sharing dialog (jQuery autocomplete) shouldn’t have the top and bottom border additionally
• Titles of share pages are not specific Titles for share pages are not specific #11506 to 17

🔮 Recommendations

• On mobile, there should be max 3 rows of recommendations Limit number of recommendations on mobile recommendations#32 -> Limit number of rows on mobile recommendations#58

🖼 Viewer

• Content should be displayed bigger (currently Gallery shows it as big as possible, and Viewer shows them a bit small) Full screenview and fullscreen. viewer#21
• Sometimes background flickers when changing images
• Background tinting should be darker Darken modal mask background for better focus nextcloud-libraries/nextcloud-vue#300
• Control hiding needs a quick fade out animation
• Viewer app needs to take precedence over Gallery slideshow, also on public share page Handling conflict with Gallery previewer, files_videoviewer etc viewer#3
• "Next" button shouldn’t be primary blue, takes too much attention from the images Allow to disable modal primary button styling nextcloud-libraries/nextcloud-vue#275
• Next & Previous buttons should be further to the sides, to be flush with X exit icon and not take focus away from the content
• Unicode characters (e.g. japanese) in filename not correctly displayed when going through slideshow
• Share and More icons should be on the right of the filename, not sticky to the X icon on the right
• Simplify error message to "Error loading filename.svg" Simplify error message viewer#24
• There’s a scrollbar on the right scrolling the content

⚡ Activity

• File previews are too big, and filetype icons way too small. (Regression) Set proper activity class activity#353
• Emptycontent icons and text should reflect the category Emptycontent view should show the proper icon activity#322

🔎 Search

• In grid view, results from other folders overlap summary of current folder contents ("3 files match …")
• No grid view for search results from other folders.

🔔 Notifications

• Dismissing older notification also hides every newer notification (only until refresh)
• Notifications window should have min-height (same as when it’s empty)
• Needs short compress animation for dismissing for proper feedback
  Moved to ✨ Nextcloud 16 polishing notifications#300

⚙ Settings

• Text links not properly highlighted
• Checkboxes (e.g. in "Sharing" or "Activity" settings) not properly highlighted on tabbing through
• Personal info: Saving feedback needs to be faster
• Personal info: Federation scope menu toggle not selectable via keyboard Fix personal settings fed scope tabindex #14808
• Accessibility: theme doesn’t change on tabbing to setting and activating it via space Fix selecting an accessibility theme with the keyboard #14809
• Admin overview: Update channel not reachable via keyboard, blue bar hover/focus feedback missing in entries Fix selecting an accessibility theme with the keyboard #14809
• Support: Add section about copying system report
• Security → Two-Factor Authentication: Hide whole block below "Enforce" checkbox until it’s checked Collapse 2FA admin detail settings if disabled #14713

🛠 Apps management

• Loading takes long when network connection is slow. Should just already display local apps (to 17 requires major work)
• Having detail sidebar open and scrolling all the way down in the app list moves the sidebar up
• Not possible to open sidebar via tabbing, only "Disable" (or "Download and enable") buttons are tabbable
• App bundles page shows "No apps found for your version" on the bottom (also in 15 stable)

👥 User management

• Feedback spinner should be on the button instead of on the left (where you don’t look when pressing the button)
• After adding a user, focus should jump to "Username" field to add another user Select the username input after creating a user successfully #14810
• When zoomed or adding more columns, select elements overlap

❓ Help

• Could use icons in the left navigation
• If zoomed in, menu should be hidden behind hamburger menu

🎨 Theming #14885

• Light theming color:
  • On error pages like "File not found"
  • "Forgot password?" on log in is light, should be dark
  • App name in header has boxy background
  • 3 dot icon in share link header is white, should be black
  • First run wizard "next" icon should be dark because the primary color is light Fix next arrow on light theming colors firstrunwizard#182
• Dark theme: "File not found" screen has dark icon, should be white
• Basically all the content of the .body-login-container should always be white because the container background is dark (#body-login p rule for footer overwrites this, should be more specific)

[nickvergessen]

⚡ Activity

• File previews are too big, and filetype icons way too small. (Regression)

I noticed this too lately, however the activity app was not modified in a long time, so it seems some global CSS is causing this?

• Emptycontent icons and text should reflect the category

See nextcloud/activity#322 (comment) Maybe I can finish it in the contributor week.

🔔 Notifications

• Dismissing older notification also hides every newer notification (only until refresh)

This should be fixed in master 🤔 But I will check again.

• Notifications window should have min-height (same as when it’s empty)

okidoki

• Needs short compress animation for dismissing for proper feedback

Can a designer do this or tell me how? I guess it goes here and fade is not enough? https://github.com/nextcloud/notifications/blob/master/src/components/notification.vue#L110

[icewind1991]

• Database toggle is completely broken
• "Storage & database " has space at the end

#14643

[Valdnet]

🔔 Notifications

Dismissing older notification also hides every newer notification (only until refresh)
This should be fixed in master 🤔 But I will check again.

👏 finally, it will be fixed.