#752 TOC on order page becomes too narrow on small screens

Closed
opened 2 years ago by reinhard · 4 comments
reinhard commented 2 years ago
Collaborator

The TOC on the order page becomes too narrow on very small screens (like mobile phones), so that the text flows out of the box. It could be solved by placing the TOC box above the text instead of besides it on small screens.

This is probably related to the use of individual CSS styles for that TOC. It would be preferrable to have a global style available for a table of contents box, which is properly arranged for any screen size.

The TOC on the order page becomes too narrow on very small screens (like mobile phones), so that the text flows out of the box. It could be solved by placing the TOC box above the text instead of besides it on small screens. This is probably related to the use of individual CSS styles for that TOC. It would be preferrable to have a global style available for a table of contents box, which is properly arranged for any screen size.
reinhard added the
design
label 2 years ago
max.mehl commented 2 years ago
Owner

Would you suggest using bootstrap's grids in order to achieve a similar look?

Would you suggest using [bootstrap's grids](https://getbootstrap.com/docs/3.3/examples/grid/) in order to achieve a similar look?
reinhard commented 2 years ago
Poster
Collaborator

I am not sure whether that would work, since there is no fixed text beside the table of contents. The TOC should just float right if it's a wide screen, and be on top with full width if it's a narrow screen.

I am not sure whether that would work, since there is no fixed text beside the table of contents. The TOC should just float right if it's a wide screen, and be on top with full width if it's a narrow screen.
max.mehl added this to the Hackathon1905 milestone 2 years ago
vincent self-assigned this 2 years ago
vincent commented 2 years ago
Collaborator

See PR #930

See [PR #930](https://git.fsfe.org/FSFE/fsfe-website/pulls/930)
vincent commented 2 years ago
Collaborator

Closed by 03287d7e56

Closed by https://git.fsfe.org/FSFE/fsfe-website/commit/03287d7e566bdd1c29ada2682d607a7180d1582c
vincent closed this issue 2 years ago
Sign in to join this conversation.
No Milestone
No Assignees
3 Participants
Notifications
Due Date

No due date set.

Dependencies

This issue currently doesn't have any dependencies.

Loading…
There is no content yet.