sharpetronics/pico
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-02-24 00:39:20 -05:00
Code Issues Projects Releases Wiki Activity

fix: Dropdown focus styles

Browse Source
This commit is contained in:
Lucas Larroche 2022-12-29 17:59:44 +07:00
parent 477992f869
commit 4102702b05
1 changed files with 28 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
scss/components/_dropdown.scss
View File

@ -126,22 +126,35 @@
}
}
// Close for details[role="list"]
&[open] summary {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
&[open] {
summary {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
&::before {
display: block;
z-index: 1;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: none;
content: "";
cursor: default;
&:not([role="button"]) {
&:active,
&:focus {
border-color: var(#{$✨}form-element-border-color);
}
}
&:focus {
box-shadow: none;
}
// Close for details[role="list"]
&::before {
display: block;
z-index: 1;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: none;
content: "";
cursor: default;
}
}
}
}