ndi-2018
/
main
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

upd: fixed transition (2-way) for menu size

This commit is contained in:
xdrm-brackets 2017-12-04 17:44:43 +01:00
parent 7db3f2e3f8
commit 6d894c456f
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public_html/css/menu.css
View File

@ -34,8 +34,9 @@
cursor: pointer;
transition: background-color .1s ease-in-out,
color .2s ease-in-out;
transition: background .2s ease-in-out,
padding .2s ease-in-out,
color .2s ease-in-out;
}
#MENU .menu-item:hover,
@ -55,6 +56,9 @@
#WRAPPER.min #MENU .menu-item-wrapper .menu-item{
background-position: center center;
background-size: 50%;
width: calc( 100% - 5em );
padding-left: 5em;
background-position: 1.2em center;
background-size: 2em;
}

2
view/vue/menu.vue
View File

@ -5,7 +5,7 @@
<div v-for='(item, index) in gstore.menu_item' class='menu-item-wrapper'>
<div :class="(index == gstore.menu_item_active) ? 'menu-item active' : 'menu-item'" @click='navigate_menu(index)' :style='"background-image: url(/image/menu/" + item.icon + ".svg@333333"'>
<span v-show='!gstore.min_menu'>{{ item.label }}</span>
<span>{{ item.label }}</span>
</div>
</div>