Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Adjust the design to fit nc30 #4955

Closed
4 tasks done
szaimen opened this issue Jul 9, 2024 · 6 comments · Fixed by #5007
Closed
4 tasks done

Adjust the design to fit nc30 #4955

szaimen opened this issue Jul 9, 2024 · 6 comments · Fixed by #5007
Labels
2. developing Work in progress design Related to design, interface, interaction design, UX, etc.

Comments

@szaimen
Copy link
Collaborator

szaimen commented Jul 9, 2024 •
edited
Loading

See nextcloud/server#46016

Final is scheduled for 2024-09-14, so should be ready for end of august in best case

  • The backgrounds are in the "Compressed" folder at https://cloud.nextcloud.com/f/9996388
  • Indeed the main border container can be adjusted to var(--body-container-radius), 12px because it’s calc(var(--default-grid-baseline) * 3)
  • Buttons, input fields and entries are var(--border-radius-element) which is 8px
  • The sizes of the input field and button might have to be adjusted, new heights are 34px (--default-clickable-area)

cc @marcoambrosini
@szaimen szaimen added 1. to develop Accepted and waiting to be taken care of design Related to design, interface, interaction design, UX, etc. labels Jul 9, 2024
@jancborchardt jancborchardt mentioned this issue Jul 9, 2024
Closed
28 tasks
@szaimen szaimen mentioned this issue Jul 19, 2024
Merged
@szaimen szaimen added 2. developing Work in progress and removed 1. to develop Accepted and waiting to be taken care of labels Jul 19, 2024
@jancborchardt
Copy link
Member

Thanks @szaimen – if you have any screenshots feel free to post. :)

@szaimen
Copy link
Collaborator Author

szaimen commented Aug 19, 2024

image

@szaimen
Copy link
Collaborator Author

szaimen commented Aug 19, 2024

image

@szaimen
Copy link
Collaborator Author

szaimen commented Aug 19, 2024 •
edited
Loading

image

@szaimen
Copy link
Collaborator Author

szaimen commented Aug 19, 2024

image

@jancborchardt
Copy link
Member

Nice, looks very cool! :) The buttons are a bit different than in the main web interface, right? Brighter with possible contrast issue, and have a border around them.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Sep 3, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
2. developing Work in progress design Related to design, interface, interaction design, UX, etc.
Projects
🖍 Design team
Archived in project
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

aio-interface: adjust design for nc30 nextcloud/all-in-one
2 participants
@jancborchardt @szaimen