X
Tap here to go to the mobile version of the site.

Support Forum

Google Calendar buttons scaling issue

Posted

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?
Quote

Additional System Details

Application

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:66.0) Gecko/20100101 Firefox/66.0

More Information

Wesley Branton
  • Top 10 Contributor
579 solutions 4945 answers

Helpful Reply

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.

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 [http://kb.mozillazine.org/index.php?title=UserContent.css&printable=yes a userContent.css file] to hide the spinner controls from the textbox: <pre><nowiki>input[type=number] { -webkit-appearance: textfield; }</nowiki></pre> 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.
Was this helpful to you? 1
Quote

Question owner

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

Thanks, now worries, one less thing for me to wonder about :)
Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.