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.

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

1306 usercontext menu inconsistent padding #1309

Merged
merged 6 commits into from
Jan 23, 2024

Conversation

YiranDuan721
Copy link
Contributor

@YiranDuan721 YiranDuan721 commented Jan 13, 2024

Motivation and Context

To improve the look of the user menu.

Description

  1. Align padding of header and items in the menu (fixes userContext menu inconsistent padding #1306)
  2. Reduce the space between icon and text in each item button
  3. Adjust the size and position of theme selections, making them more like sub-items of the item "theme" in the menu

Step for testing

  1. Remove "web/assets/css-dist"
  2. Run npm i under "web/"
  3. Run DB from docker; Build and run TUMLive-Backend
  4. Access localhost:8081, clear all website data and refresh website

Screenshots

Before After

@YiranDuan721 YiranDuan721 linked an issue Jan 13, 2024 that may be closed by this pull request
Copy link

Your Testserver will be ready at https://1309.test.live.mm.rbg.tum.de in a few minutes.

Logins
Kurs1 Kurs2 Kurs3 Kurs4
public public loggedin enrolled
prof1 prof1 prof2 prof1
prof2
student1
student2
student3
student1
student2
student2
student3
student1
student2

@SebiWrn SebiWrn self-requested a review January 18, 2024 13:23
Copy link
Contributor

@SebiWrn SebiWrn left a comment

Choose a reason for hiding this comment

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

I think the Admin Button is still slightly off.

@YiranDuan721
Copy link
Contributor Author

I think the Admin Button is still slightly off.

Thank you, I've made one more change. What do you think of this:

@SebiWrn
Copy link
Contributor

SebiWrn commented Jan 21, 2024

I think the icon is still a bit more on the left than the other icons

@YiranDuan721
Copy link
Contributor Author

I think the icon is still a bit more on the left than the other icons

Yes indeed... They should be vertically aligned in the center now:

@SebiWrn SebiWrn self-requested a review January 23, 2024 19:35
Copy link
Contributor

@SebiWrn SebiWrn left a comment

Choose a reason for hiding this comment

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

Looking much better now

@SebiWrn SebiWrn merged commit e9e4108 into dev Jan 23, 2024
8 checks passed
@SebiWrn SebiWrn deleted the 1306-usercontext-menu-inconsistent-padding branch January 23, 2024 19:36
SebiWrn pushed a commit that referenced this pull request May 7, 2024
* Align padding of header and items in tum-live-menu (fix #1306)

* Minor changes to tum-live-menu ui

* menu item: Reduce margin-right, so that the icons don't extend beyond the left boundary of the region

* Revert "menu item: Reduce margin-right, so that the icons don't extend beyond the left boundary of the region"

This reverts commit 94fe9f0.

* menu item: Reduce margin-right, so that the icons don't extend beyond the left boundary of the region

* menu item: Make the icons vertically aligned in the center
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

userContext menu inconsistent padding
2 participants