adding the pagination at the bottom and rework the channel selector

This commit is contained in:
Melanie Costi
2019-03-03 09:07:20 +01:00
parent 5667503980
commit 711ed1b9a6
2 changed files with 43 additions and 12 deletions
+36 -11
View File
@@ -22,10 +22,7 @@
</head>
<body>
<div class="container-fluid">
<!--<div style="height: 144px;width:944px;background-image: url('http://alpha.singularityviewer.org/alpha/images/singularity_logo.gif');display:table;"><h4 class="text-right align-bottom" style="height:100%;display:table-cell; vertical-align:middle">Automated alpha builds</h4></div>-->
<div class="row croppedheader">
<div class="col-3"></div>
<div class="col-6">
@@ -42,13 +39,20 @@
</div>
<div class="row" style="margin-top:10px;">
<div class="col-3"><p class="text-right">Select a channel:</p></div>
<div class="col-1"><select>
<option value="SingularityAlpha">SingularityAlpha</option>
<option value="Second channel">Second channel</option>
<option value="Third Channel">Third Channel</option>
</select></div>
<div class="col-6">
<div class="col-2"></div>
<div class="col-4">
<form class="form-inline">
<div class="form-group mb-4">
<label for="channelselector">Channel:</label>
<select id="channelselector" class="custom-select">
<option value="SingularityAlpha">SingularityAlpha</option>
<option value="Second channel">Second channel</option>
<option value="Third Channel">Third Channel</option>
</select>
</div>
</form>
</div>
<div class="col-4">
<nav>
<ul class="pagination pagination-sm justify-content-end">
@@ -167,6 +171,27 @@
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-6">&nbsp;</div>
<div class="col-6">
<nav>
<ul class="pagination pagination-sm justify-content-end">
<li class="page-item">
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">&#171;</a>
</li>
<span class="page-number">page 1 of 9&nbsp;</span>
<li class="page-item">
<a class="page-link" href="#">&#187;</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div id="footer">
<div class="container-fluid text-center text-md-left">
+7 -1
View File
@@ -84,4 +84,10 @@ body{
}
.colos p{
text-shadow: 10px 10px 5px #000000;
}
}
#channelselector{
background-color:#2f3535;
color:white;
margin-left:5px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
}