This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Google Calendar buttons scaling issue

  • 2 replies
  • 1 has this problem
  • 2 views
  • Last reply by iLLbeFrank

iLLbeFrank
iLLbeFrank
more options

Hi,

I have a laptop with a 4K (3840 x 2160) display and have had issues with text scaling in various programs. I have tried various combinations of Windows display resolution and text size and have now settled on full recommended resolution of 3840 x 2160 and text size scaling of 225%.

In Google Calendar, the up and down buttons used to set Notifications, are abnormally small. I suspect this is related to high DPI scaling. Can this be fixed?

Hi, I have a laptop with a 4K (3840 x 2160) display and have had issues with text scaling in various programs. I have tried various combinations of Windows display resolution and text size and have now settled on full recommended resolution of 3840 x 2160 and text size scaling of 225%. In Google Calendar, the up and down buttons used to set Notifications, are abnormally small. I suspect this is related to high DPI scaling. Can this be fixed?

All Replies (2)

Wesley Branton
Wesley Branton
more options

Unfortunately, there's no way to style the spinner control for HTML number input fields. This is a flaw that was reported to the developers long ago, but nothing has really been done to fix it. Although the spinner does adjust slightly when you set the Windows text size scaling, it's not nearly a big enough adjustment.

The only real "solution" I can recommend is using the following code in a userContent.css file to hide the spinner controls from the textbox: 

input[type=number] { -webkit-appearance: textfield; }

It wouldn't fix the sizing issue, but it will remove what I can only assume are pretty useless buttons on a screen of that size. It's also worth noting that you can use the up and down arrow keys on your keyboard to increase or decrease the number.

It's not really an answer to your question, though.

iLLbeFrank
iLLbeFrank Question owner
more options

Thanks, now worries, one less thing for me to wonder about :)