[UI] Right panel checkbox size fix

This commit is contained in:
rainydaysavings 2020-08-14 02:39:54 +01:00 committed by Hugo Sales
parent 80d92e3c88
commit 8fe12f48b5
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
4 changed files with 10 additions and 16 deletions

View File

@ -166,11 +166,9 @@ b {
z-index: 0;
}
.right-panel input[type=checkbox] {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
padding: 3em;
input.larger {
width: var(--main-size);
height: calc( 2 * var(--main-size));
}
/* untoggled */

View File

@ -197,11 +197,9 @@ b {
margin-top: calc(3 * var(--main-size));
}
.right-panel input[type=checkbox] {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
padding: 3em;
input.larger {
width: var(--main-size);
height: calc( 2 * var(--main-size));
}
/* untoggled */

View File

@ -197,11 +197,9 @@ b {
margin-top: calc(3 * var(--main-size));
}
.right-panel input[type=checkbox] {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
padding: 3em;
input.larger {
width: var(--main-size);
height: calc( 2 * var(--main-size));
}
/* untoggled */

View File

@ -64,7 +64,7 @@
</a>
</nav>
<div id="right-panel">
<input type="checkbox" id="toggle-right" autofocus>
<input type="checkbox" id="toggle-right" class="larger">
<div class="arrow right">
<label for="toggle-right" id='right-panel'></label>
</div>