Fixed radio checkbox alignment issues

pull/358/head
cagataycivici 2020-07-02 18:42:53 +03:00
parent 13bfa67710
commit 8183c4461c
33 changed files with 313 additions and 280 deletions

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #383838;
background: #121212;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #212529;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #64B5F6;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #383838;
background: #121212;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1002,8 +1003,8 @@
border-color: #64B5F6;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #212529;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #383838;
background: #121212;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #212529;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #81C784;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #383838;
background: #121212;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1002,8 +1003,8 @@
border-color: #81C784;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #212529;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #383838;
background: #121212;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #212529;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #FFD54F;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #383838;
background: #121212;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1002,8 +1003,8 @@
border-color: #FFD54F;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #212529;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #383838;
background: #121212;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #BA68C8;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #383838;
background: #121212;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1002,8 +1003,8 @@
border-color: #BA68C8;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #ffffff;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 1px solid #3f4b5b;
background: #20262e;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.15s;
color: #151515;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #3f4b5b;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 1px solid #3f4b5b;
background: #20262e;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 50%;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@ -1002,8 +1003,8 @@
border-color: #8dd0ff;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.15s;
background-color: #151515;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 1px solid #3f4b5b;
background: #20262e;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.15s;
color: #151515;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #3f4b5b;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 1px solid #3f4b5b;
background: #20262e;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 50%;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@ -1002,8 +1003,8 @@
border-color: #c298d8;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.15s;
background-color: #151515;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 1px solid #ced4da;
border: 2px solid #ced4da;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #212529;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.15s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #ced4da;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 1px solid #ced4da;
border: 2px solid #ced4da;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #212529;
border-radius: 50%;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@ -1002,8 +1003,8 @@
border-color: #007bff;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.15s;
background-color: #ffffff;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 1px solid #ced4da;
border: 2px solid #ced4da;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #212529;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.15s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #ced4da;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 1px solid #ced4da;
border: 2px solid #ced4da;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #212529;
border-radius: 50%;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@ -1002,8 +1003,8 @@
border-color: #883cae;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.15s;
background-color: #ffffff;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 1px solid #4b4b4b;
background: #191919;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #212529;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #FFE082;
@ -1002,8 +1003,8 @@
border-color: #FFE082;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #212529;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 1px solid #4b4b4b;
background: #191919;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #212529;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #81D4FA;
@ -1002,8 +1003,8 @@
border-color: #81D4FA;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #212529;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 1px solid #4b4b4b;
background: #191919;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #212529;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #C5E1A5;
@ -1002,8 +1003,8 @@
border-color: #C5E1A5;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #212529;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 1px solid #4b4b4b;
background: #191919;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #dedede;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #212529;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #F48FB1;
@ -1002,8 +1003,8 @@
border-color: #F48FB1;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #212529;
}

View File

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #121212;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);

View File

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #121212;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);

View File

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #000001;

View File

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #000001;

View File

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);

View File

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);

View File

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #000001;

View File

@ -362,6 +362,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #000001;

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 1px solid #a6a6a6;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #212121;
@ -998,8 +999,8 @@
border-color: #007ad9;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #ffffff;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 1px solid #a6a6a6;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #212121;
@ -1002,8 +1003,8 @@
border-color: #007ad9;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #ffffff;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 1px solid #a6a6a6;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #212121;
@ -1002,8 +1003,8 @@
border-color: #41b883;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #ffffff;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 1px solid #a6a6a6;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #333333;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #212121;
@ -1002,8 +1003,8 @@
border-color: #007ad9;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #ffffff;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 1px solid #dadada;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #666666;
border-radius: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #a6a6a6;
@ -998,8 +999,8 @@
border-color: #7B95A3;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #ffffff;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #ced4da;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #495057;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #2196F3;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #ced4da;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #495057;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1002,8 +1003,8 @@
border-color: #2196F3;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #ffffff;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #ced4da;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #495057;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #4CAF50;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #ced4da;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #495057;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1002,8 +1003,8 @@
border-color: #4CAF50;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #ffffff;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #ced4da;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #495057;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #212529;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #FFC107;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #ced4da;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #495057;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1002,8 +1003,8 @@
border-color: #FFC107;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #212529;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #ced4da;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #495057;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #9C27B0;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #ced4da;
background: #ffffff;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: #495057;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1002,8 +1003,8 @@
border-color: #9C27B0;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #ffffff;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #304562;
background: #17212f;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #212529;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #64B5F6;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #304562;
background: #17212f;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1002,8 +1003,8 @@
border-color: #64B5F6;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #212529;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #304562;
background: #17212f;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #212529;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #81C784;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #304562;
background: #17212f;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1002,8 +1003,8 @@
border-color: #81C784;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #212529;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #304562;
background: #17212f;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #212529;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #FFD54F;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #304562;
background: #17212f;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1002,8 +1003,8 @@
border-color: #FFD54F;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #212529;
}

View File

@ -323,14 +323,14 @@
}
}
.p-checkbox {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #304562;
background: #17212f;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -338,6 +338,7 @@
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
border-color: #BA68C8;
@ -980,14 +981,14 @@
}
.p-radiobutton {
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #304562;
background: #17212f;
width: 1.5rem;
height: 1.5rem;
width: 20px;
height: 20px;
color: rgba(255, 255, 255, 0.87);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -1002,8 +1003,8 @@
border-color: #BA68C8;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 0.75rem;
height: 0.75rem;
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #ffffff;
}