leanote/desktop-app
1
0
Fork 0
mirror of https://github.com/leanote/desktop-app.git synced 2025-10-15 15:41:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

scroll bar style

Browse Source
This commit is contained in:
life
2015-02-14 12:02:21 +08:00
parent ec4841a59d
commit 6983a6004b
7 changed files with 172 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
note.html
View File

@@ -790,7 +790,7 @@ window.require = undefined;
<script src="public/tinymce/tinymce.dev.js"></script>
<script src="public/libs/ace/ace.js"></script>
<script src="public/js/app/page.js"></script>
<script src="public/js/jQuery-slimScroll-1.3.0/jquery.slimscroll.js"></script>
<!-- <script src="public/js/jQuery-slimScroll-1.3.0/jquery.slimscroll.js"></script> -->
<script src="public/js/contextmenu/jquery.contextmenu.js"></script>
<script src="public/js/bootstrap-min.js"></script>
<script src="public/js/app/note.js"></script>

34
public/css/theme/basic.less
View File

@@ -992,7 +992,7 @@ h1, h2, h3 {
right:0;
bottom: 0;
width: 100%;
overflow-y: hidden;
overflow-y: scroll;
padding: 0 5px;
}
#noteItemList .item {
@@ -1512,3 +1512,35 @@ top: 4px;
text-decoration: underline;
white-space: nowrap;text-overflow:ellipsis; overflow:hidden;
}
// scrollbar style TODO
// https://www.webkit.org/blog/363/styling-scrollbars/
// http://trac.webkit.org/export/41842/trunk/LayoutTests/scrollbars/overflow-scrollbar-combinations.html
/*
* STYLE 2
*/
/*
*::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
*::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
position: absolute;
-webkit-transform: translatez(0);
}
*::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #D62929;
}
*/

35
public/css/theme/default.css
View File

@@ -913,7 +913,7 @@ h3 {
right: 0;
bottom: 0;
width: 100%;
overflow-y: hidden;
overflow-y: scroll;
padding: 0 5px;
}
#noteItemList .item {
@@ -1362,6 +1362,39 @@ h3 {
width: 230px;
height: 80px;
}
.conflict-title {
display: block;
text-decoration: underline;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/*
* STYLE 2
*/
/*
*::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
*::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
position: absolute;
-webkit-transform: translatez(0);
}
*::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #D62929;
}
*/
::selection {
background: #000000;
color: #ffffff;

35
public/css/theme/simple.css
View File

@@ -913,7 +913,7 @@ h3 {
right: 0;
bottom: 0;
width: 100%;
overflow-y: hidden;
overflow-y: scroll;
padding: 0 5px;
}
#noteItemList .item {
@@ -1362,6 +1362,39 @@ h3 {
width: 230px;
height: 80px;
}
.conflict-title {
display: block;
text-decoration: underline;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/*
* STYLE 2
*/
/*
*::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
*::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
position: absolute;
-webkit-transform: translatez(0);
}
*::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #D62929;
}
*/
::selection {
background: #000000;
color: #ffffff;

35
public/css/theme/writting-overwrite.css
View File

@@ -913,7 +913,7 @@ h3 {
right: 0;
bottom: 0;
width: 100%;
overflow-y: hidden;
overflow-y: scroll;
padding: 0 5px;
}
#noteItemList .item {
@@ -1362,6 +1362,39 @@ h3 {
width: 230px;
height: 80px;
}
.conflict-title {
display: block;
text-decoration: underline;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/*
* STYLE 2
*/
/*
*::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
*::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
position: absolute;
-webkit-transform: translatez(0);
}
*::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #D62929;
}
*/
@font-face {
font-family: 'Open Sans';
font-style: normal;

35
public/css/theme/writting.css
View File

@@ -913,7 +913,7 @@ h3 {
right: 0;
bottom: 0;
width: 100%;
overflow-y: hidden;
overflow-y: scroll;
padding: 0 5px;
}
#noteItemList .item {
@@ -1362,6 +1362,39 @@ h3 {
width: 230px;
height: 80px;
}
.conflict-title {
display: block;
text-decoration: underline;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/*
* STYLE 2
*/
/*
*::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
*::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
position: absolute;
-webkit-transform: translatez(0);
}
*::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #D62929;
}
*/
@font-face {
font-family: 'Open Sans';
font-style: normal;

3
public/js/app/note.js
View File

@@ -815,7 +815,8 @@ Note.renderNotes = function(notes, forNewNote, isShared) {
// 手机端不用
// slimScroll使得手机端滚动不流畅
if(!LEA.isMobile && !Mobile.isMobile()) {
$("#noteItemList").slimScroll({ scrollTo: '0px', height: "100%", onlyScrollBar: true});
// $("#noteItemList").slimScroll({ scrollTo: '0px', height: "100%", onlyScrollBar: true});
$("#noteItemList").scrollTop(0); // ({ scrollTo: '0px', height: "100%", onlyScrollBar: true});
}
if(!notes || typeof notes != "object" || notes.length <= 0) {