Fix up sort drop down css and html.
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
14f95a94ad
commit
203886ddd8
10
base.css
10
base.css
@ -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;
|
||||
|
4
dark.css
4
dark.css
@ -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{
|
||||
|
@ -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>
|
||||
|
@ -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{
|
||||
|
Loading…
Reference in New Issue
Block a user