doortts doortts 2019-01-10
sidebar: Enhance sidebar scroll style
- Show scrolls at only the list area
- Increase scrollbar size in Chrome
@412beaac11c9707babdfb29830f1df9d3098bb68
app/assets/stylesheets/less/_page.less
--- app/assets/stylesheets/less/_page.less
+++ app/assets/stylesheets/less/_page.less
@@ -11,20 +11,6 @@
     top: 0;
     left: 0;
     bottom: 0;
-    height: 100vh;
-    overflow-y: auto;
-    overflow-x: hidden;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-
-    &::-webkit-scrollbar {
-        height: 10px;
-        width: 5px;
-        background: lightgray;
-    }
-
-    &::-webkit-scrollbar-thumb {
-        background: #2788ba;
-    }
 
     .nav {
         width: 270px;
app/assets/stylesheets/less/_usermenu.less
--- app/assets/stylesheets/less/_usermenu.less
+++ app/assets/stylesheets/less/_usermenu.less
@@ -81,6 +81,21 @@
     margin: 10px 0;
     padding: 0;
     list-style-type: none;
+    overflow-x: visible;
+    overflow-y: auto;
+    height: 100vh;
+
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+
+    &::-webkit-scrollbar {
+      height: 10px;
+      width: 7px;
+      background: lightgray;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #2788ba;
+    }
 
     .favored {
       border-bottom: 1px dashed gray;
@@ -97,6 +112,7 @@
       min-width: 200px;
       background-color: rgb(3, 169, 244);
       color: white;
+      font-size: 13px;
 
       .arrow {
         &::after {
app/views/index/myOrganizationList.scala.html
--- app/views/index/myOrganizationList.scala.html
+++ app/views/index/myOrganizationList.scala.html
@@ -45,16 +45,16 @@
                     @myOrganizationList_partial(organization, false)
                 }
             }
-        </ul>
-        @defining(currentUser.favoriteProjects){ favoriteProjects =>
-            <ul class="etc-favorites user-ul">
+            <ul class="etc-favorites">
+            </ul>
+            @defining(currentUser.favoriteProjects){ favoriteProjects =>
                 @for(favoriteProject <- favoriteProjects){
                     @if(!favoriteProject.project.hasGroup && !favoriteProject.owner.equals(currentUser.loginId)) {
                         @myProjectList_partial(favoriteProject.project, true)
                     }
                 }
-            </ul>
-        }
+            }
+        </ul>
     }
 }
 
Add a comment
List