diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index cb8532558..3e8301486 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -423,6 +423,9 @@ body .p-dropdown:not(.p-disabled).p-focus { body .p-dropdown .p-dropdown-label { padding-right: 2em; } +body .p-dropdown .p-dropdown-label.p-placeholder { + color: #9b9b9b; +} body .p-dropdown .p-dropdown-label:focus { outline: 0 none; -webkit-box-shadow: none; @@ -521,6 +524,9 @@ body .p-multiselect .p-multiselect-label { font-weight: 400; color: #dedede; } +body .p-multiselect .p-multiselect-label.p-placeholder { + color: #9b9b9b; +} body .p-multiselect .p-multiselect-trigger { background-color: #585858; width: 2em; @@ -571,6 +577,7 @@ body .p-multiselect-panel .p-multiselect-header .p-checkbox { vertical-align: middle; } body .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + line-height: 1; color: #888888; top: 50%; margin-top: -0.5em; @@ -699,6 +706,11 @@ body .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabl body .p-listbox.p-disabled .p-checkbox-box:not(.p-disabled):not(.p-highlight):hover { border: 1px solid #585858; } +body .p-listbox .p-listbox-list-wrapper { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} body .p-listbox .p-listbox-footer { padding: 0.429em 0.857em 0.429em 0.857em; border-top: 1px solid #191919; @@ -1893,9 +1905,6 @@ body .p-card { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } -body { - /* Responsive Table */ -} body .p-paginator { background-color: #252525; border: 1px solid #191919; @@ -2073,6 +2082,12 @@ body .p-datatable .p-editable-column input { font-size: 14px; font-family: "Open Sans", "Helvetica Neue", sans-serif; } +body .p-datatable .p-row-editor-init { + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; +} body .p-datatable .p-datatable-tbody > tr { background: #323232; color: #dedede; @@ -2193,39 +2208,6 @@ body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td { body .p-datatable.p-datatable-borderless .p-paginator { border: 0 none; } -body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - display: none; -} -@media screen and (max-width: 40em) { - body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th, -body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td { - display: none !important; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - text-align: left; - display: block; - border: 0 none !important; - width: 100% !important; - float: left; - clear: left; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - padding: 0.4em; - min-width: 30%; - display: inline-block; - margin: -0.4em 1em -0.4em -0.4em; - font-weight: bold; - } - body .p-datatable.p-datatable-responsive .p-paginator-top { - border-bottom: 1px solid #191919; - } - body .p-datatable.p-datatable-responsive .p-paginator-bottom { - border-top: 1px solid #191919; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - border: 0 none; - } -} body .p-datascroller .p-datascroller-header { background-color: #191919; color: #dedede; @@ -3133,8 +3115,7 @@ body .p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close } body .p-component-overlay { - background-color: #000000; - opacity: 0.4; + background-color: rgba(0, 0, 0, 0.4); } body .p-overlaypanel { background-color: #323232; @@ -3275,10 +3256,17 @@ body .p-sidebar { } body .p-sidebar .p-sidebar-close { color: #888888; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } body .p-sidebar .p-sidebar-close:hover { color: #dedede; } +body .p-sidebar-mask { + transition-duration: 0.2s; +} body .p-tooltip .p-tooltip-text { background-color: #4c4c4c; color: #dedede; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index d74f751da..92d54d5dc 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -423,6 +423,9 @@ body .p-dropdown:not(.p-disabled).p-focus { body .p-dropdown .p-dropdown-label { padding-right: 2em; } +body .p-dropdown .p-dropdown-label.p-placeholder { + color: #9b9b9b; +} body .p-dropdown .p-dropdown-label:focus { outline: 0 none; -webkit-box-shadow: none; @@ -521,6 +524,9 @@ body .p-multiselect .p-multiselect-label { font-weight: 400; color: #dedede; } +body .p-multiselect .p-multiselect-label.p-placeholder { + color: #9b9b9b; +} body .p-multiselect .p-multiselect-trigger { background-color: #585858; width: 2em; @@ -571,6 +577,7 @@ body .p-multiselect-panel .p-multiselect-header .p-checkbox { vertical-align: middle; } body .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + line-height: 1; color: #888888; top: 50%; margin-top: -0.5em; @@ -699,6 +706,11 @@ body .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabl body .p-listbox.p-disabled .p-checkbox-box:not(.p-disabled):not(.p-highlight):hover { border: 1px solid #585858; } +body .p-listbox .p-listbox-list-wrapper { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} body .p-listbox .p-listbox-footer { padding: 0.429em 0.857em 0.429em 0.857em; border-top: 1px solid #191919; @@ -1893,9 +1905,6 @@ body .p-card { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } -body { - /* Responsive Table */ -} body .p-paginator { background-color: #252525; border: 1px solid #191919; @@ -2073,6 +2082,12 @@ body .p-datatable .p-editable-column input { font-size: 14px; font-family: "Open Sans", "Helvetica Neue", sans-serif; } +body .p-datatable .p-row-editor-init { + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; +} body .p-datatable .p-datatable-tbody > tr { background: #323232; color: #dedede; @@ -2193,39 +2208,6 @@ body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td { body .p-datatable.p-datatable-borderless .p-paginator { border: 0 none; } -body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - display: none; -} -@media screen and (max-width: 40em) { - body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th, -body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td { - display: none !important; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - text-align: left; - display: block; - border: 0 none !important; - width: 100% !important; - float: left; - clear: left; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - padding: 0.4em; - min-width: 30%; - display: inline-block; - margin: -0.4em 1em -0.4em -0.4em; - font-weight: bold; - } - body .p-datatable.p-datatable-responsive .p-paginator-top { - border-bottom: 1px solid #191919; - } - body .p-datatable.p-datatable-responsive .p-paginator-bottom { - border-top: 1px solid #191919; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - border: 0 none; - } -} body .p-datascroller .p-datascroller-header { background-color: #191919; color: #dedede; @@ -3133,8 +3115,7 @@ body .p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close } body .p-component-overlay { - background-color: #000000; - opacity: 0.4; + background-color: rgba(0, 0, 0, 0.4); } body .p-overlaypanel { background-color: #323232; @@ -3275,10 +3256,17 @@ body .p-sidebar { } body .p-sidebar .p-sidebar-close { color: #888888; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } body .p-sidebar .p-sidebar-close:hover { color: #dedede; } +body .p-sidebar-mask { + transition-duration: 0.2s; +} body .p-tooltip .p-tooltip-text { background-color: #4c4c4c; color: #dedede; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index b02ccd0f0..28f1f0371 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -423,6 +423,9 @@ body .p-dropdown:not(.p-disabled).p-focus { body .p-dropdown .p-dropdown-label { padding-right: 2em; } +body .p-dropdown .p-dropdown-label.p-placeholder { + color: #9b9b9b; +} body .p-dropdown .p-dropdown-label:focus { outline: 0 none; -webkit-box-shadow: none; @@ -521,6 +524,9 @@ body .p-multiselect .p-multiselect-label { font-weight: 400; color: #dedede; } +body .p-multiselect .p-multiselect-label.p-placeholder { + color: #9b9b9b; +} body .p-multiselect .p-multiselect-trigger { background-color: #585858; width: 2em; @@ -571,6 +577,7 @@ body .p-multiselect-panel .p-multiselect-header .p-checkbox { vertical-align: middle; } body .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + line-height: 1; color: #888888; top: 50%; margin-top: -0.5em; @@ -699,6 +706,11 @@ body .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabl body .p-listbox.p-disabled .p-checkbox-box:not(.p-disabled):not(.p-highlight):hover { border: 1px solid #585858; } +body .p-listbox .p-listbox-list-wrapper { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} body .p-listbox .p-listbox-footer { padding: 0.429em 0.857em 0.429em 0.857em; border-top: 1px solid #191919; @@ -1893,9 +1905,6 @@ body .p-card { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } -body { - /* Responsive Table */ -} body .p-paginator { background-color: #252525; border: 1px solid #191919; @@ -2073,6 +2082,12 @@ body .p-datatable .p-editable-column input { font-size: 14px; font-family: "Open Sans", "Helvetica Neue", sans-serif; } +body .p-datatable .p-row-editor-init { + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; +} body .p-datatable .p-datatable-tbody > tr { background: #323232; color: #dedede; @@ -2193,39 +2208,6 @@ body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td { body .p-datatable.p-datatable-borderless .p-paginator { border: 0 none; } -body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - display: none; -} -@media screen and (max-width: 40em) { - body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th, -body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td { - display: none !important; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - text-align: left; - display: block; - border: 0 none !important; - width: 100% !important; - float: left; - clear: left; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - padding: 0.4em; - min-width: 30%; - display: inline-block; - margin: -0.4em 1em -0.4em -0.4em; - font-weight: bold; - } - body .p-datatable.p-datatable-responsive .p-paginator-top { - border-bottom: 1px solid #191919; - } - body .p-datatable.p-datatable-responsive .p-paginator-bottom { - border-top: 1px solid #191919; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - border: 0 none; - } -} body .p-datascroller .p-datascroller-header { background-color: #191919; color: #dedede; @@ -3133,8 +3115,7 @@ body .p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close } body .p-component-overlay { - background-color: #000000; - opacity: 0.4; + background-color: rgba(0, 0, 0, 0.4); } body .p-overlaypanel { background-color: #323232; @@ -3275,10 +3256,17 @@ body .p-sidebar { } body .p-sidebar .p-sidebar-close { color: #888888; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } body .p-sidebar .p-sidebar-close:hover { color: #dedede; } +body .p-sidebar-mask { + transition-duration: 0.2s; +} body .p-tooltip .p-tooltip-text { background-color: #4c4c4c; color: #dedede; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 1febff941..736a5287c 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -423,6 +423,9 @@ body .p-dropdown:not(.p-disabled).p-focus { body .p-dropdown .p-dropdown-label { padding-right: 2em; } +body .p-dropdown .p-dropdown-label.p-placeholder { + color: #9b9b9b; +} body .p-dropdown .p-dropdown-label:focus { outline: 0 none; -webkit-box-shadow: none; @@ -521,6 +524,9 @@ body .p-multiselect .p-multiselect-label { font-weight: 400; color: #dedede; } +body .p-multiselect .p-multiselect-label.p-placeholder { + color: #9b9b9b; +} body .p-multiselect .p-multiselect-trigger { background-color: #585858; width: 2em; @@ -571,6 +577,7 @@ body .p-multiselect-panel .p-multiselect-header .p-checkbox { vertical-align: middle; } body .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + line-height: 1; color: #888888; top: 50%; margin-top: -0.5em; @@ -699,6 +706,11 @@ body .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabl body .p-listbox.p-disabled .p-checkbox-box:not(.p-disabled):not(.p-highlight):hover { border: 1px solid #585858; } +body .p-listbox .p-listbox-list-wrapper { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} body .p-listbox .p-listbox-footer { padding: 0.429em 0.857em 0.429em 0.857em; border-top: 1px solid #191919; @@ -1893,9 +1905,6 @@ body .p-card { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } -body { - /* Responsive Table */ -} body .p-paginator { background-color: #252525; border: 1px solid #191919; @@ -2073,6 +2082,12 @@ body .p-datatable .p-editable-column input { font-size: 14px; font-family: "Open Sans", "Helvetica Neue", sans-serif; } +body .p-datatable .p-row-editor-init { + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; +} body .p-datatable .p-datatable-tbody > tr { background: #323232; color: #dedede; @@ -2193,39 +2208,6 @@ body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td { body .p-datatable.p-datatable-borderless .p-paginator { border: 0 none; } -body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - display: none; -} -@media screen and (max-width: 40em) { - body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th, -body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td { - display: none !important; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - text-align: left; - display: block; - border: 0 none !important; - width: 100% !important; - float: left; - clear: left; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - padding: 0.4em; - min-width: 30%; - display: inline-block; - margin: -0.4em 1em -0.4em -0.4em; - font-weight: bold; - } - body .p-datatable.p-datatable-responsive .p-paginator-top { - border-bottom: 1px solid #191919; - } - body .p-datatable.p-datatable-responsive .p-paginator-bottom { - border-top: 1px solid #191919; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - border: 0 none; - } -} body .p-datascroller .p-datascroller-header { background-color: #191919; color: #dedede; @@ -3133,8 +3115,7 @@ body .p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close } body .p-component-overlay { - background-color: #000000; - opacity: 0.4; + background-color: rgba(0, 0, 0, 0.4); } body .p-overlaypanel { background-color: #323232; @@ -3275,10 +3256,17 @@ body .p-sidebar { } body .p-sidebar .p-sidebar-close { color: #888888; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } body .p-sidebar .p-sidebar-close:hover { color: #dedede; } +body .p-sidebar-mask { + transition-duration: 0.2s; +} body .p-tooltip .p-tooltip-text { background-color: #4c4c4c; color: #dedede; diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css index f9ca9a5d5..be0027a22 100644 --- a/public/themes/nova-colored/theme.css +++ b/public/themes/nova-colored/theme.css @@ -423,6 +423,9 @@ body .p-dropdown:not(.p-disabled).p-focus { body .p-dropdown .p-dropdown-label { padding-right: 2em; } +body .p-dropdown .p-dropdown-label.p-placeholder { + color: #666666; +} body .p-dropdown .p-dropdown-label:focus { outline: 0 none; -webkit-box-shadow: none; @@ -521,6 +524,9 @@ body .p-multiselect .p-multiselect-label { font-weight: 400; color: #333333; } +body .p-multiselect .p-multiselect-label.p-placeholder { + color: #666666; +} body .p-multiselect .p-multiselect-trigger { background-color: #ffffff; width: 2em; @@ -571,6 +577,7 @@ body .p-multiselect-panel .p-multiselect-header .p-checkbox { vertical-align: middle; } body .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + line-height: 1; color: #848484; top: 50%; margin-top: -0.5em; @@ -699,6 +706,11 @@ body .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabl body .p-listbox.p-disabled .p-checkbox-box:not(.p-disabled):not(.p-highlight):hover { border: 1px solid #a6a6a6; } +body .p-listbox .p-listbox-list-wrapper { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} body .p-listbox .p-listbox-footer { padding: 0.429em 0.857em 0.429em 0.857em; border-top: 1px solid #eaeaea; @@ -1893,9 +1905,6 @@ body .p-card { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } -body { - /* Responsive Table */ -} body .p-paginator { background-color: #f4f4f4; border: 1px solid #c8c8c8; @@ -2073,6 +2082,12 @@ body .p-datatable .p-editable-column input { font-size: 14px; font-family: "Open Sans", "Helvetica Neue", sans-serif; } +body .p-datatable .p-row-editor-init { + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; +} body .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #333333; @@ -2193,39 +2208,6 @@ body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td { body .p-datatable.p-datatable-borderless .p-paginator { border: 0 none; } -body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - display: none; -} -@media screen and (max-width: 40em) { - body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th, -body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td { - display: none !important; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - text-align: left; - display: block; - border: 0 none !important; - width: 100% !important; - float: left; - clear: left; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - padding: 0.4em; - min-width: 30%; - display: inline-block; - margin: -0.4em 1em -0.4em -0.4em; - font-weight: bold; - } - body .p-datatable.p-datatable-responsive .p-paginator-top { - border-bottom: 1px solid #c8c8c8; - } - body .p-datatable.p-datatable-responsive .p-paginator-bottom { - border-top: 1px solid #c8c8c8; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - border: 0 none; - } -} body .p-datascroller .p-datascroller-header { background-color: #007ad9; color: #ffffff; @@ -3133,8 +3115,7 @@ body .p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close } body .p-component-overlay { - background-color: #000000; - opacity: 0.4; + background-color: rgba(0, 0, 0, 0.4); } body .p-overlaypanel { background-color: #ffffff; @@ -3275,10 +3256,17 @@ body .p-sidebar { } body .p-sidebar .p-sidebar-close { color: #848484; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } body .p-sidebar .p-sidebar-close:hover { color: #333333; } +body .p-sidebar-mask { + transition-duration: 0.2s; +} body .p-tooltip .p-tooltip-text { background-color: #333333; color: #ffffff; diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css index 30ebd78be..20c7d1488 100644 --- a/public/themes/nova-dark/theme.css +++ b/public/themes/nova-dark/theme.css @@ -423,6 +423,9 @@ body .p-dropdown:not(.p-disabled).p-focus { body .p-dropdown .p-dropdown-label { padding-right: 2em; } +body .p-dropdown .p-dropdown-label.p-placeholder { + color: #666666; +} body .p-dropdown .p-dropdown-label:focus { outline: 0 none; -webkit-box-shadow: none; @@ -521,6 +524,9 @@ body .p-multiselect .p-multiselect-label { font-weight: 400; color: #333333; } +body .p-multiselect .p-multiselect-label.p-placeholder { + color: #666666; +} body .p-multiselect .p-multiselect-trigger { background-color: #ffffff; width: 2em; @@ -571,6 +577,7 @@ body .p-multiselect-panel .p-multiselect-header .p-checkbox { vertical-align: middle; } body .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + line-height: 1; color: #848484; top: 50%; margin-top: -0.5em; @@ -699,6 +706,11 @@ body .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabl body .p-listbox.p-disabled .p-checkbox-box:not(.p-disabled):not(.p-highlight):hover { border: 1px solid #a6a6a6; } +body .p-listbox .p-listbox-list-wrapper { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} body .p-listbox .p-listbox-footer { padding: 0.429em 0.857em 0.429em 0.857em; border-top: 1px solid #eaeaea; @@ -1893,9 +1905,6 @@ body .p-card { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } -body { - /* Responsive Table */ -} body .p-paginator { background-color: #f4f4f4; border: 1px solid #c8c8c8; @@ -2073,6 +2082,12 @@ body .p-datatable .p-editable-column input { font-size: 14px; font-family: "Open Sans", "Helvetica Neue", sans-serif; } +body .p-datatable .p-row-editor-init { + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; +} body .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #333333; @@ -2193,39 +2208,6 @@ body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td { body .p-datatable.p-datatable-borderless .p-paginator { border: 0 none; } -body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - display: none; -} -@media screen and (max-width: 40em) { - body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th, -body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td { - display: none !important; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - text-align: left; - display: block; - border: 0 none !important; - width: 100% !important; - float: left; - clear: left; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - padding: 0.4em; - min-width: 30%; - display: inline-block; - margin: -0.4em 1em -0.4em -0.4em; - font-weight: bold; - } - body .p-datatable.p-datatable-responsive .p-paginator-top { - border-bottom: 1px solid #c8c8c8; - } - body .p-datatable.p-datatable-responsive .p-paginator-bottom { - border-top: 1px solid #c8c8c8; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - border: 0 none; - } -} body .p-datascroller .p-datascroller-header { background-color: #333333; color: #ffffff; @@ -3133,8 +3115,7 @@ body .p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close } body .p-component-overlay { - background-color: #000000; - opacity: 0.4; + background-color: rgba(0, 0, 0, 0.4); } body .p-overlaypanel { background-color: #ffffff; @@ -3275,10 +3256,17 @@ body .p-sidebar { } body .p-sidebar .p-sidebar-close { color: #848484; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } body .p-sidebar .p-sidebar-close:hover { color: #333333; } +body .p-sidebar-mask { + transition-duration: 0.2s; +} body .p-tooltip .p-tooltip-text { background-color: #333333; color: #ffffff; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 49af24781..f8fddcab3 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -423,6 +423,9 @@ body .p-dropdown:not(.p-disabled).p-focus { body .p-dropdown .p-dropdown-label { padding-right: 2em; } +body .p-dropdown .p-dropdown-label.p-placeholder { + color: #666666; +} body .p-dropdown .p-dropdown-label:focus { outline: 0 none; -webkit-box-shadow: none; @@ -521,6 +524,9 @@ body .p-multiselect .p-multiselect-label { font-weight: 400; color: #333333; } +body .p-multiselect .p-multiselect-label.p-placeholder { + color: #666666; +} body .p-multiselect .p-multiselect-trigger { background-color: #ffffff; width: 2em; @@ -571,6 +577,7 @@ body .p-multiselect-panel .p-multiselect-header .p-checkbox { vertical-align: middle; } body .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + line-height: 1; color: #848484; top: 50%; margin-top: -0.5em; @@ -699,6 +706,11 @@ body .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabl body .p-listbox.p-disabled .p-checkbox-box:not(.p-disabled):not(.p-highlight):hover { border: 1px solid #a6a6a6; } +body .p-listbox .p-listbox-list-wrapper { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} body .p-listbox .p-listbox-footer { padding: 0.429em 0.857em 0.429em 0.857em; border-top: 1px solid #eaeaea; @@ -1893,9 +1905,6 @@ body .p-card { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } -body { - /* Responsive Table */ -} body .p-paginator { background-color: #f4f4f4; border: 1px solid #c8c8c8; @@ -2073,6 +2082,12 @@ body .p-datatable .p-editable-column input { font-size: 14px; font-family: "Open Sans", "Helvetica Neue", sans-serif; } +body .p-datatable .p-row-editor-init { + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; +} body .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #333333; @@ -2193,39 +2208,6 @@ body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td { body .p-datatable.p-datatable-borderless .p-paginator { border: 0 none; } -body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - display: none; -} -@media screen and (max-width: 40em) { - body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th, -body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td { - display: none !important; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - text-align: left; - display: block; - border: 0 none !important; - width: 100% !important; - float: left; - clear: left; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - padding: 0.4em; - min-width: 30%; - display: inline-block; - margin: -0.4em 1em -0.4em -0.4em; - font-weight: bold; - } - body .p-datatable.p-datatable-responsive .p-paginator-top { - border-bottom: 1px solid #c8c8c8; - } - body .p-datatable.p-datatable-responsive .p-paginator-bottom { - border-top: 1px solid #c8c8c8; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - border: 0 none; - } -} body .p-datascroller .p-datascroller-header { background-color: #f4f4f4; color: #333333; @@ -3133,8 +3115,7 @@ body .p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close } body .p-component-overlay { - background-color: #000000; - opacity: 0.4; + background-color: rgba(0, 0, 0, 0.4); } body .p-overlaypanel { background-color: #ffffff; @@ -3275,10 +3256,17 @@ body .p-sidebar { } body .p-sidebar .p-sidebar-close { color: #848484; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } body .p-sidebar .p-sidebar-close:hover { color: #333333; } +body .p-sidebar-mask { + transition-duration: 0.2s; +} body .p-tooltip .p-tooltip-text { background-color: #333333; color: #ffffff; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 495516174..2fe212454 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -423,6 +423,9 @@ body .p-dropdown:not(.p-disabled).p-focus { body .p-dropdown .p-dropdown-label { padding-right: 2em; } +body .p-dropdown .p-dropdown-label.p-placeholder { + color: #a6a6a6; +} body .p-dropdown .p-dropdown-label:focus { outline: 0 none; -webkit-box-shadow: none; @@ -521,6 +524,9 @@ body .p-multiselect .p-multiselect-label { font-weight: 400; color: #666666; } +body .p-multiselect .p-multiselect-label.p-placeholder { + color: #a6a6a6; +} body .p-multiselect .p-multiselect-trigger { background-color: #f4f4f4; width: 2em; @@ -571,6 +577,7 @@ body .p-multiselect-panel .p-multiselect-header .p-checkbox { vertical-align: middle; } body .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + line-height: 1; color: #666666; top: 50%; margin-top: -0.5em; @@ -699,6 +706,11 @@ body .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabl body .p-listbox.p-disabled .p-checkbox-box:not(.p-disabled):not(.p-highlight):hover { border: 1px solid #dadada; } +body .p-listbox .p-listbox-list-wrapper { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} body .p-listbox .p-listbox-footer { padding: 0.429em 0.857em 0.429em 0.857em; border-top: 1px solid #dadada; @@ -1893,9 +1905,6 @@ body .p-card { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } -body { - /* Responsive Table */ -} body .p-paginator { background-color: #ffffff; border: 1px solid #dadada; @@ -2073,6 +2082,12 @@ body .p-datatable .p-editable-column input { font-size: 14px; font-family: "Open Sans", "Helvetica Neue", sans-serif; } +body .p-datatable .p-row-editor-init { + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; +} body .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #666666; @@ -2193,39 +2208,6 @@ body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td { body .p-datatable.p-datatable-borderless .p-paginator { border: 0 none; } -body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - display: none; -} -@media screen and (max-width: 40em) { - body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th, -body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td { - display: none !important; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - text-align: left; - display: block; - border: 0 none !important; - width: 100% !important; - float: left; - clear: left; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title { - padding: 0.4em; - min-width: 30%; - display: inline-block; - margin: -0.4em 1em -0.4em -0.4em; - font-weight: bold; - } - body .p-datatable.p-datatable-responsive .p-paginator-top { - border-bottom: 1px solid #dadada; - } - body .p-datatable.p-datatable-responsive .p-paginator-bottom { - border-top: 1px solid #dadada; - } - body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td { - border: 0 none; - } -} body .p-datascroller .p-datascroller-header { background-color: #7B95A3; color: #ffffff; @@ -3133,8 +3115,7 @@ body .p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close } body .p-component-overlay { - background-color: #000000; - opacity: 0.4; + background-color: rgba(0, 0, 0, 0.4); } body .p-overlaypanel { background-color: #ffffff; @@ -3275,10 +3256,17 @@ body .p-sidebar { } body .p-sidebar .p-sidebar-close { color: #a6a6a6; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } body .p-sidebar .p-sidebar-close:hover { color: #666666; } +body .p-sidebar-mask { + transition-duration: 0.2s; +} body .p-tooltip .p-tooltip-text { background-color: #AFD3C8; color: #385048;