insanehong 2015-04-28
Globalheader: Change separator style on global header
- change opacity to 35%
@802ec6e2dc5d07d75cc6a74e4ed685579cd5cba4
app/assets/stylesheets/less/_page.less
--- app/assets/stylesheets/less/_page.less
+++ app/assets/stylesheets/less/_page.less
@@ -92,20 +92,22 @@
         margin-left:15px;
         list-style: none;
         font-size: 14px;
-        color:#788ba7;
+        color: #a2a2a2;
         display:block;
 
         li {
             float:left;
             position: relative;
 
-            &:after {
-                content: "|";
-                color: #788ba7;
-            }
+            &.divider {
+                line-height: 40px;
+                font-size: 12px;
 
-            &:last-child:after {
-                content: "";
+                &:after {
+                    content: "|";
+                    color: #a2a2a2;
+                    .opacity(35);
+                }
             }
 
             a {
@@ -153,18 +155,18 @@
             margin:5px 0;
             position: relative;
 
-            &:after {
-                content: "|";
-                color: #788ba7;
+            &.divider {
+                line-height: 30px;
+
+                &:after {
+                    content: "|";
+                    color: #788ba7;
+                    .opacity(35);
+                }
             }
 
             &:last-child {
                 margin-left:10px;
-
-                &:after {
-                    content: "";
-                }
-
             }
 
             form {
app/views/common/navbar.scala.html
--- app/views/common/navbar.scala.html
+++ app/views/common/navbar.scala.html
@@ -56,6 +56,7 @@
                 <a href="@routes.ProjectApp.projects()">@Messages("title.projectList")</a>
             </li>
             @if(appFeedbackUrl){
+            <li class="divider"></li>
             <li>
                 <a href="@appFeedbackUrl" target="_blank">@Messages("title.yobi.feedback")</a>
             </li>
app/views/common/usermenu.scala.html
--- app/views/common/usermenu.scala.html
+++ app/views/common/usermenu.scala.html
@@ -24,18 +24,21 @@
 <ul class="gnb-usermenu">
     @requestHeader.session.get("loginId") match {
       case Some(loginId) => {
-        <li class="gnb-usermenu-item">
+       <li class="gnb-usermenu-item">
           <a href="@routes.Application.index()" class="user-item-btn">@Messages("notification")</a>
-        </li>
-        <li class="gnb-usermenu-item">
+       </li>
+       <li class="divider"></li>
+       <li class="gnb-usermenu-item">
           <a href="@routes.IssueApp.userIssues()" class="user-item-btn">@Messages("issue.myIssue")</a>
         </li>
+        <li class="divider"></li>
         @if(UserApp.currentUser.isSiteManager) {
         <li class="gnb-usermenu-item">
             <a href="@routes.SiteApp.userList()" data-toggle="tooltip" title="@Messages("menu.siteAdmin")" data-placement="bottom" class="usermenu-icon-button">
                 <i class="yobicon-wrench"></i>
             </a>
         </li>
+        <li class="divider"></li>
         }
         <li class="gnb-usermenu-dropdown">
             <a href="javascript:void(0);" class="gnb-dropdown-toggle" data-toggle="dropdown">
@@ -98,24 +101,24 @@
                 }
             </ul>
         </li>
-          <li class="gnb-usermenu-dropdown">
-              <a href="javascript:void(0);" class="gnb-dropdown-toggle dropdwon-box-btn" data-toggle="dropdown">
-                  <i class="yobicon-plus"></i>
-                  <span class="caret"></span>
-              </a>
-              <ul class="dropdown-menu flat right">
-                  <li>
-                      <a href="@routes.ProjectApp.newProjectForm()">
-                      @Messages("button.newProject")
-                      </a>
-                  </li>
-                  <li>
-                      <a href="@routes.OrganizationApp.newForm()">
-                      @Messages("title.newOrganization")
-                      </a>
-                  </li>
-              </ul>
-          </li>
+      <li class="gnb-usermenu-dropdown">
+          <a href="javascript:void(0);" class="gnb-dropdown-toggle dropdwon-box-btn" data-toggle="dropdown">
+              <i class="yobicon-plus"></i>
+              <span class="caret"></span>
+          </a>
+          <ul class="dropdown-menu flat right">
+              <li>
+                  <a href="@routes.ProjectApp.newProjectForm()">
+                  @Messages("button.newProject")
+                  </a>
+              </li>
+              <li>
+                  <a href="@routes.OrganizationApp.newForm()">
+                  @Messages("title.newOrganization")
+                  </a>
+              </li>
+          </ul>
+      </li>
       }
       case None => {
         <li class="gnb-usermenu-item">
@@ -123,6 +126,7 @@
           @Messages("title.login")
           </a>
         </li>
+        <li class="divider"></li>
         <li>
             <a href="@routes.UserApp.signupForm()" class="ybtn ybtn-success">
                 @Messages("title.signup")
Add a comment
List