new top menu

public/js/gogs.js

@@ -109,7 +109,10 @@ $(document).ready(function () {
     // Semantic UI modules.
     $('.dropdown').dropdown();
     $('.jump.dropdown').dropdown({
-        action: 'hide'
+        action: 'hide',
+        onShow: function() {
+            $('.poping.up').popup('hide');
+        }
     });
     $('.slide.up.dropdown').dropdown({
         transition: 'slide up'
@@ -120,6 +123,13 @@ $(document).ready(function () {
         showActivity: false
     });
     $('.poping.up').popup();
+    $('.top.menu .poping.up').popup({
+        onShow: function() {
+            if ( $('.top.menu .menu.transition').hasClass('visible') ) {
+                return false;
+            }
+        }
+    });
 
     // Helpers.
     $('.delete-button').click(function () {

public/less/_base.less

@@ -25,10 +25,19 @@ img {
 	.column .menu {
 		margin-top: 0;
 	}
-	.brand {
-		float: left;
-		margin-top: 5px;
-		margin-right: 5px;
+	.top.menu a.item.brand {
+		padding-left: 0;
+	}
+	.brand .ui.mini.image {
+		width: 30px;
+	}
+	.top.menu a.item:hover,
+	.top.menu .dropdown.item:hover,
+	.top.menu .dropdown.item.active	{
+		background-color: transparent;
+	}
+	.top.menu a.item:hover {
+		color: rgba(0,0,0,.45);
 	}
 	.head.link.item {
 		padding-right: 0!important;
@@ -37,8 +46,8 @@ img {
 			margin-right: 5px;
 		}
 	}
-	.user.avatar {
-		padding: 0;
+	.avatar > .ui.image {
+		margin-right: 0;
 	}
 	.searchbox {
   	background-color: rgb(244, 244, 244)!important;
@@ -114,6 +123,10 @@ footer {
   .generate-img(@n, (@i + 1));
 }
 
+.octicon.icon {
+	font-family: octicons;
+}
+
 // Accessibility
 .sr-only {
   position: absolute;