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
... | ... | @@ -11,20 +11,6 @@ |
11 | 11 |
top: 0; |
12 | 12 |
left: 0; |
13 | 13 |
bottom: 0; |
14 |
- height: 100vh; |
|
15 |
- overflow-y: auto; |
|
16 |
- overflow-x: hidden; |
|
17 |
- -ms-overflow-style: -ms-autohiding-scrollbar; |
|
18 |
- |
|
19 |
- &::-webkit-scrollbar { |
|
20 |
- height: 10px; |
|
21 |
- width: 5px; |
|
22 |
- background: lightgray; |
|
23 |
- } |
|
24 |
- |
|
25 |
- &::-webkit-scrollbar-thumb { |
|
26 |
- background: #2788ba; |
|
27 |
- } |
|
28 | 14 |
|
29 | 15 |
.nav { |
30 | 16 |
width: 270px; |
--- app/views/index/myOrganizationList.scala.html
+++ app/views/index/myOrganizationList.scala.html
... | ... | @@ -45,16 +45,16 @@ |
45 | 45 |
@myOrganizationList_partial(organization, false) |
46 | 46 |
} |
47 | 47 |
} |
48 |
- </ul> |
|
49 |
- @defining(currentUser.favoriteProjects){ favoriteProjects => |
|
50 |
- <ul class="etc-favorites user-ul"> |
|
48 |
+ <ul class="etc-favorites"> |
|
49 |
+ </ul> |
|
50 |
+ @defining(currentUser.favoriteProjects){ favoriteProjects => |
|
51 | 51 |
@for(favoriteProject <- favoriteProjects){ |
52 | 52 |
@if(!favoriteProject.project.hasGroup && !favoriteProject.owner.equals(currentUser.loginId)) { |
53 | 53 |
@myProjectList_partial(favoriteProject.project, true) |
54 | 54 |
} |
55 | 55 |
} |
56 |
- </ul> |
|
57 |
- } |
|
56 |
+ } |
|
57 |
+ </ul> |
|
58 | 58 |
} |
59 | 59 |
} |
60 | 60 |
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?