]> git.ipfire.org Git - thirdparty/bootstrap.git/commit
Rework button focus/active styling, with extra changes for checks/radios (#37026)
authorPatrick H. Lauke <redux@splintered.co.uk>
Sun, 4 Sep 2022 16:59:14 +0000 (17:59 +0100)
committerGitHub <noreply@github.com>
Sun, 4 Sep 2022 16:59:14 +0000 (09:59 -0700)
commit32c457db4b6ff389efbd35772b24746c7ffb0b6d
tree55e7b5761f619d7456c8902230e4bd1f4d85a602
parentb8880e5eec6bb4f33578578ba2413f0d91424382
Rework button focus/active styling, with extra changes for checks/radios (#37026)

* Replace :focus styles with :focus-visible

* Remove :active / .active styles

* Don't apply :hover styles for `.btn` that follows a `.btn-check`

This removes a large part of the visual confusion of button checks/radios - that you currently have to move your mouse away from them to see what they actually changed to (checked or unchecked)

* Reintroduce :active, but *not* for button checks/radios

* Sort focus styling specifically for button checks/radios

don't change background on focus, just give it the border/outline. again, avoids confusion whether something is checked or not while focused

* Re-add `outline:0` which was lost when resolving last merge conflict

Co-authored-by: Mark Otto <markd.otto@gmail.com>
scss/_buttons.scss