From 03a0cd7d8f045a86498d348327c8fd2437e13f9d Mon Sep 17 00:00:00 2001
From: OldHawk <taobataoma@gmail.com>
Date: Sat, 24 Jun 2017 00:16:14 +0800
Subject: [PATCH] feat(core): add header dropdown menu item separator divider
 line

---
 modules/core/client/less/mt.less                  | 5 ++++-
 modules/core/client/views/header.client.view.html | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/modules/core/client/less/mt.less b/modules/core/client/less/mt.less
index 23538b78..cbfab6e9 100644
--- a/modules/core/client/less/mt.less
+++ b/modules/core/client/less/mt.less
@@ -196,9 +196,12 @@ body {
 }
 
 .menu-divider {
+    background-color: #fff;
     border-top: solid 1px @dropdown-divider-bg;
-    padding-top: 11px !important;
     margin-top: 9px;
+    a {
+        margin-top: 9px;
+    }
 }
 
 .vip-flag {
diff --git a/modules/core/client/views/header.client.view.html b/modules/core/client/views/header.client.view.html
index 1c2b1434..9e1e70c8 100644
--- a/modules/core/client/views/header.client.view.html
+++ b/modules/core/client/views/header.client.view.html
@@ -13,8 +13,8 @@
       <li ng-repeat="item in vm.menu.items | orderBy: 'position'" ng-if="item.shouldRender(vm.authentication.user);" ng-switch="item.type" ng-class="{ dropdown: item.type === 'dropdown' }" ui-sref-active="active" class="{{item.class}}" uib-dropdown="item.type === 'dropdown'">
         <a ng-switch-when="dropdown" class="dropdown-toggle" uib-dropdown-toggle role="button"><span menu-title="{{item.title}}">{{::item.title}}</span>&nbsp;<span class="caret"></span></a>
         <ul ng-switch-when="dropdown" class="dropdown-menu">
-          <li ui-sref-active="active" ng-repeat="subitem in item.items | orderBy: 'position'" ng-if="subitem.shouldRender(vm.authentication.user);">
-            <a ui-sref="{{subitem.state}}({{subitem.params}})" ng-bind="subitem.title" mt-target="{{subitem.target}}" menu-title="{{subitem.title}}" ng-class="{'menu-divider': subitem.divider}"></a>
+          <li ui-sref-active="active" ng-repeat="subitem in item.items | orderBy: 'position'" ng-if="subitem.shouldRender(vm.authentication.user);" ng-class="{'menu-divider': subitem.divider}">
+            <a ui-sref="{{subitem.state}}({{subitem.params}})" ng-bind="subitem.title" mt-target="{{subitem.target}}" menu-title="{{subitem.title}}"></a>
           </li>
         </ul>
         <a ng-switch-default ui-sref="{{item.state}}" ng-bind="item.title" mt-target="{{item.target}}" menu-title="{{item.title}}"></a>