fix excessive underline in sidebar

This commit is contained in:
Dym Sohin 2020-09-19 21:28:03 +02:00
parent 0fee9a8fe7
commit f9977dbb3c
3 changed files with 7 additions and 10 deletions

View file

@ -809,6 +809,7 @@ nav {
.button-icon { .button-icon {
font-size: 1.2em; font-size: 1.2em;
margin-right: 0.5em;
} }
@keyframes shakeError { @keyframes shakeError {

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>

View file

@ -64,7 +64,7 @@
.timeline-menu-popover-wrap { .timeline-menu-popover-wrap {
overflow: hidden; overflow: hidden;
// Match panel heading padding to line up menu with bottom of heading // Match panel heading padding to line up menu with bottom of heading
margin-top: 0.6rem; margin-top: 0.6rem 0.65em;
padding: 0 15px 15px 15px; padding: 0 15px 15px 15px;
} }
.timeline-menu-popover { .timeline-menu-popover {
@ -138,10 +138,6 @@
&:last-child { &:last-child {
border: none; border: none;
} }
i {
margin: 0 0.5em;
}
} }
a { a {