Update relative position hack for layers
Switches to slightly more verbose, but more consistent, z-index layering we use elsewhere (e.g., pagination). Doing this ensures we're not toggling position on and off, but rather z-index.
This commit is contained in:
parent
6a37612540
commit
3df4dd15e4
|
@ -3,6 +3,7 @@
|
||||||
//
|
//
|
||||||
|
|
||||||
.accordion-button {
|
.accordion-button {
|
||||||
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -39,8 +40,12 @@
|
||||||
@include transition($accordion-icon-transition);
|
@include transition($accordion-icon-transition);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
position: relative;
|
z-index: 3;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
box-shadow: $btn-focus-box-shadow;
|
box-shadow: $btn-focus-box-shadow;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue