Closed Bug 1700802 Opened 4 years ago Closed 4 years ago

Consider adding a subtle radius to the auto style outline in the non-native-theme

Categories

(Core :: Widget, enhancement)

enhancement

Tracking

()

RESOLVED FIXED
89 Branch
Tracking Status
firefox89 --- fixed

People

(Reporter: emilio, Assigned: emilio)

References

Details

Attachments

(1 file)

(When not following the frame's border-radius for example)

This makes stuff like data:text/html,<input style="border-color: lightgrey"> more aesthetically pleasing I think.

I think it would make sense to have border radius == stroke width. Then the inside corner will still be square and the outside will be rounded. And it will look as if the border was a stroke with line-join: bevel.

(When not following the frame's border radius of course)

This makes stuff like:

data:text/html,<input style="border-color: lightgrey">

More aesthetically pleasing when focused, and we still keep the square
inside the outline (this is what Safari does).

(In reply to Markus Stange [:mstange] from comment #1)

I think it would make sense to have border radius == stroke width. Then the inside corner will still be square and the outside will be rounded. And it will look as if the border was a stroke with line-join: bevel.

The only thing where that differs from my patch is handling outline-offset, but yes!

Pushed by ealvarez@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/e5cb08edeee7 Add a small radius to the auto style outline. r=mstange
Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → FIXED
Target Milestone: --- → 89 Branch
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: