Opened 9 years ago

Closed 7 years ago

#4112 closed defect (worksforme)

http://ffmpeg.org ugly on phones

Reported by: Timothy Gu Owned by:
Priority: wish Component: website
Version: unspecified Keywords:
Cc: Blocked By:
Blocking: Reproduced by developer: no
Analyzed by developer: no

Description

Summary of the bug

When viewing the website from a low-width device like iPhones in portrait mode, it is ugly.

I don't think this is a regression since the new website.

How to reproduce

If you have a small screen phone (like an iPhone):
View https://ffmpeg.org and https://ffmpeg.org/download.html on an iPhone or iPod touch in portrait mode.

If you don't have an iPhone:
Fire up Google Chrome device mode and choose Apple iPhone or something like that.

If you are too lazy:
Look at the attachments.

Points of improvement

Index page

  1. The padding above and around "A complete ..." should be reduced.
  2. The whitespace control for the sample command should be adjusted to wrap at the spaces.
  3. The margins around the sample command should be adjusted.

Download page

  1. The buttons for the three platforms should be fixed. It is currently broken for screen width <= 520 px.
  2. There should be a white space between the donating sentence and the title (I'm working on this).
  3. If possible, the padding for the download button can be selectively increased on xs devices.
  4. If possible, the height of some wells should be retracted to normal on small-screen devices

Attachments (2)

IMG_0227.PNG (41.5 KB ) - added by Timothy Gu 9 years ago.
Index page on an iPhone 5s
IMG_0228.PNG (92.4 KB ) - added by Timothy Gu 9 years ago.
Download page on an iPhone 5s

Download all attachments as: .zip

Change History (8)

by Timothy Gu, 9 years ago

Attachment: IMG_0227.PNG added

Index page on an iPhone 5s

by Timothy Gu, 9 years ago

Attachment: IMG_0228.PNG added

Download page on an iPhone 5s

comment:1 by Carl Eugen Hoyos, 9 years ago

Component: undeterminedwebsite
Keywords: website removed

in reply to:  1 comment:2 by Timothy Gu, 9 years ago

Replying to cehoyos:

http://fate.ffmpeg.org/old

Sorry, I don't understand this comment. What are you trying to say by referencing the old FATE website?

comment:3 by Carl Eugen Hoyos, 9 years ago

I sent an email to the mailing list very shortly after the new design was created:
http://thread.gmane.org/gmane.comp.video.ffmpeg.cvs/80164/focus=80168
Michael re-added the old design under a new link http://fate.ffmpeg.org/old and this site works very well for me: I use it nearly every day on my iPhone.

Last edited 9 years ago by Carl Eugen Hoyos (previous) (diff)

in reply to:  3 ; comment:4 by Timothy Gu, 9 years ago

Replying to cehoyos:

I sent an email to the mailing list very shortly after the new design was created:
http://thread.gmane.org/gmane.comp.video.ffmpeg.cvs/80164/focus=80168
Michael re-added the old design under a new link http://fate.ffmpeg.org/old and this site works very well for me: I use it nearly every day on my iPhone.

This ticket is for the main website, not for FATE.

But anyway, as the fateserver maintainer I have not read or seen the post you linked. If I find time I will probably send you some emails in private regarding the FATE design.

in reply to:  4 comment:5 by Carl Eugen Hoyos, 9 years ago

Replying to Timothy_Gu:

This ticket is for the main website, not for FATE.

Sorry, I completely agree with your ticket, but I typically visit only fate with the iPhone on ffmpeg.org.

comment:6 by Elon Musk, 7 years ago

Resolution: worksforme
Status: newclosed
Note: See TracTickets for help on using tickets.