16mm
/
mcopy
1
0
Fork 0
Code Issues 14 Pull Requests Projects 2 Releases 13 Wiki Activity

Add scroll styles for scrollbar

This commit is contained in:
mmcw-dev 2018-01-04 23:42:57 -05:00
parent 6f7350169b
commit 59b4a51cca
3 changed files with 43 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/css/app.css
View File

@ -569,6 +569,25 @@ button:focus {
.cmd .active i { .cmd .active i {
color: #272b30; color: #272b30;
} }
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.4);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0, 0, 0, 0.05);
}
#log { #log {
position: fixed; position: fixed;
width: 100%; width: 100%;

1
app/less/app.less
View File

@ -5,6 +5,7 @@
@import "./light.less"; @import "./light.less";
@import "./seq.less"; @import "./seq.less";
@import "./cmd.less"; @import "./cmd.less";
@import "./scroll.less";
#log{ #log{
position: fixed; position: fixed;

23
app/less/scroll.less Normal file
View File

@ -0,0 +1,23 @@
::-webkit-scrollbar {
width:8px;
}
::-webkit-scrollbar-track {
-webkit-border-radius:10px;
border-radius:10px;
background:rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb {
-webkit-border-radius:10px;
border-radius:10px;
background:rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover {
background:rgba(0,0,0,0.4);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,0.05);
}