Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2026-05-08 08:58:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

PNP Settings

Browse Source
This commit is contained in:
Fedor Indutny
2023-02-23 13:32:19 -08:00
committed by GitHub
parent 5bcf71ef2c
commit 5d110964b9
27 changed files with 562 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files
stylesheets/components/CircleCheckbox.scss
+93 -20
View File
@@ -7,7 +7,7 @@
height: 20px;
width: 20px;
input[type='checkbox'] {
input {
cursor: pointer;
height: 0;
position: absolute;
@@ -39,25 +39,6 @@
}
}
&:checked {
&::before {
background: $color-ultramarine;
border: 1.5px solid $color-ultramarine;
}
&::after {
border: solid $color-white;
border-width: 0 2px 2px 0;
content: '';
display: block;
height: 11px;
left: 7px;
position: absolute;
top: 3px;
transform: rotate(45deg);
width: 6px;
}
}
&:disabled {
cursor: inherit;
}
@@ -87,6 +68,98 @@
}
}
}
&:checked {
&::after {
content: '';
display: block;
position: absolute;
}
}
}
input[type='checkbox'] {
&:checked {
&::before {
background: $color-ultramarine;
border: 1.5px solid $color-ultramarine;
}
&::after {
border: solid $color-white;
border-width: 0 2px 2px 0;
height: 11px;
left: 7px;
top: 3px;
transform: rotate(45deg);
width: 6px;
}
}
}
input[type='radio'] {
&:checked {
&::before {
border: 2px solid $color-ultramarine;
}
&::after {
background: $color-ultramarine;
top: 4px;
left: 4px;
width: 12px;
height: 12px;
border-radius: 6px;
}
}
}
&--small {
height: 18px;
width: 18px;
input {
&::before {
height: 18px;
width: 18px;
}
}
input[type='checkbox'] {
&:checked {
&::before {
background: $color-ultramarine;
border: 1.5px solid $color-ultramarine;
}
&::after {
border: solid $color-white;
border-width: 0 2px 2px 0;
height: 10px;
left: 7px;
top: 3px;
transform: rotate(45deg);
width: 5px;
}
}
}
input[type='radio'] {
&:checked {
&::before {
border: 2px solid $color-ultramarine;
}
&::after {
background: $color-ultramarine;
top: 4px;
left: 4px;
width: 10px;
height: 10px;
border-radius: 5px;
}
}
}
}
}
}