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

Feat/styling right click menu #114

Merged
merged 1 commit into from
Aug 19, 2024
Merged

Conversation

hweihwang
Copy link
Contributor

@hweihwang hweihwang commented Aug 15, 2024

Some screenshots of how it looks, not sure if it's okay :)

Full menu:
image

Partial:
image

Mobile:
image

Hover:
image

@hweihwang hweihwang linked an issue Aug 15, 2024 that may be closed by this pull request
@hweihwang hweihwang self-assigned this Aug 16, 2024
@juliushaertl
Copy link
Member

A quick screenshot would be generally appreciated for any UI changes :)

src/App.scss Outdated
}

.excalidraw .context-menu-item-separator {
border-top: 0.5px solid #adb5bd !important;
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
border-top: 0.5px solid #adb5bd !important;
border-top: 0.5px solid var(--color-border) !important;

src/App.scss Outdated
Comment on lines 134 to 135
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
Copy link
Member

Choose a reason for hiding this comment

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

Ideally we'd use spacing values that are calculated from --default-grid-baseline https://docs.nextcloud.com/server/latest/developer_manual/html_css_design/css.html#element-structure-variables

src/App.scss Outdated

.excalidraw .context-menu-item:hover {
background-color: var(--color-background-hover) !important;
border-radius: 6px !important;
Copy link
Member

Choose a reason for hiding this comment

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

Should use a css variable

Copy link
Member

@juliushaertl juliushaertl left a comment

Choose a reason for hiding this comment

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

Small nitpicks regarding usages of css variables, but otherwise looks good 👍

Signed-off-by: Hoang Pham <hoangmaths96@gmail.com>
@hweihwang hweihwang force-pushed the feat/styling-right-click-menu branch from 4e3ce4b to f7fc3dc Compare August 19, 2024 08:07
@juliushaertl juliushaertl merged commit 669b22c into main Aug 19, 2024
23 checks passed
@juliushaertl juliushaertl deleted the feat/styling-right-click-menu branch August 19, 2024 08:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Right click menu styling needs improvements
2 participants