.
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Captain ALM 2022-07-29 21:19:21 +01:00
parent 74252d0ee4
commit b7a6c986d9
Signed by: alfred
GPG Key ID: 4E4ADD02609997B1
4 changed files with 15 additions and 9 deletions

View File

@ -80,7 +80,7 @@ main{
max-width: 50%; max-width: 50%;
width: 50%; width: 50%;
} }
.so-pane > form > div > span{ .so-pane > form > div > span, .so-pane > form > div > span > *{
display: block; display: block;
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
@ -151,23 +151,29 @@ main{
top:0; top:0;
} }
.sort-menu:checked ~ .so-pane, .so-pane-open{ .sort-menu:checked ~ .so-pane, .so-pane-open{
display: table; display: block;
box-sizing: content-box; box-sizing: content-box;
position: fixed; position: fixed;
text-align: center;
top: 85px; top: 85px;
max-height: 100%; max-height: 100%;
width: auto; width: auto;
height: auto; height: auto;
padding: 4px;
text-align: center;
border-style: solid;
border-width: 2px;
-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
}
.sort-menu:checked ~ .so-pane > form, .so-pane-open > form{
display: table;
box-sizing: inherit;
padding: 4px;
border-style: solid;
border-width: 2px;
width: 100%;
height: 100%;
overflow: hidden; overflow: hidden;
} }
.main-box > div, footer > p{ .main-box > div, footer > p{

View File

@ -16,7 +16,7 @@ a{
.home-button > div, .sort-button > div, .menu a, .so-pane > form > div > div > *{ .home-button > div, .sort-button > div, .menu a, .so-pane > form > div > div > *{
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 > form > div > div > input, .so-pane > form > div > div > select{ .home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > form > div > span > input, .so-pane > form > div > div > select{
background-color: #606061; background-color: #606061;
} }
.hmb-line, .hmb-line::before, .hmb-line::after{ .hmb-line, .hmb-line::before, .hmb-line::after{

View File

@ -28,7 +28,7 @@
{{ end }} {{ end }}
<input class="sort-menu" type="checkbox" id="sort-menu"/> <input class="sort-menu" type="checkbox" id="sort-menu"/>
<label class="sort-button no-dec" for="sort-menu" title="Order and Sort Options"><div><img src="{{ .Data.SortImageLocation }}" width="64px" alt='&#8595;'></div></label> <label class="sort-button no-dec" for="sort-menu" title="Order and Sort Options"><div><img src="{{ .Data.SortImageLocation }}" width="64px" alt='&#8595;'></div></label>
<div class="so-pane"> <div class="so-pane" id="so-pane">
<form action="?" method="get" id="so-form"> <form action="?" method="get" id="so-form">
{{ if .Light }} {{ if .Light }}
<input id="so-theme" type="hidden" name="light" /> <input id="so-theme" type="hidden" name="light" />

View File

@ -16,7 +16,7 @@ a{
.home-button > div, .sort-button > div, .menu a, .so-pane > form > div > div > *{ .home-button > div, .sort-button > div, .menu a, .so-pane > form > div > div > *{
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 > form > div > div > input, .so-pane > form > div > div > select{ .home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > form > div > span > input, .so-pane > form > div > div > select{
background-color: #9f9f9e; background-color: #9f9f9e;
} }
.hmb-line, .hmb-line::before, .hmb-line::after{ .hmb-line, .hmb-line::before, .hmb-line::after{