root/pleroma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge branch 'fix/excessive-underline-in-sidebar' into 'develop'

Browse source 
fix excessive underline in sidebar

See merge request pleroma/pleroma-fe!1238
This commit is contained in:
Shpuld Shpludson 2020-09-30 06:59:09 +00:00
commit 68c2a5b18f
2 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/nav_panel/nav_panel.vue
View file

@ -7,12 +7,12 @@
:to="{ name: timelinesRoute }" :to="{ name: timelinesRoute }"
:class="onTimelineRoute && 'router-link-active'" :class="onTimelineRoute && 'router-link-active'"
> >
<i class="button-icon icon-home-2" /> {{ $t("nav.timelines") }} <i class="button-icon icon-home-2" />{{ $t("nav.timelines") }}
</router-link> </router-link>
</li> </li>
<li v-if="currentUser"> <li v-if="currentUser">
<router-link :to="{ name: 'interactions', params: { username: currentUser.screen_name } }"> <router-link :to="{ name: 'interactions', params: { username: currentUser.screen_name } }">
<i class="button-icon icon-bell-alt" /> {{ $t("nav.interactions") }} <i class="button-icon icon-bell-alt" />{{ $t("nav.interactions") }}
</router-link> </router-link>
</li> </li>
<li v-if="currentUser && pleromaChatMessagesAvailable"> <li v-if="currentUser && pleromaChatMessagesAvailable">
@ -23,12 +23,12 @@
> >
{{ unreadChatCount }} {{ unreadChatCount }}
</div> </div>
<i class="button-icon icon-chat" /> {{ $t("nav.chats") }} <i class="button-icon icon-chat" />{{ $t("nav.chats") }}
</router-link> </router-link>
</li> </li>
<li v-if="currentUser && currentUser.locked"> <li v-if="currentUser && currentUser.locked">
<router-link :to="{ name: 'friend-requests' }"> <router-link :to="{ name: 'friend-requests' }">
<i class="button-icon icon-user-plus" /> {{ $t("nav.friend_requests") }} <i class="button-icon icon-user-plus" />{{ $t("nav.friend_requests") }}
<span <span
v-if="followRequestCount > 0" v-if="followRequestCount > 0"
class="badge follow-request-count" class="badge follow-request-count"
@ -39,7 +39,7 @@
</li> </li>
<li> <li>
<router-link :to="{ name: 'about' }"> <router-link :to="{ name: 'about' }">
<i class="button-icon icon-info-circled" /> {{ $t("nav.about") }} <i class="button-icon icon-info-circled" />{{ $t("nav.about") }}
</router-link> </router-link>
</li> </li>
</ul> </ul>
@ -125,6 +125,10 @@
} }
} }
.nav-panel .button-icon {
margin-right: 0.5em;
}
.nav-panel .button-icon:before { .nav-panel .button-icon:before {
width: 1.1em; width: 1.1em;
} }

10
src/components/timeline_menu/timeline_menu.vue
View file

@ -138,15 +138,11 @@
&:last-child { &:last-child {
border: none; border: none;
} }
i {
margin: 0 0.5em;
}
} }
a { a {
display: block; display: block;
padding: 0.6em 0; padding: 0.6em 0.65em;
&:hover { &:hover {
background-color: $fallback--lightBg; background-color: $fallback--lightBg;
@ -174,6 +170,10 @@
text-decoration: underline; text-decoration: underline;
} }
} }
i {
margin-right: 0.5em;
}
} }
} }