FJurmanovic/wallet-web
1
0
Fork 0
mirror of https://github.com/FJurmanovic/wallet-web.git synced 2026-02-06 06:08:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

animated custom button

Browse Source
This commit is contained in:
Fran Jurmanović
2021-06-04 17:34:23 +02:00
parent d8b3a6a196
commit 1a02fa6474
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/styles/menu-item/menu-item.scss
View File

@@ -49,12 +49,16 @@ menu-item {
} }
[data-target="menu-item.customButton"] { [data-target="menu-item.customButton"] {
grid-area: custom; grid-area: custom;
display: none; display: flex;
visibility: hidden;
width: 0px;
display: flex;
transition: width 0.3s;
} }
&:hover { &:hover {
[data-target="menu-item.customButton"] { [data-target="menu-item.customButton"] {
grid-area: custom; grid-area: custom;
display: flex; visibility: visible;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 50px; width: 50px;