mirror of
https://github.com/maputnik/editor.git
synced 2025-12-26 16:10:01 +00:00
Merge pull request #626 from orangemug/fix/issue-321-accessible-layer-groups
Moved to using react-accessible-accordion for <LayerEditorGroup/>
This commit is contained in:
@@ -163,10 +163,39 @@
|
||||
color: $color-white;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
padding: $margin-2;
|
||||
line-height: 20px;
|
||||
border-top: solid 1px #36383e;
|
||||
|
||||
&__button {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
padding: $margin-2;
|
||||
|
||||
&__icon {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
&__icon--up {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&__icon--down {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&__button[aria-expanded="true"] {
|
||||
.maputnik-layer-editor-group__button__icon--up {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.maputnik-layer-editor-group__button__icon--down {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include flex-row;
|
||||
|
||||
&:hover {
|
||||
|
||||
Reference in New Issue
Block a user