LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Update menu animation for notifications

Browse source
This commit is contained in:
Raphael Wickihalder 2022-04-09 17:37:27 +02:00
parent a21e75d865
commit e50b8cd936
No known key found for this signature in database
GPG key ID: 05179BB92383243D
3 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/scss/component/_claim-list.scss
View file

@ -41,7 +41,7 @@
.icon { .icon {
stroke: var(--color-primary) !important; stroke: var(--color-primary) !important;
transform: rotate(90deg); transform: rotate(-90deg);
} }
} }

2
ui/scss/component/_comments.scss
View file

@ -204,7 +204,7 @@ $thumbnailWidthSmall: 2rem;
outline: 2px solid var(--color-header-background); outline: 2px solid var(--color-header-background);
.icon { .icon {
stroke: var(--color-primary); stroke: var(--color-primary);
transform: rotate(90deg); transform: rotate(-90deg);
} }
} }
} }

12
ui/scss/component/_notification.scss
View file

@ -22,12 +22,20 @@ $contentMaxWidth: 60rem;
stroke: var(--color-text); stroke: var(--color-text);
} }
.menu__button {
.icon {
transition: transform 0.2s;
}
}
[aria-expanded='true'].menu__button { [aria-expanded='true'].menu__button {
opacity: 1; opacity: 1;
background-color: var(--color-header-background); background-color: rgba(var(--color-header-button-base), 0.9);
border-radius: var(--border-radius); border-radius: 50%;
outline: 2px solid var(--color-header-background);
.icon { .icon {
stroke: var(--color-primary); stroke: var(--color-primary);
transform: rotate(-90deg);
} }
} }
} }