Archived
0

MCSM:WebConsole: кастомный скролл

This commit is contained in:
2017-06-07 02:00:25 +03:00
parent 97fb820dd3
commit 7458fdde41
3 changed files with 91 additions and 7 deletions

View File

@@ -1,16 +1,41 @@
#webconsole .output {
background-color: #1e1e1e;
color: #eee;
height: 500px;
min-height: 500px;
height: 1px;
padding: 8px;
font-family: monospace;
overflow-y: scroll;
position: relative;
}
#webconsole .output p {
#webconsole .output .scrollContent {
overflow: hidden;
height: 100%;
}
#webconsole .output .scrollContent .content {
overflow: auto;
height: 100%;
position: relative;
right: -18px;
margin-left: -18px;
}
#webconsole .output .scrollContent .content p {
margin: 0;
}
#webconsole .output .scroll {
width: 9px;
background: #f00;
position: absolute;
top: 0;
height: 21.0836%;
cursor: -webkit-grab;
cursor: -moz-grab;
right: 0;
}
#webconsole input {
background-color: #1e1e1e;
background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="30"><text x="7" y="24" style="font-size: 1.5em; font-family: monospace" fill="#ffffff">&gt;</text></svg>');