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

Fixed #391

pull/411/head
cagataycivici 2020-07-16 16:58:46 +03:00
parent a81a0667e4
commit 099a47bfcf
37 changed files with 748 additions and 1088 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #121212;
padding: 0.5rem 0.5rem;
border: 1px solid #383838;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid #0891cf;
border-width: 0 0 0 6px;
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid #439446;
border-width: 0 0 0 6px;
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid #d9a300;
border-width: 0 0 0 6px;
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid #e60017;
border-width: 0 0 0 6px;
color: #73000c;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #73000c;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #121212;
padding: 0.5rem 0.5rem;
border: 1px solid #383838;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid #0891cf;
border-width: 0 0 0 6px;
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid #439446;
border-width: 0 0 0 6px;
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid #d9a300;
border-width: 0 0 0 6px;
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid #e60017;
border-width: 0 0 0 6px;
color: #73000c;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #73000c;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #121212;
padding: 0.5rem 0.5rem;
border: 1px solid #383838;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid #0891cf;
border-width: 0 0 0 6px;
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid #439446;
border-width: 0 0 0 6px;
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid #d9a300;
border-width: 0 0 0 6px;
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid #e60017;
border-width: 0 0 0 6px;
color: #73000c;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #73000c;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #121212;
padding: 0.5rem 0.5rem;
border: 1px solid #383838;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid #0891cf;
border-width: 0 0 0 6px;
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid #439446;
border-width: 0 0 0 6px;
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid #d9a300;
border-width: 0 0 0 6px;
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid #e60017;
border-width: 0 0 0 6px;
color: #73000c;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #73000c;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #f19ea6;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #f19ea6;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #f19ea6;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #f19ea6;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #f19ea6;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #20262e;
padding: 0.5rem 0.75rem;
border: 1px solid #3f4b5b;
border-width: 1px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
appearance: none;
border-radius: 4px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #f19ea6;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #f19ea6;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #f19ea6;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #f19ea6;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #f19ea6;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 1;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: color 0.15s, box-shadow 0.15s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #cce5ff;
border: solid #b8daff;
border-width: 1px;
color: #004085;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #004085;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #d4edda;
border: solid #c3e6cb;
border-width: 1px;
color: #155724;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #155724;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #fff3cd;
border: solid #ffeeba;
border-width: 1px;
color: #856404;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #856404;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #f8d7da;
border: solid #f5c6cb;
border-width: 1px;
color: #721c24;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #721c24;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #f19ea6;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #f19ea6;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #f19ea6;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #f19ea6;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #f19ea6;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #20262e;
padding: 0.5rem 0.75rem;
border: 1px solid #3f4b5b;
border-width: 1px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
appearance: none;
border-radius: 4px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #f19ea6;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #f19ea6;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #f19ea6;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #f19ea6;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #f19ea6;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 1;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: color 0.15s, box-shadow 0.15s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #cce5ff;
border: solid #b8daff;
border-width: 1px;
color: #004085;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #004085;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #d4edda;
border: solid #c3e6cb;
border-width: 1px;
color: #155724;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #155724;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #fff3cd;
border: solid #ffeeba;
border-width: 1px;
color: #856404;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #856404;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #f8d7da;
border: solid #f5c6cb;
border-width: 1px;
color: #721c24;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #721c24;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #dc3545;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #dc3545;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #dc3545;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #dc3545;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #dc3545;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #ffffff;
padding: 0.5rem 0.75rem;
border: 1px solid #ced4da;
border-width: 1px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
appearance: none;
border-radius: 4px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #dc3545;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #dc3545;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #dc3545;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #dc3545;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #dc3545;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 1;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: box-shadow 0.15s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #cce5ff;
border: solid #b8daff;
border-width: 1px;
color: #004085;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #004085;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #d4edda;
border: solid #c3e6cb;
border-width: 1px;
color: #155724;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #155724;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #fff3cd;
border: solid #ffeeba;
border-width: 1px;
color: #856404;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #856404;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #f8d7da;
border: solid #f5c6cb;
border-width: 1px;
color: #721c24;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #721c24;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #dc3545;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #dc3545;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #dc3545;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #dc3545;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #dc3545;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #ffffff;
padding: 0.5rem 0.75rem;
border: 1px solid #ced4da;
border-width: 1px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
appearance: none;
border-radius: 4px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #dc3545;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #dc3545;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #dc3545;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #dc3545;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #dc3545;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 1;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: box-shadow 0.15s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #cce5ff;
border: solid #b8daff;
border-width: 1px;
color: #004085;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #004085;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #d4edda;
border: solid #c3e6cb;
border-width: 1px;
color: #155724;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #155724;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #fff3cd;
border: solid #ffeeba;
border-width: 1px;
color: #856404;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #856404;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #f8d7da;
border: solid #f5c6cb;
border-width: 1px;
color: #721c24;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #721c24;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #e57373;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #e57373;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #e57373;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #191919;
padding: 0.429rem 0.429rem;
border: 1px solid #4b4b4b;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #e57373;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #e57373;
border-width: 1px;
}
.p-button {
@ -3902,80 +3891,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 0.5rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #7fbcec;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #b7d8b7;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #ffe399;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #f8b7bd;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #212121;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #e57373;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #e57373;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #e57373;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #191919;
padding: 0.429rem 0.429rem;
border: 1px solid #4b4b4b;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #e57373;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #e57373;
border-width: 1px;
}
.p-button {
@ -3902,80 +3891,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 0.5rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #7fbcec;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #b7d8b7;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #ffe399;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #f8b7bd;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #212121;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #e57373;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #e57373;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #e57373;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #191919;
padding: 0.429rem 0.429rem;
border: 1px solid #4b4b4b;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #e57373;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #e57373;
border-width: 1px;
}
.p-button {
@ -3902,80 +3891,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 0.5rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #7fbcec;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #b7d8b7;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #ffe399;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #f8b7bd;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #212121;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #e57373;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #e57373;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #e57373;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #191919;
padding: 0.429rem 0.429rem;
border: 1px solid #4b4b4b;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #e57373;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #e57373;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #e57373;
border-width: 1px;
}
.p-button {
@ -3902,80 +3891,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 0.5rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #7fbcec;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #b7d8b7;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #ffe399;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #f8b7bd;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #212121;
}

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

@ -147,12 +147,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #f44435;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #f44435;
border-width: 1px;
}
.p-datepicker {
@ -433,7 +431,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #f44435;
border-width: 1px;
}
.p-colorpicker-preview {
@ -540,7 +537,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -752,7 +748,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-inputtext {
@ -762,7 +757,6 @@
background: #1e1e1e;
padding: 1rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.3);
border-width: 1px;
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);
appearance: none;
border-radius: 4px;
@ -778,7 +772,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -897,7 +890,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-multiselect {
@ -1005,7 +997,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1150,7 +1141,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #f44435;
border-width: 1px;
}
.p-slider {
@ -1232,7 +1222,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #f44435;
border-width: 1px;
}
.p-button {
@ -3948,80 +3937,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
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);
border-radius: 4px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1.5rem;
border-width: 0 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid transparent;
border-width: 0 0 0 0;
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid transparent;
border-width: 0 0 0 0;
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid transparent;
border-width: 0 0 0 0;
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid transparent;
border-width: 0 0 0 0;
color: #B71C1C;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #B71C1C;
}

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

@ -147,12 +147,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #f44435;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #f44435;
border-width: 1px;
}
.p-datepicker {
@ -433,7 +431,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #f44435;
border-width: 1px;
}
.p-colorpicker-preview {
@ -540,7 +537,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -752,7 +748,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-inputtext {
@ -762,7 +757,6 @@
background: #1e1e1e;
padding: 1rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.3);
border-width: 1px;
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);
appearance: none;
border-radius: 4px;
@ -778,7 +772,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -897,7 +890,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-multiselect {
@ -1005,7 +997,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1150,7 +1141,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #f44435;
border-width: 1px;
}
.p-slider {
@ -1232,7 +1222,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #f44435;
border-width: 1px;
}
.p-button {
@ -3948,80 +3937,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
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);
border-radius: 4px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1.5rem;
border-width: 0 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid transparent;
border-width: 0 0 0 0;
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid transparent;
border-width: 0 0 0 0;
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid transparent;
border-width: 0 0 0 0;
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid transparent;
border-width: 0 0 0 0;
color: #B71C1C;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #B71C1C;
}

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

@ -147,12 +147,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #B00020;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #B00020;
border-width: 1px;
}
.p-datepicker {
@ -433,7 +431,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #B00020;
border-width: 1px;
}
.p-colorpicker-preview {
@ -540,7 +537,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -752,7 +748,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-inputtext {
@ -762,7 +757,6 @@
background: #ffffff;
padding: 1rem 1rem;
border: 1px solid rgba(0, 0, 0, 0.38);
border-width: 1px;
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);
appearance: none;
border-radius: 4px;
@ -778,7 +772,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -897,7 +890,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-multiselect {
@ -1005,7 +997,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1150,7 +1141,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #B00020;
border-width: 1px;
}
.p-slider {
@ -1232,7 +1222,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #B00020;
border-width: 1px;
}
.p-button {
@ -3948,80 +3937,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
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);
border-radius: 4px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1.5rem;
border-width: 0 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid transparent;
border-width: 0 0 0 0;
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid transparent;
border-width: 0 0 0 0;
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid transparent;
border-width: 0 0 0 0;
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid transparent;
border-width: 0 0 0 0;
color: #B71C1C;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #B71C1C;
}

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

@ -147,12 +147,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #B00020;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #B00020;
border-width: 1px;
}
.p-datepicker {
@ -433,7 +431,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #B00020;
border-width: 1px;
}
.p-colorpicker-preview {
@ -540,7 +537,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -752,7 +748,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-inputtext {
@ -762,7 +757,6 @@
background: #ffffff;
padding: 1rem 1rem;
border: 1px solid rgba(0, 0, 0, 0.38);
border-width: 1px;
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);
appearance: none;
border-radius: 4px;
@ -778,7 +772,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -897,7 +890,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-multiselect {
@ -1005,7 +997,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1150,7 +1141,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #B00020;
border-width: 1px;
}
.p-slider {
@ -1232,7 +1222,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #B00020;
border-width: 1px;
}
.p-button {
@ -3948,80 +3937,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
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);
border-radius: 4px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1.5rem;
border-width: 0 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid transparent;
border-width: 0 0 0 0;
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid transparent;
border-width: 0 0 0 0;
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid transparent;
border-width: 0 0 0 0;
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid transparent;
border-width: 0 0 0 0;
color: #B71C1C;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #B71C1C;
}

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

@ -147,12 +147,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #f44435;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #f44435;
border-width: 1px;
}
.p-datepicker {
@ -433,7 +431,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #f44435;
border-width: 1px;
}
.p-colorpicker-preview {
@ -540,7 +537,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -752,7 +748,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-inputtext {
@ -762,7 +757,6 @@
background: #1e1e1e;
padding: 0.75rem 0.75rem;
border: 1px solid rgba(255, 255, 255, 0.3);
border-width: 1px;
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);
appearance: none;
border-radius: 4px;
@ -778,7 +772,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -897,7 +890,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-multiselect {
@ -1005,7 +997,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1150,7 +1141,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #f44435;
border-width: 1px;
}
.p-slider {
@ -1232,7 +1222,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #f44435;
border-width: 1px;
}
.p-button {
@ -3948,80 +3937,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
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);
border-radius: 4px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1.25rem;
border-width: 0 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid transparent;
border-width: 0 0 0 0;
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid transparent;
border-width: 0 0 0 0;
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid transparent;
border-width: 0 0 0 0;
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid transparent;
border-width: 0 0 0 0;
color: #B71C1C;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #B71C1C;
}

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

@ -147,12 +147,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #f44435;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #f44435;
border-width: 1px;
}
.p-datepicker {
@ -433,7 +431,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #f44435;
border-width: 1px;
}
.p-colorpicker-preview {
@ -540,7 +537,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -752,7 +748,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-inputtext {
@ -762,7 +757,6 @@
background: #1e1e1e;
padding: 0.75rem 0.75rem;
border: 1px solid rgba(255, 255, 255, 0.3);
border-width: 1px;
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);
appearance: none;
border-radius: 4px;
@ -778,7 +772,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -897,7 +890,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-multiselect {
@ -1005,7 +997,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #f44435;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1150,7 +1141,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #f44435;
border-width: 1px;
}
.p-slider {
@ -1232,7 +1222,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #f44435;
border-width: 1px;
}
.p-button {
@ -3948,80 +3937,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
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);
border-radius: 4px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1.25rem;
border-width: 0 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid transparent;
border-width: 0 0 0 0;
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid transparent;
border-width: 0 0 0 0;
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid transparent;
border-width: 0 0 0 0;
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid transparent;
border-width: 0 0 0 0;
color: #B71C1C;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #B71C1C;
}

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

@ -147,12 +147,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #B00020;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #B00020;
border-width: 1px;
}
.p-datepicker {
@ -433,7 +431,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #B00020;
border-width: 1px;
}
.p-colorpicker-preview {
@ -540,7 +537,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -752,7 +748,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-inputtext {
@ -762,7 +757,6 @@
background: #ffffff;
padding: 0.75rem 0.75rem;
border: 1px solid rgba(0, 0, 0, 0.38);
border-width: 1px;
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);
appearance: none;
border-radius: 4px;
@ -778,7 +772,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -897,7 +890,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-multiselect {
@ -1005,7 +997,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1150,7 +1141,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #B00020;
border-width: 1px;
}
.p-slider {
@ -1232,7 +1222,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #B00020;
border-width: 1px;
}
.p-button {
@ -3948,80 +3937,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
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);
border-radius: 4px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1.25rem;
border-width: 0 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid transparent;
border-width: 0 0 0 0;
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid transparent;
border-width: 0 0 0 0;
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid transparent;
border-width: 0 0 0 0;
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid transparent;
border-width: 0 0 0 0;
color: #B71C1C;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #B71C1C;
}

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

@ -147,12 +147,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #B00020;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #B00020;
border-width: 1px;
}
.p-datepicker {
@ -433,7 +431,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #B00020;
border-width: 1px;
}
.p-colorpicker-preview {
@ -540,7 +537,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -752,7 +748,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-inputtext {
@ -762,7 +757,6 @@
background: #ffffff;
padding: 0.75rem 0.75rem;
border: 1px solid rgba(0, 0, 0, 0.38);
border-width: 1px;
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);
appearance: none;
border-radius: 4px;
@ -778,7 +772,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -897,7 +890,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-multiselect {
@ -1005,7 +997,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #B00020;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1150,7 +1141,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #B00020;
border-width: 1px;
}
.p-slider {
@ -1232,7 +1222,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #B00020;
border-width: 1px;
}
.p-button {
@ -3948,80 +3937,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
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);
border-radius: 4px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1.25rem;
border-width: 0 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid transparent;
border-width: 0 0 0 0;
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #01579B;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid transparent;
border-width: 0 0 0 0;
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #1B5E20;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid transparent;
border-width: 0 0 0 0;
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #7f6003;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid transparent;
border-width: 0 0 0 0;
color: #B71C1C;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #B71C1C;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-datepicker {
@ -409,7 +407,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-colorpicker-preview {
@ -516,7 +513,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -728,7 +724,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-inputtext {
@ -738,7 +733,6 @@
background: #ffffff;
padding: 0.429rem 0.429rem;
border: 1px solid #a6a6a6;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -754,7 +748,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -873,7 +866,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-multiselect {
@ -981,7 +973,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1126,7 +1117,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #a80000;
border-width: 1px;
}
.p-slider {
@ -1208,7 +1198,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #a80000;
border-width: 1px;
}
.p-button {
@ -3890,80 +3879,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 0.5rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #7fbcec;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #b7d8b7;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #ffe399;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #f8b7bd;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #212121;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #ffffff;
padding: 0.429rem 0.429rem;
border: 1px solid #a6a6a6;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #a80000;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #a80000;
border-width: 1px;
}
.p-button {
@ -3902,80 +3891,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 0.5rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #7fbcec;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #b7d8b7;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #ffe399;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #f8b7bd;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #212121;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #ffffff;
padding: 0.429rem 0.429rem;
border: 1px solid #a6a6a6;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #a80000;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #a80000;
border-width: 1px;
}
.p-button {
@ -3902,80 +3891,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 0.5rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #7fbcec;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #b7d8b7;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #ffe399;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #f8b7bd;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #212121;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #ffffff;
padding: 0.429rem 0.429rem;
border: 1px solid #a6a6a6;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #a80000;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #a80000;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #a80000;
border-width: 1px;
}
.p-button {
@ -3902,80 +3891,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 0.5rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #7fbcec;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #b7d8b7;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #ffe399;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #f8b7bd;
border: 0 none;
border-width: 0;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #212121;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #e7a3a3;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #e7a3a3;
border-width: 1px;
}
.p-datepicker {
@ -409,7 +407,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #e7a3a3;
border-width: 1px;
}
.p-colorpicker-preview {
@ -516,7 +513,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #e7a3a3;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -728,7 +724,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #e7a3a3;
border-width: 1px;
}
.p-inputtext {
@ -738,7 +733,6 @@
background: #ffffff;
padding: 0.429rem 0.429rem;
border: 1px solid #dadada;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 2px;
@ -754,7 +748,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #e7a3a3;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -873,7 +866,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #e7a3a3;
border-width: 1px;
}
.p-multiselect {
@ -981,7 +973,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #e7a3a3;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1126,7 +1117,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #e7a3a3;
border-width: 1px;
}
.p-slider {
@ -1208,7 +1198,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #e7a3a3;
border-width: 1px;
}
.p-button {
@ -3890,80 +3879,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 2px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 0.5rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #A3DEF8;
border: 1px solid #79C8EB;
border-width: 1px;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #A3E2C6;
border: 1px solid #A3E2C6;
border-width: 1px;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #ffe277;
border: 1px solid #ffe277;
border-width: 1px;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #ff8b8b;
border: 1px solid #ff8b8b;
border-width: 1px;
color: #212121;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #212121;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #f44336;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #f44336;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #f44336;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #ffffff;
padding: 0.5rem 0.5rem;
border: 1px solid #ced4da;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #f44336;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #f44336;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
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);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid #0891cf;
border-width: 0 0 0 6px;
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid #439446;
border-width: 0 0 0 6px;
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid #d9a300;
border-width: 0 0 0 6px;
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid #e60017;
border-width: 0 0 0 6px;
color: #73000c;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #73000c;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #f44336;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #f44336;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #f44336;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #ffffff;
padding: 0.5rem 0.5rem;
border: 1px solid #ced4da;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #f44336;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #f44336;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
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);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid #0891cf;
border-width: 0 0 0 6px;
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid #439446;
border-width: 0 0 0 6px;
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid #d9a300;
border-width: 0 0 0 6px;
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid #e60017;
border-width: 0 0 0 6px;
color: #73000c;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #73000c;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #f44336;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #f44336;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #f44336;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #ffffff;
padding: 0.5rem 0.5rem;
border: 1px solid #ced4da;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #f44336;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #f44336;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
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);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid #0891cf;
border-width: 0 0 0 6px;
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid #439446;
border-width: 0 0 0 6px;
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid #d9a300;
border-width: 0 0 0 6px;
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid #e60017;
border-width: 0 0 0 6px;
color: #73000c;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #73000c;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #f44336;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #f44336;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #f44336;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #ffffff;
padding: 0.5rem 0.5rem;
border: 1px solid #ced4da;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #f44336;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #f44336;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #f44336;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
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);
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid #0891cf;
border-width: 0 0 0 6px;
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid #439446;
border-width: 0 0 0 6px;
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid #d9a300;
border-width: 0 0 0 6px;
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid #e60017;
border-width: 0 0 0 6px;
color: #73000c;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #73000c;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #17212f;
padding: 0.5rem 0.5rem;
border: 1px solid #304562;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid #0891cf;
border-width: 0 0 0 6px;
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid #439446;
border-width: 0 0 0 6px;
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid #d9a300;
border-width: 0 0 0 6px;
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid #e60017;
border-width: 0 0 0 6px;
color: #73000c;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #73000c;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #17212f;
padding: 0.5rem 0.5rem;
border: 1px solid #304562;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid #0891cf;
border-width: 0 0 0 6px;
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid #439446;
border-width: 0 0 0 6px;
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid #d9a300;
border-width: 0 0 0 6px;
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid #e60017;
border-width: 0 0 0 6px;
color: #73000c;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #73000c;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #17212f;
padding: 0.5rem 0.5rem;
border: 1px solid #304562;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid #0891cf;
border-width: 0 0 0 6px;
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid #439446;
border-width: 0 0 0 6px;
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid #d9a300;
border-width: 0 0 0 6px;
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid #e60017;
border-width: 0 0 0 6px;
color: #73000c;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #73000c;
}

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

@ -123,12 +123,10 @@
}
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-datepicker {
@ -413,7 +411,6 @@
}
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #ef9a9a;
border-width: 1px;
}
.p-colorpicker-preview {
@ -520,7 +517,6 @@
}
.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-dropdown {
@ -732,7 +728,6 @@
}
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext {
@ -742,7 +737,6 @@
background: #17212f;
padding: 0.5rem 0.5rem;
border: 1px solid #304562;
border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 3px;
@ -758,7 +752,6 @@
}
.p-inputtext.p-error, .p-inputtext.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
@ -877,7 +870,6 @@
}
.p-listbox.p-error, .p-listbox.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-multiselect {
@ -985,7 +977,6 @@
}
.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #ef9a9a;
border-width: 1px;
}
.p-input-filled .p-multiselect {
@ -1138,7 +1129,6 @@
}
.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-slider {
@ -1220,7 +1210,6 @@
}
.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #ef9a9a;
border-width: 1px;
}
.p-button {
@ -3936,80 +3925,80 @@
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-item-container {
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: none;
border-radius: 3px;
}
.p-toast .p-toast-item-container .p-toast-item {
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-title {
.p-toast .p-toast-message .p-toast-message-content .p-toast-title {
font-weight: 700;
}
.p-toast .p-toast-item-container .p-toast-item .p-toast-detail {
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-item-container .p-toast-icon-close {
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-item-container .p-toast-icon-close:hover {
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
.p-toast .p-toast-item-container.p-toast-message-info {
.p-toast .p-toast-message.p-toast-message-info {
background: #B3E5FC;
border: solid #0891cf;
border-width: 0 0 0 6px;
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #044868;
}
.p-toast .p-toast-item-container.p-toast-message-success {
.p-toast .p-toast-message.p-toast-message-success {
background: #C8E6C9;
border: solid #439446;
border-width: 0 0 0 6px;
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #224a23;
}
.p-toast .p-toast-item-container.p-toast-message-warn {
.p-toast .p-toast-message.p-toast-message-warn {
background: #FFECB3;
border: solid #d9a300;
border-width: 0 0 0 6px;
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #6d5100;
}
.p-toast .p-toast-item-container.p-toast-message-error {
.p-toast .p-toast-message.p-toast-message-error {
background: #FFCDD2;
border: solid #e60017;
border-width: 0 0 0 6px;
color: #73000c;
}
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #73000c;
}

6
src/App.vue
View File

@ -19,9 +19,9 @@
<app-footer />
</div>
<Toast />
<Toast position="topleft" group="tl" />
<Toast position="bottomleft" group="bl" />
<Toast position="bottomright" group="br" />
<Toast position="top-left" group="tl" />
<Toast position="bottom-left" group="bl" />
<Toast position="bottom-right" group="br" />
</div>
</template>

39
src/components/toast/Toast.vue
View File

@ -21,7 +21,7 @@ export default {
},
position: {
type: String,
default: 'topright'
default: 'top-right'
},
autoZIndex: {
type: Boolean,
@ -99,33 +99,52 @@ export default {
width: 25rem;
}
.p-toast-message {
.p-toast-message-content {
display: flex;
align-items: flex-start;
}
.p-toast-message-text {
flex: 1 1 auto;
}
.p-toast-topright {
.p-toast-top-right {
top: 20px;
right: 20px;
}
.p-toast-topleft {
.p-toast-top-left {
top: 20px;
left: 20px;
}
.p-toast-bottomleft {
.p-toast-bottom-left {
bottom: 20px;
left: 20px;
}
.p-toast-bottomright {
.p-toast-bottom-right {
bottom: 20px;
right: 20px;
}
.p-toast-item {
display: flex;
align-items: flex-start;
.p-toast-top-center {
top: 20px;
left: 50%;
margin-left: -10em;
}
.p-toast-bottom-center {
bottom: 20px;
left: 50%;
margin-left: -10em;
}
.p-toast-center {
left: 50%;
top: 50%;
min-width: 20vw;
transform: translate(-50%, -50%);
}
.p-toast-icon-close {
@ -152,7 +171,7 @@ export default {
max-height: 1000px;
}
.p-toast .p-toast-item-container.p-toast-message-leave-to {
.p-toast .p-toast-message.p-toast-message-leave-to {
max-height: 0;
opacity: 0;
margin-bottom: 0;

10
src/components/toast/ToastMessage.vue
View File

@ -1,8 +1,8 @@
<template>
<div :class="containerClass">
<div class="p-toast-item" role="alert" aria-live="assertive" aria-atomic="true">
<div :class="containerClass" role="alert" aria-live="assertive" aria-atomic="true">
<div class="p-toast-message-content">
<span :class="iconClass"></span>
<div class="p-toast-message">
<div class="p-toast-message-text">
<span class="p-toast-title">{{message.summary}}</span>
<div class="p-toast-detail">{{message.detail}}</div>
</div>
@ -42,7 +42,7 @@ export default {
},
computed: {
containerClass() {
return ['p-toast-item-container p-highlight', {
return ['p-toast-message', {
'p-toast-message-info': this.message.severity === 'info',
'p-toast-message-warn': this.message.severity === 'warn',
'p-toast-message-error': this.message.severity === 'error',
@ -50,7 +50,7 @@ export default {
}];
},
iconClass() {
return ['p-toast-image pi', {
return ['p-toast-message-icon pi', {
'pi-info-circle': this.message.severity === 'info',
'pi-exclamation-triangle': this.message.severity === 'warn',
'pi-times': this.message.severity === 'error',

32
src/views/toast/ToastDoc.vue
View File

@ -124,14 +124,18 @@ this.$toast.add({severity:'success', summary: 'Success Message', detail:'Order s
</ul>
<h5>Position</h5>
<p>There are four positions available for the toast container defined by the <i>position</i> property that defaults to "topright". Other
valid values are "topleft", "bottomleft" and "bottomright"
<p>There are four positions available for the toast container defined by the <i>position</i> property that defaults to "top-right". Other
valid values are "top-left", "top-center", "bottom-left", "botton-center", "bottom-right" and "center".
</p>
<CodeHighlight>
&lt;Toast /&gt;
&lt;Toast position="topleft" /&gt;
&lt;Toast position="bottomleft" /&gt;
&lt;Toast position="bottomright" /&gt;
&lt;Toast position="top-left" /&gt;
&lt;Toast position="top-center" /&gt;
&lt;Toast position="top-right" /&gt;
&lt;Toast position="center" /&gt;
&lt;Toast position="bottom-left" /&gt;
&lt;Toast position="bottom-center" /&gt;
&lt;Toast position="bottom-right" /&gt;
</CodeHighlight>
<h5>Groups</h5>
@ -176,8 +180,8 @@ this.$toast.removeAllGroups();
<tr>
<td>position</td>
<td>string</td>
<td>topright</td>
<td>Position of the toast in viewport, valid values are "topright", "topleft", "bottomleft" and "bottomright".</td>
<td>top-right</td>
<td>Position of the toast in viewport.</td>
</tr>
<tr>
<td>autoZIndex</td>
@ -211,28 +215,28 @@ this.$toast.removeAllGroups();
<td>Main container element.</td>
</tr>
<tr>
<td>p-toast-container</td>
<td>p-toast-message</td>
<td>Container of a message item.</td>
</tr>
<tr>
<td>p-toast-item</td>
<td>Message element.</td>
</tr>
<tr>
<td>p-toast-icon-close</td>
<td>Close icon of a message.</td>
</tr>
<tr>
<td>p-toast-image</td>
<td>p-toast-icon</td>
<td>Severity icon.</td>
</tr>
<tr>
<td>p-toast-message</td>
<td>p-toast-message-content</td>
<td>Container of message texts.</td>
</tr>
<tr>
<td>p-toast-title</td>
<td>Summary of the message.</td>
</tr>
<tr>
<td>p-toast-title</td>
<td>Detail of the message.</td>
</tr>
</tbody>
</table>