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

#7864 [mB] redesign comments and replies (Report/Share) #5694

Open
mcastro-lqd opened this issue Sep 3, 2024 · 4 comments
Open

#7864 [mB] redesign comments and replies (Report/Share) #5694

mcastro-lqd opened this issue Sep 3, 2024 · 4 comments
Labels
Type: UX/UI or design issue related to the design
Milestone

Comments

@mcastro-lqd
Copy link
Contributor

URL: https://meinberlin-design-testing-dev.liqd.net/ideas/2024-01098/
important screensize: Mobile
device & browser: Safari Version 17.5 (19618.2.12.11.6) / Chrome Version 126.0.6478.127 (Official Build) (arm64)
Comment/Question:

Screenshot 2024-09-03 at 09 00 26

Regarding this area here, I agree that it looks an error. I was thinking, if its not super difficult/time consuming to change that now, would it be possible to just leave the Like/Dislike/Comment on Mobile and add the Report and Share under the ellipsis-V?

Also for Mobile, we could maybe leave a little bit less spacing between them cause on iPhone it looks like this and it would make more sense to have them more aligned with the grey line:
IMG_2453

@mcastro-lqd mcastro-lqd changed the title #7864 [mB] redesign comments and replies #5693 #7864 [mB] redesign comments and replies (Melden/Report) Sep 3, 2024
@mcastro-lqd mcastro-lqd changed the title #7864 [mB] redesign comments and replies (Melden/Report) #7864 [mB] redesign comments and replies (Report/Share) Sep 3, 2024
@CarolingerSeilchenspringer CarolingerSeilchenspringer added the Type: UX/UI or design issue related to the design label Sep 12, 2024
@vellip
Copy link
Collaborator

vellip commented Oct 1, 2024

@CarolingerSeilchenspringer @mcastro-lqd As far as I see, this is part of a4 and therefore can't be easily adapted.

Unless we want to go ahead and see if we can allow for more flexible rendering in A4 as we spoke about (@hom3mad3), I don't think this would be possible without changing this for all projects.

Another option would be something like this
CleanShot 2024-10-01 at 09 39 18@2x

@CarolingerSeilchenspringer
Copy link
Contributor

@vellip as discussed with @mcastro-lqd and @MarleyMi we can think of three options to solve this: 1) take out the words like/dislike as the icons should be self-explanatory, 2) hide share and report behind three dots (if @TeaJayyy agrees we could do this in A4) or 3) move wording below icons as done e.g. by linkedIn
Bildschirmfoto 2024-10-07 um 16 43 39 Can you say/ check which one of those solutions would work best for you?

@vellip
Copy link
Collaborator

vellip commented Oct 9, 2024

@CarolingerSeilchenspringer I'd say 1) and 3) are the easiest done as I have no say about whether you want to move those buttons globally in a4.

@CarolingerSeilchenspringer
Copy link
Contributor

@vellip please go for 3) then and lets see how that works.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: UX/UI or design issue related to the design
Projects
None yet
Development

No branches or pull requests

3 participants