Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Conversation

@marians
Copy link
Member

@marians marians commented Mar 8, 2019

Fixes https://github.com/giantswarm/giantswarm/issues/5469

In Firefox, with the number picker being disabled, the input field would contain two tiny increment/decrement buttons.

image

This PR hides the buttons and aligns he appearance with Chrome.

@marians marians self-assigned this Mar 8, 2019
@marians marians requested a review from oponder March 8, 2019 13:37
@taylorbot
Copy link

Comparison of lighthouse reports:

MASTER THIS BRANCH DELTA
Performance 63 64 ✅ +1
- First Contentful Paint 34 35 ✅ +1
- First Meaningful Paint 34 35 ✅ +1
- Time to Interactive 77 78 ✅ +1
- First CPU Idle 74 75 ✅ +1
- Estimated Input Latency 99 100 ✅ +1
- Eliminate render-blocking resources 49 47 ❌ -2
- Preconnect to required origins 75 74 ❌ -1

@marians
Copy link
Member Author

marians commented Mar 11, 2019

Re-ping @oponder

input:disabled
// to hide the increment/decrement buttons when disabled
-moz-appearance: textfield
background-color: #fff
Copy link
Contributor

Choose a reason for hiding this comment

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

is this background color right? Quickly tested the branch and it looks ok. But the background-color: #fff is being overruled, so it actually does nothing, and if it would do something, I think it would look odd.

Copy link
Contributor

@oponder oponder left a comment

Choose a reason for hiding this comment

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

Approving so you can keep moving.

but that background-color line is probably not needed.

@taylorbot
Copy link

Comparison of lighthouse reports:

MASTER THIS BRANCH DELTA
Performance 64 63 ❌ -1
- First Contentful Paint 35 34 ❌ -1
- First Meaningful Paint 35 34 ❌ -1
- Time to Interactive 79 78 ❌ -1
- Defer unused CSS 100 88 ❌ -12
- Preconnect to required origins 75 74 ❌ -1

@marians marians merged commit 09a9aed into master Mar 11, 2019
@marians marians deleted the fix-input-number-styling branch March 11, 2019 09:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants