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

Reply-quotes of code blocks have unsymmetrical padding #21870

Open
HarHarLinks opened this issue Apr 21, 2022 · 10 comments
Open

Reply-quotes of code blocks have unsymmetrical padding #21870

HarHarLinks opened this issue Apr 21, 2022 · 10 comments
Labels
A-Replies reply A-Timeline Hacktoberfest Issues which are suitable for Hacktoberfest PRs: https://hacktoberfest.digitalocean.com/ Help Wanted Extra attention is needed O-Occasional Affects or can be seen by some users regularly or most users rarely S-Tolerable Low/no impact on users T-Defect

Comments

@HarHarLinks
Copy link

HarHarLinks commented Apr 21, 2022

Steps to reproduce

  1. reply to a message with code block

Outcome

What did you expect?

text is vertically centered

What happened instead?

image

  • code block has less padding overall (while different, this is reasonable. in fact it would be reasonable everywhere imo)
  • code block has no numbers
  • code is not vertically centered in block
  • (replies quoting code blocks can quote >2 lines, not sure if that's intentional)

Operating system

arch

Application version

Element version: 1.10.10 Olm version: 3.2.8

How did you install the app?

aur

Homeserver

1.56

Will you send logs?

No

@luixxiul
Copy link

  • code block has no numbers
  • code is not vertically centered in block

I think these are not really intentional and should be addressed. Not sure about the padding width.

@SimonBrandner SimonBrandner added S-Tolerable Low/no impact on users A-Timeline A-Replies reply O-Occasional Affects or can be seen by some users regularly or most users rarely good first issue Good for newcomers labels Apr 23, 2022
@kittykat kittykat added the Help Wanted Extra attention is needed label May 4, 2022
@allenabraham777
Copy link

allenabraham777 commented Jan 29, 2023

What is the expected ui for this? Is there any A/C to be met?

May be I can help with resolving the issue.

@t3chguy
Copy link
Member

t3chguy commented Jan 30, 2023

@allenabraham777 I'd say the smaller top margin should be replicated to the bottom, but ideally this is done in such a way where it becomes a single PCSS variable which applies to the margin consistently so it can be easily tweaked.

@HarHarLinks
Copy link
Author

What about the "lines of quote" (hehehe)?

@Arnabdaz
Copy link

Arnabdaz commented Feb 4, 2023

#10084 Opened pull request with the fix for the issue

the issue to be fixed vertical text alignment and padding issues in top and bottom

before the fix:

Screenshot_20230205_024716

after the fix:

Screenshot_20230205_024653

and for the only 2 lines of code showing up in reply I think it is intentionally set up by the developers

Screenshot 2023-02-05 030728

@Arnabdaz
Copy link

Arnabdaz commented Feb 4, 2023

@HarHarLinks please let me know if that is the issue you were mentioning about

@HarHarLinks
Copy link
Author

Thank you for working on this.


code block has less padding overall (while different, this is reasonable. in fact it would be reasonable everywhere imo)

accepted as OK by t3chguy


code block has no numbers

not resolved:
image


code is not vertically centered in block

looks good to me:
image


(replies quoting code blocks can quote >2 lines, not sure if that's intentional

your test case is incorrect. on nightly 2023020501 this is still the current behaviour:
image

@Arnabdaz
Copy link

Arnabdaz commented Feb 6, 2023

replies quoting code blocks can quote >2 lines, not sure if that's intentional

@HarHarLinks I am not sure if I am understanding wrong but I think the developers intentionally added this where they only show 2 lines of text in the reply if a code block comes after 2 lines then it is not shown but if code block comes in 1st or 2nd line then in total 2 lines of code block and 2 lines of text is shown (ie. 4 lines max) in other cases code block is hidden ... so most probably it is intentional ..... but again I might be misunderstanding and be wrong sorry in advance if that's the case

@t3chguy can you please clear up the confusion

adding some test pics of my testing

Screenshot_20230206_172121

Screenshot_20230206_171706

@HarHarLinks
Copy link
Author

HarHarLinks commented Feb 6, 2023

That seems incredibly inconsistent to me. Maintainers or UX team will have to confirm the intended way.

To be clear: I think it is supposed to show 2 lines total max, not (for example) 2 lines of text and 2 lines of code block.

@germain-gg germain-gg removed the good first issue Good for newcomers label Feb 7, 2023
@manancodes
Copy link

What is the latest on this one? I can work on this.

  1. What are the intended number of lines?
  2. Do we need to show line numbers in code-block replies?

@Johennes Johennes added the Hacktoberfest Issues which are suitable for Hacktoberfest PRs: https://hacktoberfest.digitalocean.com/ label Oct 24, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A-Replies reply A-Timeline Hacktoberfest Issues which are suitable for Hacktoberfest PRs: https://hacktoberfest.digitalocean.com/ Help Wanted Extra attention is needed O-Occasional Affects or can be seen by some users regularly or most users rarely S-Tolerable Low/no impact on users T-Defect
Projects
None yet
Development

Successfully merging a pull request may close this issue.

10 participants