Skip to content

GitLab

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
  • Sign in
E
extensions.typo3.org
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Locked Files
  • Issues 62
    • Issues 62
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
    • Iterations
  • Merge Requests 9
    • Merge Requests 9
  • Requirements
    • Requirements
    • List
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
  • Security & Compliance
    • Security & Compliance
    • Dependency List
    • License Compliance
  • Operations
    • Operations
    • Incidents
    • Environments
  • Packages & Registries
    • Packages & Registries
    • Container Registry
  • Analytics
    • Analytics
    • CI / CD
    • Code Review
    • Insights
    • Issue
    • Repository
    • Value Stream
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • services
  • extensions.typo3.org
  • extensions.typo3.org
  • Issues
  • #196

Closed
Open
Opened Aug 30, 2017 by Andreas Nedbal@pixeldesuContributor

Layout suggestions

The entire layout and sizing of the website feels way too large. (on screens that are not high resolution/retina)

It fills the entire screen width for certain device widths (.container-fluid) and the headings chosen for the card-titles are way too large as well, wasting a lot of screen space.

Here an example, for a side-by-side view. This first screenshot is the current website as-is.

Selection_262

And this is a locally modified version (with Chrome DevTools) just to narrow down a lot of things.

Selection_263

(both screenshots capture exactly the same viewport, just from different tabs, no tricking with zoom-levels here 😄 )

What I changed:

  • Switched out the .container-fluid that a huge part of the site used, replaced it with just .container instead.
  • Replaced all card headings with h3 instead of h2 and all subtitles with h5 instead of h4
  • I also adjusted the padding of the TYPO3 logo, just to properly line up the navigation with the container

These are not too significant changes to the site layout, but they already make a huge difference compared to what there was before.

Assignee
Assign to
Backlog
Milestone
Backlog
Assign milestone
Time tracking
None
Due date
None
Reference: services/extensions.typo3.org/ter#196