Add v-cloack to toggle-menu component and add hover style to drop down menu items

This commit is contained in:
leigh-mil
2019-11-27 09:47:15 -05:00
parent f4922f0db2
commit 05bdfde059
2 changed files with 25 additions and 22 deletions

View File

@@ -283,6 +283,10 @@
&:last-child { &:last-child {
border-bottom: 0; border-bottom: 0;
} }
&:hover {
background-color: $color-aqua-lightest;
}
} }
} }
} }

View File

@@ -133,7 +133,7 @@
</div> </div>
{% endfor %} {% endfor %}
{% if user_can(permissions.EDIT_APPLICATION_MEMBER) -%} {% if user_can(permissions.EDIT_APPLICATION_MEMBER) -%}
<toggle-menu inline-template> <toggle-menu inline-template v-cloak>
<div class="app-member-menu"> <div class="app-member-menu">
<span v-if="isVisible" class="accordion-table__item__toggler accordion-table__item__toggler--active"> <span v-if="isVisible" class="accordion-table__item__toggler accordion-table__item__toggler--active">
{{ Icon('ellipsis')}} {{ Icon('ellipsis')}}
@@ -157,7 +157,6 @@
{%- endif %} {%- endif %}
{%- endif %} {%- endif %}
</div> </div>
</div> </div>
</toggle-menu> </toggle-menu>
{%- endif %} {%- endif %}