dan/console-hub
1
0
Fork 0
mirror of https://github.com/danbulant/console-hub synced 2026-06-24 17:12:05 +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"> <div id="files-view" class="menu-item hidden">
<h1 class="title-font">Files</h1> <h1 class="title-font">Files</h1>
<p>Testing file system</p> <div id="files-list-container">
<ul id="files-list"> <ul id="files-list">
</ul> </ul>
</div>
</div> </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 { #files-view {
overflow-y: hidden;
ul { overflow-x: hidden;
width: calc(100% + 15px); height: 500px;
overflow-x: hidden; #files-list-container {
list-style-type: none; ::-webkit-scrollbar {
padding-left: 0; width: 7px;
margin: 0; }
margin-left: -15px; //realy left ::-webkit-scrollbar-button {
li { width: 0px;
vertical-align: middle; }
padding-top: 11px; ::-webkit-scrollbar-thumb {
padding-left: 15px;
height: 36px;
background: rgba(255,255,255,0.2); background: rgba(255,255,255,0.2);
border-radius: 50px;
} }
.selected { ::-webkit-scrollbar-thumb:hover {
background: rgba(255,255,255,0.6);
}
:nth-child(odd){
background: rgba(255,255,255,0.4); 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);
}
}
} }
} }
} }