Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Button] compact icon button had wrong padding #1571

Merged
merged 1 commit into from Jul 13, 2020

Conversation

lubber-de
Copy link
Member

@lubber-de lubber-de commented Jul 12, 2020

Description

A compact icon button padding was overridden by the usual padding because of too low specifitiy

Testcase

Broken

https://jsfiddle.net/lubber/ad2m4gqv/1/

Fixed

https://jsfiddle.net/lubber/ad2m4gqv/2/

Screenshot

Watch the middle Pause button

Broken

image

Fixed

image

Closes

#1582

@lubber-de lubber-de added type/bug Any issue which is a bug or PR which fixes a bug lang/css Anything involving CSS state/awaiting-reviews Pull requests which are waiting for reviews labels Jul 12, 2020
@lubber-de lubber-de added this to the 2.8.7 milestone Jul 12, 2020
Copy link
Contributor

@exoego exoego left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Copy link
Member

@ko2in ko2in left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM.

Copy link
Contributor

@prudho prudho left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@lubber-de lubber-de merged commit bdf6e55 into fomantic:develop Jul 13, 2020
@lubber-de lubber-de deleted the fix/compactIconButtonPadding branch July 13, 2020 09:14
@lubber-de lubber-de removed the state/awaiting-reviews Pull requests which are waiting for reviews label Jul 13, 2020
lubber-de added a commit that referenced this pull request Dec 3, 2020
A labeled icon button got a wrong margin especially when used for multiple dropdown buttons as the specificity changed in #1571

However labeled icon buttons are never supposed to be displayed without text so the selector for single icon buttons should not select labeled buttons.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
lang/css Anything involving CSS type/bug Any issue which is a bug or PR which fixes a bug
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants