Style Aurora nav submenu items to match native WP submenu style
This commit is contained in:
@@ -180,16 +180,15 @@ const isAuroraActive = (item) => normalize(item.url) === current.value;
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<ul v-if="auroraExpanded" class="sidebar__list sidebar__aurora-list">
|
||||
<li v-for="item in auroraNav" :key="item.id" class="sidebar__item">
|
||||
<div class="sidebar__row" :class="{ 'sidebar__row--active': isAuroraActive(item) }">
|
||||
<a :href="item.url" class="sidebar__link" :title="collapsed ? item.title : null">
|
||||
<span class="sidebar__icon">
|
||||
<span class="dashicons" :class="item.icon?.value" />
|
||||
</span>
|
||||
<span class="sidebar__title">{{ item.title }}</span>
|
||||
<ul v-if="auroraExpanded" class="sidebar__sublist">
|
||||
<li v-for="item in auroraNav" :key="item.id" class="sidebar__subitem">
|
||||
<a
|
||||
:href="item.url"
|
||||
class="sidebar__sublink"
|
||||
:class="{ 'sidebar__sublink--active': isAuroraActive(item) }"
|
||||
>
|
||||
{{ item.title }}
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user