1397212 - about:mozilla layout/design improvement

Status: NEW

(Firefox :: General, enhancement, P5)

Description

[Tim Guan-tin Chien [:timdream] (please needinfo)]

Given that we are updating the test in bug 1370613, we might as well update the layout/design too. There are a few things I think we should improve.

1. The text does not wrap on wide screens -- we should give it a max-width and let it wrap.
2. Italic looks ugly on East Asian writing systems. We should remove it.
3. Also, given that we have implemented vertical writing (bug 145503), we should use that on this page to mimic the typical layout(*) of actual scriptures, like [1] 

[1] https://www.lambsteps.com/wp-content/uploads/2015/08/61003-20160921017SBD-min.jpg

Comment 1

[Tim Guan-tin Chien [:timdream] (please needinfo)]

(Let's see if the community is interested.)

Comment 2

[[e-mail]]

Hi Tim,
I would like to work on this bug if its unassigned. 
I am new to contribution and new to coding. If given proper guidance I am sure I can work on it.

With Regards,
Abhishek.C

Comment 3

[Tim Guan-tin Chien [:timdream] (please needinfo)]

Hi Abhishek!

Feel free to propose a patch to this bug; I've layout some initial ideas in comment 0, but I guess you would need your designer's brain to make it look nice :)

Comment 4

[Tim Guan-tin Chien [:timdream] (please needinfo)]

Reset for not getting a response.

Comment 5

[Sören Hentzschel]

Attachment: screenshot

I made the following changes:

- set the max-width to 940px
- removed italic font style (it's still italic when <em> is used)
- use vertical writing for "from The Book of Mozilla, 11:14" (for min-width: 1100px)
- centered the content in the middle of the screen
- replaced background gradient with solid color
- used color from the Photon design system as background color (red-70)

What do you think? Do you want more changes?

Comment 6

[Tim Guan-tin Chien [:timdream] (please needinfo)]

Thanks for the contribution but I don't think this is what we want -- this feels like overuse of CSS features for no apparent purposes. For example, there is no need to use vertical writing outside of Eastern Asian writing system.

Comment 7

[Sören Hentzschel]

Okay, then I misunderstood the third point of the bug's description. ;-) Could you show an example how it can be used only for Eastern Asian writing systems?

Comment 8

[Tim Guan-tin Chien [:timdream] (please needinfo)]

https://developer.mozilla.org/en-US/docs/Web/CSS/:lang perhaps?

Comment 9

[sudhir saharan]

Hi Tim , can this bug be assigned to me . I am an outreachy applicant and it would be great to start off with this issue .

Comment 10

[Tim Guan-tin Chien [:timdream] (please needinfo)]

I am sorry, I can no longer mentor any bugs.