diff options
| author | Patrick H. Lauke <[email protected]> | 2017-04-14 20:13:46 +0100 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-04-16 13:57:33 -0700 |
| commit | ea1d69c64be168bb644ae9fc4450a5c85b51609b (patch) | |
| tree | e746c399bbf4152b2a603cafcbbf01ad10d8c5ce /docs/assets/scss | |
| parent | bc0cf36dc85cc974d92d3a7c64987aa6bc37ea25 (diff) | |
| download | bootstrap-ea1d69c64be168bb644ae9fc4450a5c85b51609b.tar.xz bootstrap-ea1d69c64be168bb644ae9fc4450a5c85b51609b.zip | |
Make "Copy" buttons actual buttons
This makes them keyboard-accessible. For mouse users, the only change
here is that the focus outline will remain on the button once clicked
(in future, this can be solved with :focus-ring, but for now this would
require a polyfill). the tooltip is explicitly hidden on `mouseleave`,
so even though the `<button>` retains focus after clicking, the tooltip
won't stay visible once mouse user moves away.
the mouse hover styles have explicitly not been make to also apply to
:focus, so as to minimise the visual impact for
mouse users (though the tooltip remains visible)
- but due to the default outline and the custom tooltip, it
should be fairly clear when keyboard users set focus to a copy button
too.
Diffstat (limited to 'docs/assets/scss')
| -rw-r--r-- | docs/assets/scss/_clipboard-js.scss | 1 |
1 files changed, 1 insertions, 0 deletions
diff --git a/docs/assets/scss/_clipboard-js.scss b/docs/assets/scss/_clipboard-js.scss index cc3176a99..e27d1d4f8 100644 --- a/docs/assets/scss/_clipboard-js.scss +++ b/docs/assets/scss/_clipboard-js.scss @@ -23,6 +23,7 @@ color: #818a91; cursor: pointer; background-color: transparent; + border: 0; border-radius: .25rem; &:hover { |