oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

menu expanded trigger animation

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-09-10 15:38:03 +02:00
parent 87b0e65b98
commit b635fcbc7a
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/molecules/UserPreferences/index.module.css
View File

@ -6,7 +6,7 @@
.icon { .icon {
fill: var(--brand-grey-light); fill: var(--brand-grey-light);
transition: fill 0.2s ease-out; transition: 0.2s ease-out;
} }
.preferences:hover .icon, .preferences:hover .icon,
@ -16,6 +16,10 @@
fill: var(--brand-grey); fill: var(--brand-grey);
} }
.preferences[aria-expanded='true'] .icon {
transform: rotate(180deg);
}
.preferencesDetails { .preferencesDetails {
padding: calc(var(--spacer) / 2); padding: calc(var(--spacer) / 2);
} }

2
src/components/molecules/Wallet/Account.module.css
View File

@ -55,7 +55,7 @@
transition: transform 0.2s ease-out; transition: transform 0.2s ease-out;
} }
.wallet[aria-expanded='true'] .button svg { [aria-expanded='true'] .button svg {
transform: rotate(180deg); transform: rotate(180deg);
} }