Add save edge and reuse it.

This commit is contained in:
Oleg Sh
2023-01-07 19:59:48 +02:00
parent 168a851b75
commit b6065ef901
17 changed files with 247 additions and 86 deletions

View File

@@ -405,4 +405,61 @@
position: absolute;
display: none;
border: 2px solid #CCCCCC;
}
#switcher input[type=checkbox]{
height: 0;
width: 0;
visibility: hidden;
}
#switcher label {
cursor: pointer;
text-indent: 32px;
width: 28px;
height: 1.1em;
background: grey;
display: inline-block;
border-radius: 4px;
position: relative;
margin-bottom: 0;
top: 2px;
}
#switcher label:after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 12px;
height: 12px;
background: #fff;
border-radius: 4px;
transition: 0.3s;
}
#switcher input:checked + label {
background: #337ab7;
}
input:checked + label:after {
left: calc(100% - 5px);
transform: translateX(100%);
}
#switcher label:active:after {
width: auto;
}
label.switcherText {
font-weight: normal;
margin-bottom: 0;
cursor: pointer;
}
.messageSwitcher {
border-radius: 4px;
padding: 4px;
background-color: #FFFFFF;
}