diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 098bf1b02..5e6936ef2 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -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; } diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index aa41f462f..c891d0315 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -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; } diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 35f01062e..d8da330b9 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -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; } diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index 64e1340fb..3d8e2d361 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -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; } diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index 29c693900..dc785adb7 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -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; } diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index 1bdb92e9d..dd912f53c 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -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; } diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 33d798c75..d9895435a 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -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; } diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index ef4256a50..859250727 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -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; } diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 44469b4c0..64abef12d 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -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; } diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index e74ff0cc2..cb1ce9793 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -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; } diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 24835519a..f108bb39e 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -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; } diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 0a26a44d2..3efac57e1 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -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; } diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index f42a230a3..8fbe35259 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -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; } diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 4eadbe827..7226a2dd5 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -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; } diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 372da1b79..199747108 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -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; } diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index f33313faf..c36c60682 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -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; } diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index 6f62088d5..71d3706a4 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -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; } diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 5ae17ce7f..5cbed5ebe 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -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; } diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 33f1f35a0..73adea17e 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -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; } diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 672a4cfe9..53f8ed9bb 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -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; } diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index 54e1e70bc..6cf587600 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -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; } diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index dc7525f00..d889402a2 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -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; } diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index e02fbd6ca..2fb58aeb5 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -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; } diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index e4c2d1d2d..f14969acc 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -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; } diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 1c1c092cc..050cd7862 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -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; } diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index dcc555e3d..28a62617c 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -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; } diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 523536c44..9298125c6 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -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; } diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 3ae2c18e3..4e2ebfd73 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -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; } diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index eb4d952e6..a9f854dca 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -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; } diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 76062164b..539832fa9 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -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; } diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 9efc454dd..cd09fe636 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -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; } diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 56ac641ff..2b03fb095 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -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; } diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index d3ea7e08e..a534f3391 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -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; } diff --git a/src/App.vue b/src/App.vue index ba85fe7de..a172358dc 100755 --- a/src/App.vue +++ b/src/App.vue @@ -19,9 +19,9 @@ - - - + + + diff --git a/src/components/toast/Toast.vue b/src/components/toast/Toast.vue index 85956de34..1d7f923df 100755 --- a/src/components/toast/Toast.vue +++ b/src/components/toast/Toast.vue @@ -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; diff --git a/src/components/toast/ToastMessage.vue b/src/components/toast/ToastMessage.vue index be68b1bf4..b1a8d1b58 100755 --- a/src/components/toast/ToastMessage.vue +++ b/src/components/toast/ToastMessage.vue @@ -1,8 +1,8 @@