yona-projects / yona star
doortts doortts 2019-01-10
sidebar: Enhance sidebar scroll style 
- Show scrolls at only the list area
- Increase scrollbar size in Chrome
@412beaac11c9707babdfb29830f1df9d3098bb68
315e65b
412beaa
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;
315e65b
412beaa
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 {
315e65b
412beaa
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