Fabio/webssh2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

customize scrollbar

Browse source
This commit is contained in:
Toufiqr Rahman Tamkin 2022-03-31 14:47:12 +06:00
parent 363ebf8264
commit 833547a714
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/client/public/client.htm
View file

@ -10,6 +10,10 @@
</head> </head>
<body> <body>
<div class="box"> <div class="box">
<code style="
color: rgb(63, 133, 42);
font-family: monospace;
" >Interactive Bash Terminal. A safe place to execute commands.</code>
<div id="header"></div> <div id="header"></div>
<div id="terminal-container" class="terminal"></div> <div id="terminal-container" class="terminal"></div>
<div id="bottomdiv"> <div id="bottomdiv">

7
app/client/public/webssh2.css
View file

@ -92,9 +92,11 @@
.xterm .xterm-viewport { .xterm .xterm-viewport {
/* On OS X this is required in order for the scroll bar to appear fully opaque */ /* On OS X this is required in order for the scroll bar to appear fully opaque */
background-color: #000; background-color: #000;
color: #000;
overflow-y: scroll; overflow-y: scroll;
cursor: default; cursor: default;
position: absolute; position: absolute;
visibility: hidden;
right: 0; right: 0;
left: 0; left: 0;
top: 0; top: 0;
@ -197,8 +199,11 @@ body, html {
} }
.box { .box {
display: block; display: block;
height: 100%; height: 97%;
scroll-behavior: smooth;
overflow: hidden;
} }
#terminal-container { #terminal-container {
display: block; display: block;
width: calc(100% - 1 px); width: calc(100% - 1 px);