anonfunc/JellyPy
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Create body container so scrollbar is beneath navbar

Browse Source
This commit is contained in:
Jonathan Wong
2015-08-26 16:23:54 -07:00
parent 1e57e952db
commit 7328fcd0fb
2 changed files with 28 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
data/interfaces/default/base.html
View File

@@ -1,4 +1,4 @@
<%
<%
import plexpy
from plexpy import version
%>
@@ -52,7 +52,7 @@ from plexpy import version
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="home">
<img alt="PlexPy" src="interfaces/default/images/logo-plexpy@2x.png" height="40px">
<img alt="PlexPy" src="interfaces/default/images/logo-plexpy@2x.png" height="40">
</a>
</div>
<div class="collapse navbar-collapse navbar-right" id="navbar-collapse-1">
@@ -99,7 +99,9 @@ from plexpy import version
</div>
${next.headerIncludes()}
${next.body()}
<div class="body-container">
${next.body()}
</div>
<script src="interfaces/default/js/jquery-2.1.4.min.js"></script>
<script src="interfaces/default/js/bootstrap3/bootstrap.min.js"></script>

23
data/interfaces/default/css/plexpy.css
View File

@@ -1747,4 +1747,27 @@ a .home-platforms-instance-box:hover {
}
#updatebar a:hover {
color: #F9AA03;
}
.body-container {
position: absolute;
top: 50px;
right: 0;
bottom: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
}
::-webkit-scrollbar {
width: 15px;
}
::-webkit-scrollbar-track {
background-color: rgba(0,0,0,.2);
}
::-webkit-scrollbar-thumb {
min-height: 50px;
background-color: rgba(255,255,255,.15);
border: 3px solid transparent;
border-radius: 8px;
background-clip: padding-box;
}