vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
public/themes/arya-blue/theme.css
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;
}

21
public/themes/arya-green/theme.css
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;
}

21
public/themes/arya-orange/theme.css
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;
}

21
public/themes/arya-purple/theme.css
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;
}

21
public/themes/bootstrap4-dark-blue/theme.css
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;
}

21
public/themes/bootstrap4-dark-purple/theme.css
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;
}

47
public/themes/bootstrap4-light-blue/theme.css
View File

@ -1,16 +1,16 @@
@charset "UTF-8";
:root {
--surface-a: #ffffff;
--surface-b: rgba(0, 0, 0, 0.03);
--surface-c: #e9ecef;
--surface-d: #dee2e6;
--surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #212529;
--text-color-secondary: $shade600;
--primary-color: #007bff;
--primary-color-text: #ffffff;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--surface-a:#ffffff;
--surface-b:rgba(0, 0, 0, 0.03);
--surface-c:#e9ecef;
--surface-d:#dee2e6;
--surface-e:#ffffff;
--surface-f:#ffffff;
--text-color:#212529;
--text-color-secondary:$shade600;
--primary-color:#007bff;
--primary-color-text:#ffffff;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
* {
@ -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;
}

47
public/themes/bootstrap4-light-purple/theme.css
View File

@ -1,16 +1,16 @@
@charset "UTF-8";
:root {
--surface-a: #ffffff;
--surface-b: rgba(0, 0, 0, 0.03);
--surface-c: #e9ecef;
--surface-d: #dee2e6;
--surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #212529;
--text-color-secondary: $shade600;
--primary-color: #883cae;
--primary-color-text: #ffffff;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--surface-a:#ffffff;
--surface-b:rgba(0, 0, 0, 0.03);
--surface-c:#e9ecef;
--surface-d:#dee2e6;
--surface-e:#ffffff;
--surface-f:#ffffff;
--text-color:#212529;
--text-color-secondary:$shade600;
--primary-color:#883cae;
--primary-color-text:#ffffff;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
* {
@ -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;
}

13
public/themes/luna-amber/theme.css
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;
}

13
public/themes/luna-blue/theme.css
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;
}

13
public/themes/luna-green/theme.css
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;
}

13
public/themes/luna-pink/theme.css
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;
}

1
public/themes/md-dark-deeppurple/theme.css
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);

1
public/themes/md-dark-indigo/theme.css
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);

1
public/themes/md-light-deeppurple/theme.css
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;

1
public/themes/md-light-indigo/theme.css
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;

1
public/themes/mdc-dark-deeppurple/theme.css
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);

1
public/themes/mdc-dark-indigo/theme.css
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);

1
public/themes/mdc-light-deeppurple/theme.css
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;

1
public/themes/mdc-light-indigo/theme.css
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;

13
public/themes/nova-accent/theme.css
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;
}

13
public/themes/nova-alt/theme.css
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;
}

13
public/themes/nova-vue/theme.css
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;
}

13
public/themes/nova/theme.css
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;
}

13
public/themes/rhea/theme.css
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;
}

41
public/themes/saga-blue/theme.css
View File

@ -1,16 +1,16 @@
@charset "UTF-8";
:root {
--surface-a: #ffffff;
--surface-a:#ffffff;
--surface-b:#f8f9fa;
--surface-c: #e9ecef;
--surface-d: #dee2e6;
--surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #495057;
--text-color-secondary: $shade600;
--primary-color: #2196F3;
--primary-color-text: #ffffff;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--surface-c:#e9ecef;
--surface-d:#dee2e6;
--surface-e:#ffffff;
--surface-f:#ffffff;
--text-color:#495057;
--text-color-secondary:$shade600;
--primary-color:#2196F3;
--primary-color-text:#ffffff;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
* {
@ -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;
}

41
public/themes/saga-green/theme.css
View File

@ -1,16 +1,16 @@
@charset "UTF-8";
:root {
--surface-a: #ffffff;
--surface-a:#ffffff;
--surface-b:#f8f9fa;
--surface-c: #e9ecef;
--surface-d: #dee2e6;
--surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #495057;
--text-color-secondary: $shade600;
--primary-color: #4CAF50;
--primary-color-text: #ffffff;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--surface-c:#e9ecef;
--surface-d:#dee2e6;
--surface-e:#ffffff;
--surface-f:#ffffff;
--text-color:#495057;
--text-color-secondary:$shade600;
--primary-color:#4CAF50;
--primary-color-text:#ffffff;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
* {
@ -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;
}

41
public/themes/saga-orange/theme.css
View File

@ -1,16 +1,16 @@
@charset "UTF-8";
:root {
--surface-a: #ffffff;
--surface-a:#ffffff;
--surface-b:#f8f9fa;
--surface-c: #e9ecef;
--surface-d: #dee2e6;
--surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #495057;
--text-color-secondary: $shade600;
--primary-color: #FFC107;
--primary-color-text: #212529;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--surface-c:#e9ecef;
--surface-d:#dee2e6;
--surface-e:#ffffff;
--surface-f:#ffffff;
--text-color:#495057;
--text-color-secondary:$shade600;
--primary-color:#FFC107;
--primary-color-text:#212529;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
* {
@ -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;
}

41
public/themes/saga-purple/theme.css
View File

@ -1,16 +1,16 @@
@charset "UTF-8";
:root {
--surface-a: #ffffff;
--surface-a:#ffffff;
--surface-b:#f8f9fa;
--surface-c: #e9ecef;
--surface-d: #dee2e6;
--surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #495057;
--text-color-secondary: $shade600;
--primary-color: #9C27B0;
--primary-color-text: #ffffff;
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--surface-c:#e9ecef;
--surface-d:#dee2e6;
--surface-e:#ffffff;
--surface-f:#ffffff;
--text-color:#495057;
--text-color-secondary:$shade600;
--primary-color:#9C27B0;
--primary-color-text:#ffffff;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
* {
@ -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;
}

21
public/themes/vela-blue/theme.css
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;
}

21
public/themes/vela-green/theme.css
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;
}

21
public/themes/vela-orange/theme.css
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;
}

21
public/themes/vela-purple/theme.css
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;
}