Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

Icon misaligned vertically in icon button #4324

Closed

Description

@ivan7237d

Looking at the demo page, if you add background colors and remove border-radius, the icon button will look like this:

screen shot 2015-08-25 at 12 51 07 pm

The icon is very slightly below where it should be. Here's what it looks like if you correct this, for example by using "vertical-align: top; margin-top: 12px" instead of the current "vertical-align: middle":

screen shot 2015-08-25 at 12 52 11 pm

In itself not much of a problem, but I ran into this when in my app I overrode the size of the button to be smaller, and then the misalignment became clearly visible.

Activity

  1. ivan7237d commented on Aug 25, 2015

    @ivan7237d
    Author

    And the same issue for FAB:

    Demo page:
    screen shot 2015-08-25 at 2 44 57 pm

    Should be:
    screen shot 2015-08-25 at 2 46 46 pm

  2. modified the milestone: on Sep 2, 2015
  3. modified the milestones: , on Oct 15, 2015
  4. 2 remaining items

  5. EladBezalel commented on Nov 10, 2015

    @EladBezalel
    Member

    fixed in #5607

  6. modified the milestones: 1.0-rc5, 1.0-rc4 on Nov 15, 2015
  7. modified the milestones: 1.0-rc5, 1.0-rc7, on Nov 25, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions