diff --git a/website/client/assets/scss/dropdown.scss b/website/client/assets/scss/dropdown.scss index ba92b343d1..1d630a8412 100644 --- a/website/client/assets/scss/dropdown.scss +++ b/website/client/assets/scss/dropdown.scss @@ -34,7 +34,6 @@ line-height: 1.71; color: $gray-50; cursor: pointer; - border-bottom: 1px solid $gray-500; &:focus { outline: none; diff --git a/website/client/components/appMenu.vue b/website/client/components/appMenu.vue index 47e07a4647..349b9a2b76 100644 --- a/website/client/components/appMenu.vue +++ b/website/client/components/appMenu.vue @@ -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; diff --git a/website/client/components/notificationMenu.vue b/website/client/components/notificationMenu.vue index 478fc074b2..879b08d3bd 100644 --- a/website/client/components/notificationMenu.vue +++ b/website/client/components/notificationMenu.vue @@ -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;