Update menu animation for notifications
This commit is contained in:
parent
a21e75d865
commit
e50b8cd936
3 changed files with 12 additions and 4 deletions
|
@ -41,7 +41,7 @@
|
|||
|
||||
.icon {
|
||||
stroke: var(--color-primary) !important;
|
||||
transform: rotate(90deg);
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -204,7 +204,7 @@ $thumbnailWidthSmall: 2rem;
|
|||
outline: 2px solid var(--color-header-background);
|
||||
.icon {
|
||||
stroke: var(--color-primary);
|
||||
transform: rotate(90deg);
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -22,12 +22,20 @@ $contentMaxWidth: 60rem;
|
|||
stroke: var(--color-text);
|
||||
}
|
||||
|
||||
.menu__button {
|
||||
.icon {
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
[aria-expanded='true'].menu__button {
|
||||
opacity: 1;
|
||||
background-color: var(--color-header-background);
|
||||
border-radius: var(--border-radius);
|
||||
background-color: rgba(var(--color-header-button-base), 0.9);
|
||||
border-radius: 50%;
|
||||
outline: 2px solid var(--color-header-background);
|
||||
.icon {
|
||||
stroke: var(--color-primary);
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue