Fix up sort drop down css and html.
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Captain ALM 2022-07-29 19:50:52 +01:00
parent 14f95a94ad
commit 203886ddd8
Signed by: alfred
GPG Key ID: 4E4ADD02609997B1
4 changed files with 17 additions and 7 deletions

View File

@ -61,13 +61,15 @@ main{
position: fixed;
max-height: 0;
}
.so-pane > *{
.so-pane > p{
padding: 2px;
}
.so-pane > p, .so-pane > p > *{
vertical-align: middle;
font-size: 16px;
text-align: left;
padding: 2px;
}
.so-pane > label{
.so-pane > p > label, .so-pane > p{
background-color: transparent;
}
.nav-menu, .sort-menu{
@ -163,6 +165,7 @@ main{
align-content: center;
max-width: 100%;
width: 100%;
overflow: hidden;
}
.item-table > div{
display: table-row;
@ -191,6 +194,7 @@ main{
justify-content: center;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.item-table > div > div > div{
padding: 2px;

View File

@ -13,10 +13,10 @@ a{
.header, .nav, footer, .so-pane{
background-color: #1d1d1e;
}
.home-button > div, .sort-button > div, .menu a, .so-pane > *{
.home-button > div, .sort-button > div, .menu a, .so-pane > p > *{
color: #e0e0e0;
}
.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > input, .so-pane > select{
.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > p > input, .so-pane > p > select{
background-color: #606061;
}
.hmb-line, .hmb-line::before, .hmb-line::after{

View File

@ -32,6 +32,7 @@
{{ if .Light }}
<input id="so-theme" type="hidden" name="light" />
{{ end }}
<p>
{{ $sort := 0 }}
<label class="no-dec" for="so-order">Order by:</label>
<select name="order" id="so-order">
@ -60,6 +61,8 @@
{{ $sort = .OrderDuration }}
{{ end }}
</select>
</p>
<p>
<label class="no-dec" for="so-sort">Sort:</label>
<select name="sort" id="so-sort">
{{ if gt $sort 0 }}
@ -73,7 +76,10 @@
<option value="desc">Descending</option>
{{ end }}
</select>
</p>
<p>
<input id="so-submit" type="submit" value="Commit">
</p>
</form>
<input class="nav-menu" type="checkbox" id="nav-menu"/>
<label class="hmb" for="nav-menu" title="Navigation Links"><span class="hmb-line"></span></label>

View File

@ -13,10 +13,10 @@ a{
.header, .nav, footer, .so-pane{
background-color: #e2e2e1;
}
.home-button > div, .sort-button > div, .menu a, .so-pane > *{
.home-button > div, .sort-button > div, .menu a, .so-pane > p > *{
color: #1f1f1f;
}
.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > input, .so-pane > select{
.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > p > input, .so-pane > p > select{
background-color: #9f9f9e;
}
.hmb-line, .hmb-line::before, .hmb-line::after{