dan/console-hub
1
0
Fork 0
mirror of https://github.com/danbulant/console-hub synced 2026-06-14 03:51:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix styles, add scrollbar styles

Browse source
This commit is contained in:
danbulant 2019-06-23 16:00:35 +02:00
parent 5bbfc092ca
commit dab3c599f0
3 changed files with 47 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
html/index.html
View file

@ -77,9 +77,10 @@
<div id="files-view" class="menu-item hidden">
<h1 class="title-font">Files</h1>
<p>Testing file system</p>
<ul id="files-list">
</ul>
<div id="files-list-container">
<ul id="files-list">
</ul>
</div>
</div>
</div>

2
html/styles.min.css vendored
View file

File diff suppressed because one or more lines are too long

59
html/styles.scss
View file

@ -167,27 +167,52 @@ html {
}
}
#files-view {
ul {
width: calc(100% + 15px);
overflow-x: hidden;
list-style-type: none;
padding-left: 0;
margin: 0;
margin-left: -15px; //realy left
li {
vertical-align: middle;
padding-top: 11px;
padding-left: 15px;
height: 36px;
overflow-y: hidden;
overflow-x: hidden;
height: 500px;
#files-list-container {
::-webkit-scrollbar {
width: 7px;
}
::-webkit-scrollbar-button {
width: 0px;
}
::-webkit-scrollbar-thumb {
background: rgba(255,255,255,0.2);
border-radius: 50px;
}
.selected {
background: rgba(255,255,255,0.6);
}
:nth-child(odd){
::-webkit-scrollbar-thumb:hover {
background: rgba(255,255,255,0.4);
}
::-webkit-scrollbar-thumb:active {
background: rgba(255,255,255,0.5);
}
width: 100%;
height: 80%;
overflow-y: auto;
overflow-x: hidden;
margin: 0;
ul {
border-top: 1px solid rgba(255,255,255,0.2);
border-bottom: 1px solid rgba(255,255,255,0.2);
height: 80%;
width: 100%;
overflow-x: hidden;
list-style-type: none;
padding-left: 0;
li {
vertical-align: middle;
padding-top: 11px;
padding-left: 15px;
height: 36px;
}
li:not(:first-child){
border-top: 1px solid rgba(255,255,255,0.2);
}
.selected {
background: rgba(255,255,255,0.4);
}
}
}
}
}