Make organization dropdown scrollable when using mouse wheel (#5988)

* Fix #5580

public/less/_base.less

@@ -396,33 +396,12 @@ pre, code {
 
 }
 
-.overflow.menu {
+.ui.floating.dropdown {
-    .items {
+    .overflow.menu {
-        max-height: 300px;
+        .scrolling.menu.items {
-        overflow-y: auto;
+            border-radius: 0px !important;
-        .item {
+            box-shadow: none !important;
-            position: relative;
+            border-bottom: 1px solid rgba(34, 36, 38, 0.15);
-            cursor: pointer;
-            display: block;
-            border: none;
-            height: auto;
-            border-top: none;
-            line-height: 1em;
-            color: rgba(0,0,0,.8);
-            padding: .71428571em 1.14285714em !important;
-            font-size: 1rem;
-            text-transform: none;
-            font-weight: 400;
-            box-shadow: none;
-            -webkit-touch-callout: none;
-            &.active {
-                font-weight: 700;
-            }
-            &:hover {
-                background: rgba(0,0,0,.05);
-                color: rgba(0,0,0,.8);
-                z-index: 13;
-            }
         }
     }
 }

templates/user/dashboard/navbar.tmpl

@@ -11,7 +11,7 @@
 					<div class="ui header">
 						{{.i18n.Tr "home.switch_dashboard_context"}}
 					</div>
-					<div class="items">
+					<div class="scrolling menu items">
 						<a class="{{if eq .ContextUser.ID .SignedUser.ID}}active selected{{end}} item" href="{{AppSubUrl}}/{{if .PageIsIssues}}issues{{else if .PageIsPulls}}pulls{{end}}">
 							<img class="ui avatar image" src="{{.SignedUser.RelAvatarLink}}">
 							{{.SignedUser.Name}}