Opened 3 years ago

Closed 9 months 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 3 years ago.
Index page on an iPhone 5s
IMG_0228.PNG (92.4 KB) - added by Timothy_Gu 3 years ago.
Download page on an iPhone 5s

Download all attachments as: .zip

Change History (8)

Changed 3 years ago by Timothy_Gu

Index page on an iPhone 5s

Changed 3 years ago by Timothy_Gu

Download page on an iPhone 5s

comment:1 follow-up: Changed 3 years ago by cehoyos

  • Component changed from undetermined to website
  • Keywords website removed

comment:2 in reply to: ↑ 1 Changed 3 years ago by Timothy_Gu

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 follow-up: Changed 3 years ago by 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.

Last edited 3 years ago by cehoyos (previous) (diff)

comment:4 in reply to: ↑ 3 ; follow-up: Changed 3 years ago by Timothy_Gu

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.

comment:5 in reply to: ↑ 4 Changed 3 years ago by cehoyos

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 Changed 9 months ago by richardpl

  • Resolution set to worksforme
  • Status changed from new to closed
Note: See TracTickets for help on using tickets.