aboutsummaryrefslogtreecommitdiff
path: root/src/components/navigation
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/navigation')
-rw-r--r--src/components/navigation/navigation_entry.vue64
-rw-r--r--src/components/navigation/navigation_pins.vue12
2 files changed, 39 insertions, 37 deletions
diff --git a/src/components/navigation/navigation_entry.vue b/src/components/navigation/navigation_entry.vue
index 0dcf5d85..64601be6 100644
--- a/src/components/navigation/navigation_entry.vue
+++ b/src/components/navigation/navigation_entry.vue
@@ -1,42 +1,42 @@
<template>
-<li class="NavigationEntry">
- <router-link
- class="menu-item"
- :to="item.routeObject || { name: (currentUser || item.anon) ? item.route : item.anonRoute, params: { username: currentUser.screen_name } }"
+ <li class="NavigationEntry">
+ <router-link
+ class="menu-item"
+ :to="item.routeObject || { name: (currentUser || item.anon) ? item.route : item.anonRoute, params: { username: currentUser.screen_name } }"
>
- <FAIcon
- v-if="item.icon"
- fixed-width
- class="fa-scale-110"
- :icon="item.icon"
- />
- <span
- class="icon iconLetter fa-scale-110"
- v-if="item.iconLetter"
- >{{ item.iconLetter }}
- </span>{{ item.labelRaw || $t(item.label) }}
- <button
- type="button"
- class="button-unstyled"
- @click.stop.prevent="togglePin(item.name)"
- >
<FAIcon
- v-if="showPin && currentUser"
+ v-if="item.icon"
fixed-width
class="fa-scale-110"
- :class="{ 'veryfaint': !isPinned(item.name) }"
- :transform="!isPinned(item.name) ? 'rotate-45' : ''"
- icon="thumbtack"
+ :icon="item.icon"
+ />
+ <span
+ v-if="item.iconLetter"
+ class="icon iconLetter fa-scale-110"
+ >{{ item.iconLetter }}
+ </span>{{ item.labelRaw || $t(item.label) }}
+ <button
+ type="button"
+ class="button-unstyled"
+ @click.stop.prevent="togglePin(item.name)"
+ >
+ <FAIcon
+ v-if="showPin && currentUser"
+ fixed-width
+ class="fa-scale-110"
+ :class="{ 'veryfaint': !isPinned(item.name) }"
+ :transform="!isPinned(item.name) ? 'rotate-45' : ''"
+ icon="thumbtack"
/>
- <div
- v-if="item.badgeGetter && getters[item.badgeGetter]"
- class="badge badge-notification"
+ <div
+ v-if="item.badgeGetter && getters[item.badgeGetter]"
+ class="badge badge-notification"
>
- {{ getters[item.badgeGetter] }}
- </div>
- </button>
- </router-link>
-</li>
+ {{ getters[item.badgeGetter] }}
+ </div>
+ </button>
+ </router-link>
+ </li>
</template>
<script src="./navigation_entry.js"></script>
diff --git a/src/components/navigation/navigation_pins.vue b/src/components/navigation/navigation_pins.vue
index f421b2be..fc89ca3d 100644
--- a/src/components/navigation/navigation_pins.vue
+++ b/src/components/navigation/navigation_pins.vue
@@ -1,22 +1,24 @@
<template>
<span class="NavigationPins">
<router-link
- v-for="item in pinnedList" :key="item.name" class="pinned-item"
+ v-for="item in pinnedList"
+ :key="item.name"
+ class="pinned-item"
:to="item.routeObject || { name: (currentUser || item.anon) ? item.route : item.anonRoute, params: { username: currentUser.screen_name } }"
- >
+ >
<FAIcon
v-if="item.icon"
fixed-width
:icon="item.icon"
- />
+ />
<span
v-if="item.iconLetter"
class="iconLetter fa-scale-110 fa-old-padding"
- >{{ item.iconLetter }}</span>
+ >{{ item.iconLetter }}</span>
<div
v-if="item.badgeGetter && getters[item.badgeGetter]"
class="alert-dot"
- />
+ />
</router-link>
</span>
</template>