maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Now labels with the CSS class crayons-btn that wrap inputs of type file have focus states (#15368)

Browse source
This commit is contained in:
Nick Taylor 2021-11-15 11:12:01 -05:00 • committed by GitHub
parent a0e15f7bd6
commit 9f998b470d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/assets/stylesheets/components/buttons.scss
View file

@ -132,7 +132,9 @@
} }
.js-focus-visible .crayons-btn.focus-visible:focus, .js-focus-visible .crayons-btn.focus-visible:focus,
.js-focus-visible .crayons-btn.focus-visible:focus-within { .js-focus-visible .crayons-btn.focus-visible:focus-within,
label[class*='crayons-btn']:focus-within // label for input[type="file"] made to look like a button as the browse... button can't be styled.
{
background-color: var(--bg-hover); background-color: var(--bg-hover);
border-color: var(--border-hover); border-color: var(--border-hover);
box-shadow: var(--shadow-hover); box-shadow: var(--shadow-hover);