Skip to content

API page uses inconsistent alignment of visual elements #16098

Closed

Description

@IgorMinar

I'm submitting a ... (check one with "x")
[x] bug report

Current behavior
The filter is center-aligned, while the individual items are left-aligned. This results in weird UX:

screen shot 2017-04-18 at 6 31 16 pm

Expected behavior
Use consistent alignment.

Activity

  1. sjtrimble commented on Apr 18, 2017

    @sjtrimble
    Contributor

    On it.

  2. IgorMinar commented on Apr 24, 2017

    @IgorMinar
    ContributorAuthor

    @sjtrimble I see that this issue is still open, but the PR referencing it was merged already. I still see that the filter input controls are not aligned with the results. The results are now padded to the right, but not quite centered, while the filter controls are centered. Is this intentional?
    screen shot 2017-04-25 at 12 23 05 am

    I don't know what's the best way to align this is, but I don't think that what we have right now is quite right.

  3. gkalpak commented on Apr 25, 2017

    @gkalpak
    Member

    FWIW, the results are technically centered (more obvious on wide screens), but each columns is wider than most entries, so it looks like there is more padding on the right. (But I agree it doesn't look nice on many screens.)

  4. sjtrimble commented on Apr 25, 2017

    @sjtrimble
    Contributor

    What George said :)

    PR #16301 should address this with the max-width. I'm doing several updates on the API pages in general, so this will change a bit with PR #16327 as well.

  5. angular-automatic-lock-bot commented on Sep 11, 2019

    @angular-automatic-lock-bot

    This issue has been automatically locked due to inactivity.
    Please file a new issue if you are encountering a similar or related problem.

    Read more about our automatic conversation locking policy.

    This action has been performed automatically by a bot.

  6. locked and limited conversation to collaborators on Sep 11, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions