[UI] Right panel checkbox size fix
This commit is contained in:
parent
80d92e3c88
commit
8fe12f48b5
|
@ -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 */
|
||||||
|
|
|
@ -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 */
|
||||||
|
|
|
@ -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 */
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user