Common-voice: Buttons should have hard corners (not rounded)

Created on 20 Nov 2017  路  5Comments  路  Source: mozilla/common-voice

Most buttons have rounded corners when they should all have hard corners. This occurs in many places.

screen shot 2017-11-20 at 10 07 24 am
screen shot 2017-11-20 at 10 07 16 am
screen shot 2017-11-20 at 10 07 10 am
screen shot 2017-11-20 at 10 07 06 am
screen shot 2017-11-20 at 10 05 11 am

cc/ @m-branson

ui-polish

Most helpful comment

yaiks, looks like chrome made the change to rounded buttons in their user agent styles. Fortunately the outcry was already large enough that they reverted the change (https://bugs.chromium.org/p/chromium/issues/detail?id=752450).

All 5 comments

Hi @iveskins, I can't seem to reproduce it. Can you check again (after a hard-reload)? I looked at it in FF & Chrome on both staging and prod and couldn't find rounded borders.

@ivonnekn @Gregoor I'm also seeing hard corners in FF.

@Gregoor @m-branson Seeing a discrepancy on Chrome on Mac OS X
Seeing this in the latest version 62.0.3202.94 (Official Build) (64-bit). I think the browser is setting a default border-radius of 4px. Might be worth setting an explicit border-radius: 0 to be sure?

yaiks, looks like chrome made the change to rounded buttons in their user agent styles. Fortunately the outcry was already large enough that they reverted the change (https://bugs.chromium.org/p/chromium/issues/detail?id=752450).

@Gregoor Happy to close this out since they're reverting it :)

Was this page helpful?
0 / 5 - 0 ratings