[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
No known key found for this signature in database
GPG Key ID: 7D0C7EAFC9D835A0
4 changed files with 10 additions and 16 deletions

View File

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

View File

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

View File

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

View File

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