[UI] Comment dropdown not aligned #6723

Closed
opened 2025-11-02 07:04:46 -06:00 by GiteaMirror · 2 comments
Owner

Originally created by @kdumontnu on GitHub (Jan 19, 2021).

Description

Dropdown for comments (and perhaps elsewhere?) are not aligned with the parent element.

Should be a simple fix of adding top right to the semantic class definition.

Screenshots

image

Originally created by @kdumontnu on GitHub (Jan 19, 2021). <!-- NOTE: If your issue is a security concern, please send an email to security@gitea.io instead of opening a public issue --> <!-- 1. Please speak English, this is the language all maintainers can speak and write. 2. Please ask questions or configuration/deploy problems on our Discord server (https://discord.gg/gitea) or forum (https://discourse.gitea.io). 3. Please take a moment to check that your issue doesn't already exist. 4. Make sure it's not mentioned in the FAQ (https://docs.gitea.io/en-us/faq) 5. Please give all relevant information below for bug reports, because incomplete details will be handled as an invalid report. --> - Gitea version (or commit ref): 1.14.0+dev-566-ge05670da8 (latest master) - Git version: - Operating system: Windows, Chrome + Firefox - Can you reproduce the bug at https://try.gitea.io: - [X] Yes: https://try.gitea.io/kdumontnu/testRepo/issues/1 - [ ] No ## Description Dropdown for comments (and perhaps elsewhere?) are not aligned with the parent element. Should be a simple fix of adding `top right` to the semantic class definition. ## Screenshots <!-- **If this issue involves the Web Interface, please include a screenshot** --> ![image](https://user-images.githubusercontent.com/12700993/105085669-45850e80-5a55-11eb-9c6f-4d244b47e2da.png)
Author
Owner

@zeripath commented on GitHub (Jan 19, 2021):

this one could be solved with "top left" actually, but the smiley one needs "top right" which breaks because of our less abuse of .right.

We'd need to do some javascript or less changes I think or figure out how to set this some other way

@zeripath commented on GitHub (Jan 19, 2021): this one could be solved with "top left" actually, but the smiley one needs "top right" which breaks because of our less abuse of .right. We'd need to do some javascript or less changes I think or figure out how to set this some other way
Author
Owner

@kdumontnu commented on GitHub (Jan 19, 2021):

"top right" breaks because of our less abuse of .right.

Yeah, I found that out the hard way :/

I like the look of right better than left and it's consistent.

I have a patch-fix using .right:not(.dropdown) in less, but would like to improve it

@kdumontnu commented on GitHub (Jan 19, 2021): > "top right" breaks because of our less abuse of .right. Yeah, I found that out the hard way :/ I like the look of `right` better than `left` and it's consistent. I have a patch-fix using `.right:not(.dropdown)` in less, but would like to improve it
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/gitea#6723