alfred/cityuni-webserver
1
0
Fork 0
Code Issues Pull Requests Releases Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
base.css
View File

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

4
dark.css
View File

@ -13,10 +13,10 @@ a{
.header, .nav, footer, .so-pane{ .header, .nav, footer, .so-pane{
background-color: #1d1d1e; 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; 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; background-color: #606061;
} }
.hmb-line, .hmb-line::before, .hmb-line::after{ .hmb-line, .hmb-line::before, .hmb-line::after{

6
index.go.html
View File

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

4
light.css
View File

@ -13,10 +13,10 @@ a{
.header, .nav, footer, .so-pane{ .header, .nav, footer, .so-pane{
background-color: #e2e2e1; 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; 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; background-color: #9f9f9e;
} }
.hmb-line, .hmb-line::before, .hmb-line::after{ .hmb-line, .hmb-line::before, .hmb-line::after{