Scrollbar style, close DIYgod#72

DIYgod · DIYgod · commit 62d146a9dcfb · 2016-09-20T12:12:21.000+08:00
diff --git a/demo/demo.js b/demo/demo.js
@@ -107,7 +107,7 @@ var ap5 = new APlayer({
     mutex: true,
     theme: '#ad7a86',
     mode: 'random',
-    listmaxheight: '60px',
+    listmaxheight: '80px',
     music: [
         {
             title: '&#12354;&#12387;&#12385;&#12421;&#65374;&#12414;&#38738;&#26149;!',
diff --git a/dist/APlayer.min.js b/dist/APlayer.min.js
diff --git a/dist/APlayer.min.js.map b/dist/APlayer.min.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "aplayer",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "Wow, such a beautiful html5 music player",
   "main": "dist/APlayer.min.js",
   "scripts": {
diff --git a/src/APlayer.js b/src/APlayer.js
@@ -1,4 +1,4 @@
-console.log("\n %c APlayer 1.5.2 %c http://aplayer.js.org \n\n","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;");
+console.log("\n %c APlayer 1.5.3 %c http://aplayer.js.org \n\n","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;");
 
 require('./APlayer.scss');
 
diff --git a/src/APlayer.scss b/src/APlayer.scss
@@ -343,6 +343,20 @@ $aplayer-height-lrc: $aplayer-height + $lrc-height;
             height: 0 !important;
         }
 
+        &::-webkit-scrollbar{
+            width: 5px;
+        }
+        &::-webkit-scrollbar-track{
+            background-color: #f9f9f9;
+        }
+        &::-webkit-scrollbar-thumb{
+            border-radius: 3px;
+            background-color: #eee;
+        }
+        &::-webkit-scrollbar-thumb:hover{
+            background-color: #ccc;
+        }
+
         ol {
             list-style-type: none;
             margin: 0;

Original file line number	Diff line number	Diff line change
`@@ -107,7 +107,7 @@ var ap5 = new APlayer({`
`107`	`107`	`mutex: true,`
`108`	`108`	`theme: '#ad7a86',`
`109`	`109`	`mode: 'random',`
`110`		`- listmaxheight: '60px',`
	`110`	`+ listmaxheight: '80px',`
`111`	`111`	`music: [`
`112`	`112`	`{`
`113`	`113`	`title: 'あっちゅ～ま青春!',`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "aplayer",`
`3`		`- "version": "1.5.2",`
	`3`	`+ "version": "1.5.3",`
`4`	`4`	`"description": "Wow, such a beautiful html5 music player",`
`5`	`5`	`"main": "dist/APlayer.min.js",`
`6`	`6`	`"scripts": {`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-console.log("\n %c APlayer 1.5.2 %c http://aplayer.js.org \n\n","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;");`
	`1`	`+console.log("\n %c APlayer 1.5.3 %c http://aplayer.js.org \n\n","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;");`
`2`	`2`
`3`	`3`	`require('./APlayer.scss');`
`4`	`4`