Add v-cloack to toggle-menu component and add hover style to drop down menu items
This commit is contained in:
@@ -283,6 +283,10 @@
|
|||||||
&:last-child {
|
&:last-child {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: $color-aqua-lightest;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@@ -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 %}
|
||||||
|
Reference in New Issue
Block a user