krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 22:57:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(dropdowns): fewer bottom borders

Browse Source
This commit is contained in:
SabreCat
2017-08-15 22:25:22 +00:00
parent 9943a94108
commit 00d72fe555
3 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
website/client/assets/scss/dropdown.scss
View File

@@ -34,7 +34,6 @@
line-height: 1.71;
color: $gray-50;
cursor: pointer;
border-bottom: 1px solid $gray-500;
&:focus {
outline: none;

6
website/client/components/appMenu.vue
View File

@@ -62,7 +62,7 @@ div
a.dropdown.item-with-icon.item-user
.svg-icon(v-html="icons.user")
.dropdown-menu.dropdown-menu-right.user-dropdown
a.dropdown-item.edit-avatar(@click='showAvatar()')
a.dropdown-item.edit-avatar.dropdown-separated(@click='showAvatar()')
h3 {{ user.profile.name }}
span.small-text {{ $t('editAvatar') }}
a.nav-link.dropdown-item(@click.prevent='showInbox()') {{ $t('inbox') }}
@@ -129,6 +129,10 @@ div
margin-left: 0px;
}
.dropdown-separated {
border-bottom: 1px solid $gray-500;
}
.dropdown-menu:not(.user-dropdown) {
background: $purple-200;
border-radius: 0px;

6
website/client/components/notificationMenu.vue
View File

@@ -4,7 +4,7 @@
// span.glyphicon(:class='iconClasses()')
// span.notification-counter(v-if='getNotificationsCount()') {{getNotificationsCount()}}
.dropdown-menu.dropdown-menu-right.user-dropdown
h4.dropdown-item(v-if='!hasNoNotifications()') {{ $t('notifications') }}
h4.dropdown-item.dropdown-separated(v-if='!hasNoNotifications()') {{ $t('notifications') }}
h4.dropdown-item.toolbar-notifs-no-messages(v-if='hasNoNotifications()') {{ $t('noNotifications') }}
a.dropdown-item(v-if='user.purchased.plan.mysteryItems.length', @click='go("/inventory/items")')
span.glyphicon.glyphicon-gift
@@ -60,6 +60,10 @@
margin-left: 0px;
}
.dropdown-separated {
border-bottom: 1px solid $gray-500;
}
.dropdown-menu:not(.user-dropdown) {
background: $purple-200;
border-radius: 0px;