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

Theme update

pull/358/head
cagataycivici 2020-06-26 12:36:02 +03:00
parent 1f31675942
commit 3ae42ac9e7
35 changed files with 358 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/themes/arya-blue/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1e1e1e;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: rgba(255, 255, 255, 0.87);
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: transparent;
color: #64B5F6;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 1px #BBDEFB;
}
.p-menu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 1px #BBDEFB;
}
.p-tieredmenu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

10
public/themes/arya-green/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1e1e1e;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: rgba(255, 255, 255, 0.87);
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: transparent;
color: #81C784;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 1px #C8E6C9;
}
.p-menu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 1px #C8E6C9;
}
.p-tieredmenu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

10
public/themes/arya-orange/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1e1e1e;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: rgba(255, 255, 255, 0.87);
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: transparent;
color: #FFD54F;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 1px #FFECB3;
}
.p-menu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 1px #FFECB3;
}
.p-tieredmenu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

10
public/themes/arya-purple/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1e1e1e;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: rgba(255, 255, 255, 0.87);
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: transparent;
color: #BA68C8;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 1px #E1BEE7;
}
.p-menu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 1px #E1BEE7;
}
.p-tieredmenu.p-menu-overlay {
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

10
public/themes/bootstrap4-dark-blue/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #2a323d;
border: 1px solid #3f4b5b;
box-shadow: none;
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #2a323d;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: rgba(255, 255, 255, 0.87);
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 4px;
transition: box-shadow 0.15s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #151515;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: transparent;
color: #8dd0ff;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #151515;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem #e3f3fe;
}
.p-menu.p-menu-overlay {
background: #2a323d;
border: 1px solid #3f4b5b;
box-shadow: none;
}
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem #e3f3fe;
}
.p-tieredmenu.p-menu-overlay {
background: #2a323d;
border: 1px solid #3f4b5b;
box-shadow: none;
}

10
public/themes/bootstrap4-dark-purple/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #2a323d;
border: 1px solid #3f4b5b;
box-shadow: none;
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #2a323d;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: rgba(255, 255, 255, 0.87);
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 4px;
transition: box-shadow 0.15s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #151515;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: transparent;
color: #c298d8;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #151515;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem #f0e6f5;
}
.p-menu.p-menu-overlay {
background: #2a323d;
border: 1px solid #3f4b5b;
box-shadow: none;
}
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem #f0e6f5;
}
.p-tieredmenu.p-menu-overlay {
background: #2a323d;
border: 1px solid #3f4b5b;
box-shadow: none;
}

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

@ -138,13 +138,17 @@
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: rgba(0, 0, 0, 0.03);
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #212529;
background: rgba(0, 0, 0, 0.03);
background: #ffffff;
font-weight: 600;
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 4px;
transition: box-shadow 0.15s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ced4da;
color: #212529;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}

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

@ -138,13 +138,17 @@
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: rgba(0, 0, 0, 0.03);
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #212529;
background: rgba(0, 0, 0, 0.03);
background: #ffffff;
font-weight: 600;
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 4px;
transition: box-shadow 0.15s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ced4da;
color: #212529;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}

12
public/themes/luna-amber/theme.css
View File

@ -138,13 +138,17 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #323232;
border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #252525;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #dedede;
background: #252525;
background: #323232;
font-weight: 700;
margin: 0;
border-bottom: 0 none;
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #FFCA28;
color: #212529;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem white;
}
.p-menu.p-menu-overlay {
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem white;
}
.p-tieredmenu.p-menu-overlay {
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

12
public/themes/luna-blue/theme.css
View File

@ -138,13 +138,17 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #323232;
border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #252525;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #dedede;
background: #252525;
background: #323232;
font-weight: 700;
margin: 0;
border-bottom: 0 none;
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #29B6F6;
color: #212529;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem white;
}
.p-menu.p-menu-overlay {
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem white;
}
.p-tieredmenu.p-menu-overlay {
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

12
public/themes/luna-green/theme.css
View File

@ -138,13 +138,17 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #323232;
border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #252525;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #dedede;
background: #252525;
background: #323232;
font-weight: 700;
margin: 0;
border-bottom: 0 none;
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #9CCC65;
color: #212529;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem white;
}
.p-menu.p-menu-overlay {
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem white;
}
.p-tieredmenu.p-menu-overlay {
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

12
public/themes/luna-pink/theme.css
View File

@ -138,13 +138,17 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #323232;
border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #252525;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #dedede;
background: #252525;
background: #323232;
font-weight: 700;
margin: 0;
border-bottom: 0 none;
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #EC407A;
color: #212529;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem white;
}
.p-menu.p-menu-overlay {
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem white;
}
.p-tieredmenu.p-menu-overlay {
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

2
public/themes/md-dark-deeppurple-green/theme.css
View File

@ -1229,7 +1229,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 3rem;
}
.p-fluid .p-buttonset {
display: flex;

2
public/themes/md-dark-indigo-pink/theme.css
View File

@ -1229,7 +1229,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 3rem;
}
.p-fluid .p-buttonset {
display: flex;

16
public/themes/md-light-deeppurple-green/theme.css
View File

@ -162,9 +162,13 @@
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #000001;
@ -225,6 +229,7 @@
height: 2.5rem;
border-radius: 50%;
transition: none;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #000001;
@ -238,6 +243,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ffffff;
color: #000001;
border-color: black;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #000001;
@ -1223,7 +1229,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 3rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3118,6 +3124,7 @@
box-shadow: none;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3620,6 +3627,7 @@
box-shadow: none;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3966,7 +3974,7 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.4);
background: rgba(0, 0, 0, 0.04);
color: #000001;
}
.p-inplace .p-inplace-display:focus {
@ -4774,7 +4782,7 @@
}
.p-steps .p-steps-item .p-menuitem-link {
flex-direction: row;
background-color: #ffffff;
background-color: transparent;
z-index: 1;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -4784,7 +4792,7 @@
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0;
background-color: #ffffff;
background-color: transparent;
color: #9e9d9e;
padding: 0 0.25rem 0 0;
}

16
public/themes/md-light-indigo-pink/theme.css
View File

@ -162,9 +162,13 @@
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #000001;
@ -225,6 +229,7 @@
height: 2.5rem;
border-radius: 50%;
transition: none;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #000001;
@ -238,6 +243,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ffffff;
color: #000001;
border-color: black;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #000001;
@ -1223,7 +1229,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 3rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3118,6 +3124,7 @@
box-shadow: none;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3620,6 +3627,7 @@
box-shadow: none;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3966,7 +3974,7 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.4);
background: rgba(0, 0, 0, 0.04);
color: #000001;
}
.p-inplace .p-inplace-display:focus {
@ -4774,7 +4782,7 @@
}
.p-steps .p-steps-item .p-menuitem-link {
flex-direction: row;
background-color: #ffffff;
background-color: transparent;
z-index: 1;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -4784,7 +4792,7 @@
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0;
background-color: #ffffff;
background-color: transparent;
color: #9e9d9e;
padding: 0 0.25rem 0 0;
}

14
public/themes/mdc-dark-deeppurple-green/theme.css
View File

@ -162,9 +162,13 @@
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #000001;
@ -225,6 +229,7 @@
height: 2.5rem;
border-radius: 50%;
transition: none;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #000001;
@ -238,6 +243,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ffffff;
color: #000001;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #000001;
@ -1223,7 +1229,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 3rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3118,6 +3124,7 @@
box-shadow: none;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3620,6 +3627,7 @@
box-shadow: none;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -4774,7 +4782,7 @@
}
.p-steps .p-steps-item .p-menuitem-link {
flex-direction: row;
background-color: #ffffff;
background-color: transparent;
z-index: 1;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -4784,7 +4792,7 @@
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0;
background-color: #ffffff;
background-color: transparent;
color: #9e9d9e;
padding: 0 0.25rem 0 0;
}

14
public/themes/mdc-dark-indigo-pink/theme.css
View File

@ -162,9 +162,13 @@
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #000001;
@ -225,6 +229,7 @@
height: 2.5rem;
border-radius: 50%;
transition: none;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #000001;
@ -238,6 +243,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ffffff;
color: #000001;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #000001;
@ -1223,7 +1229,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 3rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3118,6 +3124,7 @@
box-shadow: none;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3620,6 +3627,7 @@
box-shadow: none;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -4774,7 +4782,7 @@
}
.p-steps .p-steps-item .p-menuitem-link {
flex-direction: row;
background-color: #ffffff;
background-color: transparent;
z-index: 1;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -4784,7 +4792,7 @@
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0;
background-color: #ffffff;
background-color: transparent;
color: #9e9d9e;
padding: 0 0.25rem 0 0;
}

14
public/themes/mdc-light-deeppurple-green/theme.css
View File

@ -162,9 +162,13 @@
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #000001;
@ -225,6 +229,7 @@
height: 2.5rem;
border-radius: 50%;
transition: none;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #000001;
@ -238,6 +243,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ffffff;
color: #000001;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #000001;
@ -1223,7 +1229,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 3rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3118,6 +3124,7 @@
box-shadow: none;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3620,6 +3627,7 @@
box-shadow: none;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -4774,7 +4782,7 @@
}
.p-steps .p-steps-item .p-menuitem-link {
flex-direction: row;
background-color: #ffffff;
background-color: transparent;
z-index: 1;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -4784,7 +4792,7 @@
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0;
background-color: #ffffff;
background-color: transparent;
color: #9e9d9e;
padding: 0 0.25rem 0 0;
}

14
public/themes/mdc-light-indigo-pink/theme.css
View File

@ -162,9 +162,13 @@
border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #000001;
@ -225,6 +229,7 @@
height: 2.5rem;
border-radius: 50%;
transition: none;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #000001;
@ -238,6 +243,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ffffff;
color: #000001;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #000001;
@ -1223,7 +1229,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 3rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3118,6 +3124,7 @@
box-shadow: none;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3620,6 +3627,7 @@
box-shadow: none;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -4774,7 +4782,7 @@
}
.p-steps .p-steps-item .p-menuitem-link {
flex-direction: row;
background-color: #ffffff;
background-color: transparent;
z-index: 1;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -4784,7 +4792,7 @@
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin: 0;
background-color: #ffffff;
background-color: transparent;
color: #9e9d9e;
padding: 0 0.25rem 0 0;
}

10
public/themes/nova-accent/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #333333;
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #d0d0d0;
color: #333333;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff;
@ -1199,7 +1205,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3077,6 +3083,7 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
@ -3562,6 +3569,7 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

10
public/themes/nova-alt/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #333333;
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #d0d0d0;
color: #333333;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

10
public/themes/nova-vue/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #333333;
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #d0d0d0;
color: #333333;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem #c2e9d8;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem #c2e9d8;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

10
public/themes/nova/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #333333;
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 3px;
transition: background-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #d0d0d0;
color: #333333;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3085,6 +3091,7 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
@ -3570,6 +3577,7 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

10
public/themes/rhea/theme.css
View File

@ -138,9 +138,13 @@
border-radius: 2px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 1px solid #eaeaea;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #666666;
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 2px;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #385048;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #d0d0d0;
color: #666666;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #385048;
@ -1199,7 +1205,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3077,6 +3083,7 @@
box-shadow: inset 0 0 0 0.2rem #e4e9ec;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 1px solid #eaeaea;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
@ -3562,6 +3569,7 @@
box-shadow: inset 0 0 0 0.2rem #e4e9ec;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 1px solid #eaeaea;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

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

@ -138,9 +138,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #495057;
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ced4da;
color: #495057;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem #BBDEFB;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem #BBDEFB;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

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

@ -138,9 +138,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #495057;
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ced4da;
color: #495057;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem #C8E6C9;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem #C8E6C9;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

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

@ -138,9 +138,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #495057;
@ -201,6 +205,7 @@
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -214,6 +219,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: #ced4da;
color: #495057;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529;
@ -1207,7 +1213,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3102,6 +3108,7 @@
box-shadow: inset 0 0 0 0.15rem #FFECB3;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3604,6 +3611,7 @@
box-shadow: inset 0 0 0 0.15rem #FFECB3;
}
.p-tieredmenu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

10
public/themes/vela-blue/theme.css
View File

@ -137,9 +137,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1f2d40;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: rgba(255, 255, 255, 0.87);
@ -200,6 +204,7 @@
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -213,6 +218,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: transparent;
color: #64B5F6;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529;
@ -1206,7 +1212,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3101,6 +3107,7 @@
box-shadow: inset 0 0 0 1px #BBDEFB;
}
.p-menu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3603,6 +3610,7 @@
box-shadow: inset 0 0 0 1px #BBDEFB;
}
.p-tieredmenu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

10
public/themes/vela-green/theme.css
View File

@ -137,9 +137,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1f2d40;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: rgba(255, 255, 255, 0.87);
@ -200,6 +204,7 @@
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -213,6 +218,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: transparent;
color: #81C784;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529;
@ -1206,7 +1212,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3101,6 +3107,7 @@
box-shadow: inset 0 0 0 1px #C8E6C9;
}
.p-menu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3603,6 +3610,7 @@
box-shadow: inset 0 0 0 1px #C8E6C9;
}
.p-tieredmenu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

10
public/themes/vela-orange/theme.css
View File

@ -137,9 +137,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1f2d40;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: rgba(255, 255, 255, 0.87);
@ -200,6 +204,7 @@
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #212529;
@ -213,6 +218,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: transparent;
color: #FFD54F;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #212529;
@ -1206,7 +1212,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3101,6 +3107,7 @@
box-shadow: inset 0 0 0 1px #FFECB3;
}
.p-menu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3603,6 +3610,7 @@
box-shadow: inset 0 0 0 1px #FFECB3;
}
.p-tieredmenu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

10
public/themes/vela-purple/theme.css
View File

@ -137,9 +137,13 @@
border-radius: 3px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #1f2d40;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: rgba(255, 255, 255, 0.87);
@ -200,6 +204,7 @@
height: 2.5rem;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #ffffff;
@ -213,6 +218,7 @@
.p-datepicker table td.p-datepicker-today > span {
background: transparent;
color: #BA68C8;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff;
@ -1206,7 +1212,7 @@
width: 100%;
}
.p-fluid .p-button-icon-only {
width: auto;
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
@ -3101,6 +3107,7 @@
box-shadow: inset 0 0 0 1px #E1BEE7;
}
.p-menu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
@ -3603,6 +3610,7 @@
box-shadow: inset 0 0 0 1px #E1BEE7;
}
.p-tieredmenu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

4
src/assets/styles/app/_content.scss
View File

@ -128,6 +128,10 @@
border-bottom: 1px solid var(--primary-color);
}
}
.p-tabview-ink-bar {
display: none;
}
}
.p-tabview-panels {

25
src/views/inputtext/InputTextDemo.vue
View File

@ -32,11 +32,22 @@
<InputText type="text" v-model="value4" />
</span>
<h5>Disabled</h5>
<InputText type="text" v-model="value5" disabled />
<h5>Help Text</h5>
<div class="p-field">
<label for="username1">Username</label>
<InputText id="username1" type="username" aria-describedby="username1-help" />
<small id="username1-help">Enter your username to reset your password.</small>
</div>
<h5>Invalid</h5>
<InputText type="text" class="p-invalid" />
<div class="p-field">
<label for="username2">Username</label>
<InputText id="username2" type="username" aria-describedby="username2-help" class="p-invalid" />
<small id="username2-help" class="p-invalid">Username is not available.</small>
</div>
<h5>Disabled</h5>
<InputText type="text" v-model="value5" disabled />
<h5>Sizes</h5>
<div class="sizes">
@ -81,4 +92,12 @@ export default {
}
}
}
.p-field * {
display: block;
}
small {
margin-top: .25rem;
}
</style>

67
src/views/inputtext/InputTextDoc.vue
View File

@ -106,39 +106,52 @@ import InputText from 'primevue/inputtext';
</a>
<CodeHighlight>
<template v-pre>
&lt;h5&gt;Basic&lt;/h3&gt;
&lt;InputText type="text" v-model="value1" /&gt;
&lt;span :style="{marginLeft: '.5em'}"&gt;{{value1}}&lt;/span&gt;
&lt;div class="card"&gt;
&lt;h5&gt;Basic&lt;/h5&gt;
&lt;InputText type="text" v-model="value1" /&gt;
&lt;span :style="{marginLeft: '.5em'}"&gt;{{value1}}&lt;/span&gt;
&lt;h3&gt;Floating Label&lt;/h3&gt;
&lt;span class="p-float-label"&gt;
&lt;InputText id="username" type="text" v-model="value2" /&gt;
&lt;label for="username"&gt;Username&lt;/label&gt;
&lt;/span&gt;
&lt;h5&gt;Floating Label&lt;/h5&gt;
&lt;span class="p-float-label"&gt;
&lt;InputText id="username" type="text" v-model="value2" /&gt;
&lt;label for="username"&gt;Username&lt;/label&gt;
&lt;/span&gt;
&lt;h3&gt;Left Icon&lt;/h3&gt;
&lt;span class="p-input-icon-left"&gt;
&lt;i class="pi pi-search" /&gt;
&lt;InputText type="text" v-model="value3" placeholder="Search" /&gt;
&lt;/span&gt;
&lt;h5&gt;Left Icon&lt;/h5&gt;
&lt;span class="p-input-icon-left"&gt;
&lt;i class="pi pi-search" /&gt;
&lt;InputText type="text" v-model="value3" placeholder="Search" /&gt;
&lt;/span&gt;
&lt;h3&gt;Right Icon&lt;/h3&gt;
&lt;span class="p-input-icon-right"&gt;
&lt;i class="pi pi-spin pi-spinner" /&gt;
&lt;InputText type="text" v-model="value4" /&gt;
&lt;/span&gt;
&lt;h5&gt;Right Icon&lt;/h5&gt;
&lt;span class="p-input-icon-right"&gt;
&lt;i class="pi pi-spin pi-spinner" /&gt;
&lt;InputText type="text" v-model="value4" /&gt;
&lt;/span&gt;
&lt;h3&gt;Disabled&lt;/h3&gt;
&lt;InputText type="text" v-model="value5" disabled /&gt;
&lt;h5&gt;Help Text&lt;/h5&gt;
&lt;div class="p-field"&gt;
&lt;label for="username1"&gt;Username&lt;/label&gt;
&lt;InputText id="username1" type="username" aria-describedby="username1-help" /&gt;
&lt;small id="username1-help"&gt;Enter your username to reset your password.&lt;/small&gt;
&lt;/div&gt;
&lt;h3&gt;Invalid&lt;/h3&gt;
&lt;InputText type="text" class="p-invalid" /&gt;
&lt;h5&gt;Invalid&lt;/h5&gt;
&lt;div class="p-field"&gt;
&lt;label for="username2"&gt;Username&lt;/label&gt;
&lt;InputText id="username2" type="username" aria-describedby="username2-help" class="p-invalid" /&gt;
&lt;small id="username2-help" class="p-invalid"&gt;Username is not available.&lt;/small&gt;
&lt;/div&gt;
&lt;h3&gt;Sizes&lt;/h3&gt;
&lt;div class="sizes"&gt;
&lt;InputText type="text" class="p-inputtext-sm" placeholder="Small" /&gt;
&lt;InputText type="text" placeholder="Normal" /&gt;
&lt;InputText type="text" class="p-inputtext-lg" placeholder="Large" /&gt;
&lt;h5&gt;Disabled&lt;/h5&gt;
&lt;InputText type="text" v-model="value5" disabled /&gt;
&lt;h5&gt;Sizes&lt;/h5&gt;
&lt;div class="sizes"&gt;
&lt;InputText type="text" class="p-inputtext-sm" placeholder="Small" /&gt;
&lt;InputText type="text" placeholder="Normal" /&gt;
&lt;InputText type="text" class="p-inputtext-lg" placeholder="Large" /&gt;
&lt;/div&gt;
&lt;/div&gt;
</template>
</CodeHighlight>