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

IE fixes

pull/345/head
cagataycivici 2020-05-13 17:54:04 +03:00
parent a9bcdb3939
commit 5b5570979e
26 changed files with 303 additions and 237 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.429rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

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

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.429rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

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

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.429rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

1
public/themes/nova-colored/theme.css
View File

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.429rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

1
public/themes/nova-dark/theme.css
View File

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.429rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

1
public/themes/nova-light/theme.css
View File

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.429rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

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

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.429rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

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

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.429rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

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

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

1
public/themes/saga-cyan/theme.css
View File

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

1
public/themes/saga-deeppurple/theme.css
View File

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

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

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

1
public/themes/saga-indigo/theme.css
View File

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

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

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

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

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

1
public/themes/saga-teal/theme.css
View File

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {

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

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #64B5F6;
background: #1C2833;
border: 1px solid #64B5F6;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05);
color: #42A5F5;
border-color: #42A5F5;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #BBDEFB;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1);
color: #2196F3;
border-color: #2196F3;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529;
background: #4FC3F7;
border: 1px solid #4FC3F7;
}
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6;
color: #212529;
border-color: #29B6F6;
}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE;
}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4;
color: #212529;
border-color: #03A9F4;
}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529;
background: #AED581;
border: 1px solid #AED581;
}
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65;
color: #212529;
border-color: #9CCC65;
}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9;
}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A;
color: #212529;
border-color: #8BC34A;
}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FFB74D;
border: 1px solid #FFB74D;
}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726;
color: #212529;
border-color: #FFA726;
}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7;
}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800;
color: #212529;
border-color: #FF9800;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529;
background: #E57373;
border: 1px solid #E57373;
}
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350;
color: #212529;
border-color: #EF5350;
}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE;
}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336;
color: #212529;
border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem;

59
public/themes/vela-cyan/theme.css
View File

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #4DD0E1;
background: #1C2833;
border: 1px solid #4DD0E1;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05);
color: #26C6DA;
border-color: #26C6DA;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #B2EBF2;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1);
color: #00BCD4;
border-color: #00BCD4;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529;
background: #4FC3F7;
border: 1px solid #4FC3F7;
}
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6;
color: #212529;
border-color: #29B6F6;
}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE;
}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4;
color: #212529;
border-color: #03A9F4;
}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529;
background: #AED581;
border: 1px solid #AED581;
}
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65;
color: #212529;
border-color: #9CCC65;
}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9;
}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A;
color: #212529;
border-color: #8BC34A;
}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FFB74D;
border: 1px solid #FFB74D;
}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726;
color: #212529;
border-color: #FFA726;
}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7;
}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800;
color: #212529;
border-color: #FF9800;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529;
background: #E57373;
border: 1px solid #E57373;
}
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350;
color: #212529;
border-color: #EF5350;
}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE;
}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336;
color: #212529;
border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem;

59
public/themes/vela-deeppurple/theme.css
View File

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #9575CD;
background: #1C2833;
border: 1px solid #9575CD;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05);
color: #7E57C2;
border-color: #7E57C2;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #D1C4E9;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1);
color: #673AB7;
border-color: #673AB7;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529;
background: #4FC3F7;
border: 1px solid #4FC3F7;
}
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6;
color: #212529;
border-color: #29B6F6;
}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE;
}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4;
color: #212529;
border-color: #03A9F4;
}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529;
background: #AED581;
border: 1px solid #AED581;
}
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65;
color: #212529;
border-color: #9CCC65;
}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9;
}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A;
color: #212529;
border-color: #8BC34A;
}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FFB74D;
border: 1px solid #FFB74D;
}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726;
color: #212529;
border-color: #FFA726;
}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7;
}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800;
color: #212529;
border-color: #FF9800;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529;
background: #E57373;
border: 1px solid #E57373;
}
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350;
color: #212529;
border-color: #EF5350;
}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE;
}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336;
color: #212529;
border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem;

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

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #81C784;
background: #1C2833;
border: 1px solid #81C784;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05);
color: #66BB6A;
border-color: #66BB6A;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #C8E6C9;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1);
color: #4CAF50;
border-color: #4CAF50;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529;
background: #4FC3F7;
border: 1px solid #4FC3F7;
}
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6;
color: #212529;
border-color: #29B6F6;
}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE;
}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4;
color: #212529;
border-color: #03A9F4;
}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529;
background: #AED581;
border: 1px solid #AED581;
}
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65;
color: #212529;
border-color: #9CCC65;
}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9;
}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A;
color: #212529;
border-color: #8BC34A;
}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FFB74D;
border: 1px solid #FFB74D;
}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726;
color: #212529;
border-color: #FFA726;
}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7;
}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800;
color: #212529;
border-color: #FF9800;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529;
background: #E57373;
border: 1px solid #E57373;
}
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350;
color: #212529;
border-color: #EF5350;
}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE;
}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336;
color: #212529;
border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem;

59
public/themes/vela-indigo/theme.css
View File

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #7986CB;
background: #1C2833;
border: 1px solid #7986CB;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05);
color: #5C6BC0;
border-color: #5C6BC0;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #C5CAE9;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1);
color: #3F51B5;
border-color: #3F51B5;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529;
background: #4FC3F7;
border: 1px solid #4FC3F7;
}
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6;
color: #212529;
border-color: #29B6F6;
}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE;
}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4;
color: #212529;
border-color: #03A9F4;
}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529;
background: #AED581;
border: 1px solid #AED581;
}
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65;
color: #212529;
border-color: #9CCC65;
}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9;
}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A;
color: #212529;
border-color: #8BC34A;
}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FFB74D;
border: 1px solid #FFB74D;
}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726;
color: #212529;
border-color: #FFA726;
}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7;
}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800;
color: #212529;
border-color: #FF9800;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529;
background: #E57373;
border: 1px solid #E57373;
}
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350;
color: #212529;
border-color: #EF5350;
}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE;
}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336;
color: #212529;
border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem;

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

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #FFD54F;
background: #1C2833;
border: 1px solid #FFD54F;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05);
color: #FFCA28;
border-color: #FFCA28;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFECB3;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1);
color: #FFC107;
border-color: #FFC107;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529;
background: #4FC3F7;
border: 1px solid #4FC3F7;
}
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6;
color: #212529;
border-color: #29B6F6;
}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE;
}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4;
color: #212529;
border-color: #03A9F4;
}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529;
background: #AED581;
border: 1px solid #AED581;
}
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65;
color: #212529;
border-color: #9CCC65;
}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9;
}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A;
color: #212529;
border-color: #8BC34A;
}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FFB74D;
border: 1px solid #FFB74D;
}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726;
color: #212529;
border-color: #FFA726;
}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7;
}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800;
color: #212529;
border-color: #FF9800;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529;
background: #E57373;
border: 1px solid #E57373;
}
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350;
color: #212529;
border-color: #EF5350;
}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE;
}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336;
color: #212529;
border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem;

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

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #BA68C8;
background: #1C2833;
border: 1px solid #BA68C8;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05);
color: #AB47BC;
border-color: #AB47BC;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1BEE7;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1);
color: #9C27B0;
border-color: #9C27B0;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529;
background: #4FC3F7;
border: 1px solid #4FC3F7;
}
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6;
color: #212529;
border-color: #29B6F6;
}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE;
}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4;
color: #212529;
border-color: #03A9F4;
}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529;
background: #AED581;
border: 1px solid #AED581;
}
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65;
color: #212529;
border-color: #9CCC65;
}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9;
}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A;
color: #212529;
border-color: #8BC34A;
}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FFB74D;
border: 1px solid #FFB74D;
}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726;
color: #212529;
border-color: #FFA726;
}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7;
}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800;
color: #212529;
border-color: #FF9800;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529;
background: #E57373;
border: 1px solid #E57373;
}
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350;
color: #212529;
border-color: #EF5350;
}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE;
}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336;
color: #212529;
border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem;

59
public/themes/vela-teal/theme.css
View File

@ -1103,6 +1103,7 @@
}
.p-button.p-button-icon-only {
width: 2.357rem;
padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
@ -1133,96 +1134,96 @@
width: 2.357rem;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button {
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #4DB6AC;
background: #1C2833;
border: 1px solid #4DB6AC;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover {
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 255, 255, 0.05);
color: #26A69A;
border-color: #26A69A;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus {
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #B2DFDB;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active {
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 255, 255, 0.1);
color: #009688;
border-color: #009688;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button {
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529;
background: #4FC3F7;
border: 1px solid #4FC3F7;
}
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover {
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #29B6F6;
color: #212529;
border-color: #29B6F6;
}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus {
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #E1F5FE;
}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active {
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #03A9F4;
color: #212529;
border-color: #03A9F4;
}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button {
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529;
background: #AED581;
border: 1px solid #AED581;
}
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover {
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #9CCC65;
color: #212529;
border-color: #9CCC65;
}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus {
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #F1F8E9;
}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active {
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #8BC34A;
color: #212529;
border-color: #8BC34A;
}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button {
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FFB74D;
border: 1px solid #FFB74D;
}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover {
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #FFA726;
color: #212529;
border-color: #FFA726;
}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus {
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFFDE7;
}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active {
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #FF9800;
color: #212529;
border-color: #FF9800;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button {
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529;
background: #E57373;
border: 1px solid #E57373;
}
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover {
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #EF5350;
color: #212529;
border-color: #EF5350;
}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus {
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.1rem #FFEBEE;
}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active {
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #F44336;
color: #212529;
border-color: #F44336;
@ -1433,19 +1434,19 @@
font-size: 2rem;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem;
@ -2033,16 +2034,16 @@
padding: 0.875rem 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.875rem 0.875rem;
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem;

13
src/App.vue
View File

@ -40,6 +40,11 @@ export default {
theme: 'saga-blue'
}
},
mounted() {
if (this.isOutdatedIE()) {
this.$toast.add({severity: 'warn', summary: 'Limited Functionality', detail: 'Although PrimeVue supports IE11, ThemeSwitcher in this application cannot be not fully supported by your browser. Please use a modern browser for the best experience of the showcase.'});
}
},
watch: {
$route: {
immediate: true,
@ -99,6 +104,14 @@ export default {
return element.classList.contains(className);
else
return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
},
isOutdatedIE() {
let ua = window.navigator.userAgent;
if (ua.indexOf('MSIE ') > 0 || ua.indexOf('Trident/') > 0) {
return true;
}
return false;
}
},
components: {

39
src/views/setup/Setup.vue
View File

@ -41,7 +41,7 @@ Vue.component('Dialog', Dialog);
<CodeHighlight>
&lt;meta charset="utf-8"&gt;
&lt;title&gt;calendar demo&lt;/title&gt;
&lt;link href="https://unpkg.com/primevue/resources/themes/nova-light/theme.css " rel="stylesheet"&gt;
&lt;link href="https://unpkg.com/primevue/resources/themes/saga-blue/theme.css " rel="stylesheet"&gt;
&lt;link href="https://unpkg.com/primevue/resources/primevue.min.css " rel="stylesheet"&gt;
&lt;link href="https://unpkg.com/primeicons/primeicons.css " rel="stylesheet"&gt;
&lt;script src="https://unpkg.com/vue"&gt;&lt;/script&gt;
@ -67,7 +67,7 @@ new Vue({
<CodeHighlight lang="js">
dependencies: {
"vue": "^2.6.10",
"primeicons": "^2.0.0"
"primeicons": "^3.0.0"
}
</CodeHighlight>
@ -105,10 +105,39 @@ dependencies: {
<p>The css dependencies are as follows, note that you may change the theme with another one of your choice. If you are using a bundler such as webpack with a css loader you
may import them to your main application component.</p>
<CodeHighlight class="language-javascript">
primevue/resources/themes/nova-light/theme.css //theme
primevue/resources/primevue.min.css //shared css
<CodeHighlight lang="js">
primevue/resources/themes/saga-blue/theme.css //theme
primevue/resources/primevue.min.css //core css
primeicons/primeicons.css //icons
</CodeHighlight>
<h3>Free Themes</h3>
<p>PrimeVue ships with 25 free themes to choose from, import paths are as follows.</p>
<CodeHighlight lang="css">
primevue/resources/themes/saga-blue/theme.css
primevue/resources/themes/saga-cyan/theme.css
primevue/resources/themes/saga-deeppurple/theme.css
primevue/resources/themes/saga-green/theme.css
primevue/resources/themes/saga-indigo/theme.css
primevue/resources/themes/saga-orange/theme.css
primevue/resources/themes/saga-purple/theme.css
primevue/resources/themes/vela-blue/theme.css
primevue/resources/themes/vela-cyan/theme.css
primevue/resources/themes/vela-deeppurple/theme.css
primevue/resources/themes/vela-green/theme.css
primevue/resources/themes/vela-indigo/theme.css
primevue/resources/themes/vela-orange/theme.css
primevue/resources/themes/vela-purple/theme.css
primevue/resources/themes/vela-teal/theme.css
primevue/resources/themes/nova-light/theme.css
primevue/resources/themes/nova-dark/theme.css
primevue/resources/themes/nova-colored/theme.css
primevue/resources/themes/nova-vue/theme.css
primevue/resources/themes/luna-amber/theme.css
primevue/resources/themes/luna-blue/theme.css
primevue/resources/themes/luna-green/theme.css
primevue/resources/themes/luna-pink/theme.css
primevue/resources/themes/rhea/theme.css
</CodeHighlight>
<h3>Quickstart</h3>