diff --git a/src/assets/styles/primevue.css b/src/assets/styles/primevue.css index aedf08a1d..1fd33c0d8 100644 --- a/src/assets/styles/primevue.css +++ b/src/assets/styles/primevue.css @@ -1,30 +1,9 @@ @import '../../components/common/Common.css'; @import '../../components/button/Button.css'; @import '../../components/checkbox/Checkbox.css'; -@import '../../components/chips/Chips.css'; -@import '../../components/dataview/DataView.css'; -@import '../../components/dialog/Dialog.css'; -@import '../../components/dropdown/Dropdown.css'; -@import '../../components/fieldset/Fieldset.css'; -@import '../../components/fileupload/FileUpload.css'; @import '../../components/inputtext/InputText.css'; -@import '../../components/inputswitch/InputSwitch.css'; -@import '../../components/listbox/Listbox.css'; @import '../../components/menu/Menu.css'; -@import '../../components/message/Message.css'; -@import '../../components/multiselect/MultiSelect.css'; -@import '../../components/overlaypanel/OverlayPanel.css'; -@import '../../components/panel/Panel.css'; @import '../../components/password/Password.css'; -@import '../../components/progressbar/ProgressBar.css'; @import '../../components/radiobutton/RadioButton.css'; -@import '../../components/rating/Rating.css'; -@import '../../components/sidebar/Sidebar.css'; -@import '../../components/slider/Slider.css'; @import '../../components/spinner/Spinner.css'; -@import '../../components/splitbutton/SplitButton.css'; -@import '../../components/tabview/TabView.css'; -@import '../../components/textarea/Textarea.css'; -@import '../../components/toast/Toast.css'; -@import '../../components/toolbar/Toolbar.css'; -@import '../../components/validationmessage/ValidationMessage.css'; \ No newline at end of file +@import '../../components/splitbutton/SplitButton.css'; \ No newline at end of file diff --git a/src/components/chips/Chips.css b/src/components/chips/Chips.css deleted file mode 100644 index 4d8e94106..000000000 --- a/src/components/chips/Chips.css +++ /dev/null @@ -1,59 +0,0 @@ -.p-chips > ul.p-inputtext { - clear: left; - cursor: text; - list-style-type: none; - margin: 0; - overflow: hidden; - padding: 0 .25em; -} - -.p-chips-token { - cursor: default; - display: inline-block; - vertical-align: middle; - overflow: hidden; - padding: .125em .5em; - white-space: nowrap; - position: relative; - margin-right: .125em; - border: 0 none; - font-size: .9em; -} - -.p-chips-token .p-chips-token-label { - display: block; - margin-right: 2em; -} - -.p-chips > .p-disabled .p-chips-token-label { - margin-right: 0; -} - -.p-chips-token .p-chips-token-icon { - margin-top: -.5em; - position: absolute; - right: 0.2em; - top: 50%; - cursor: pointer; -} - -.p-chips-input-token { - display: inline-block; - vertical-align: middle; - list-style-type: none; - margin: 0 0 0 .125em; - padding: .25em .25em .25em 0; -} - -.p-chips-input-token .p-inputtext { - border: 0 none; - width: 10em; - outline: medium none; - background-color: transparent; - margin: 0; - padding: 0; - box-shadow: none; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} \ No newline at end of file diff --git a/src/components/chips/Chips.vue b/src/components/chips/Chips.vue index 8b45ba286..2dc1e304c 100644 --- a/src/components/chips/Chips.vue +++ b/src/components/chips/Chips.vue @@ -88,5 +88,63 @@ export default { diff --git a/src/components/dataview/DataView.css b/src/components/dataview/DataView.css deleted file mode 100644 index c9ff59649..000000000 --- a/src/components/dataview/DataView.css +++ /dev/null @@ -1,41 +0,0 @@ -.p-dataview .p-paginator { - text-align: center; -} - -.p-dataview-column { - padding: .25em; -} - -.p-dataview-content-empty { - padding: .25em .625em; -} - -.p-dataview .p-dataview-header, -.p-dataview .p-dataview-footer { - text-align: center; - padding: .5em .75em; -} - -.p-dataview .p-dataview-header { - border-bottom: 0 none; -} - -.p-dataview .p-dataview-footer { - border-top: 0 none; -} - -.p-dataview .p-paginator-top { - border-bottom: 0 none; -} - -.p-dataview .p-paginator-bottom { - border-top: 0 none; -} - -.p-dataview.p-dataview-list > .p-dataview-content > div.p-grid > div { - width: 100%; -} - -.p-dataview-loading-icon { - font-size: 2em; -} \ No newline at end of file diff --git a/src/components/dataview/DataView.vue b/src/components/dataview/DataView.vue index d4af3f329..c1e5bf714 100644 --- a/src/components/dataview/DataView.vue +++ b/src/components/dataview/DataView.vue @@ -211,4 +211,48 @@ } } } - \ No newline at end of file + + + \ No newline at end of file diff --git a/src/components/dialog/Dialog.css b/src/components/dialog/Dialog.css deleted file mode 100644 index 15379ea9f..000000000 --- a/src/components/dialog/Dialog.css +++ /dev/null @@ -1,136 +0,0 @@ -.p-dialog { - position: fixed; - padding: 0; - top: 50%; - left: 50%; - transform: translateX(-50%) translateY(-50%); -} -.p-dialog-visible { - display: block; -} -.p-dialog .p-dialog-titlebar { - padding: .5em .75em; - position: relative; - border: 0; -} -.p-dialog .p-dialog-content { - position: relative; - border: 0; - padding: .5em .75em; - background: none; - zoom: 1; -} -.p-dialog-resizable .p-dialog-content { - overflow: auto; -} -.p-dialog .p-resizable-handle { - width: 14px; - height: 14px; - right: 3px; - bottom: 3px; - position: absolute; - font-size: .1px; - display: block; - cursor: se-resize; -} -.p-draggable .p-dialog-titlebar { - cursor: move; -} -.p-dialog .p-dialog-titlebar-icons { - float: right; -} -.p-dialog .p-dialog-titlebar-icons:after { - content: ""; - display: table; - clear: both; -} -.p-dialog .p-dialog-titlebar-icon { - text-decoration: none; - padding: .125em; - cursor: pointer; - display: inline-block; - vertical-align: middle; - border: 1px solid transparent; -} - -.p-dialog .p-dialog-titlebar-icon span { - display: block; - margin: 0; -} -.p-dialog-footer { - padding: 1em; - text-align: right; -} - -.p-dialog-mask { - position: fixed; - width: 100%; - height: 100%; -} - -/* ConfirmDialog */ -.p-confirmdialog { - width: 30em; -} - -.p-confirmdialog.p-dialog .p-dialog-content { - padding: 1em 2em; -} -.p-confirmdialog .p-dialog-content .p-confirmdialog-icon { - font-size: 1.5em; - vertical-align: middle; - margin-right: .5em; -} -.p-confirmdialog .p-dialog-content .p-confirmdialog-message { - vertical-align: middle; -} - -/* Fluid */ -.p-fluid .p-dialog-footer .p-button { - width: auto; -} - -/* RTL */ -.p-rtl .p-dialog .p-dialog-titlebar-close { - float: left; -} - -.p-rtl .p-dialog .p-dialog-footer { - text-align: left; -} - -@media screen and (max-width: 40em) { - .p-confirmdialog { - width: 90%; - } -} - -/* Animation */ -.p-dialog-enter-active { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.p-dialog-leave-active { - transition: all 75ms cubic-bezier(0.4, 0.0, 0.2, 1); -} - -.p-dialog-enter, -.p-dialog-leave-to { - opacity: 0; - transform: translateX(-50%) translateY(-50%) scale(0.7); -} - -/* Maximize */ -.p-dialog-maximized { - -webkit-transition: none; - transition: none; - transform: none; - width: 100vw !important; - top: 0; - left: 0; -} - -.p-dialog-maximized .p-dialog-content { - -webkit-transition: height .3s; - transition: height .3s; -} \ No newline at end of file diff --git a/src/components/dialog/Dialog.vue b/src/components/dialog/Dialog.vue index 8c4e3c684..31ba90e3f 100644 --- a/src/components/dialog/Dialog.vue +++ b/src/components/dialog/Dialog.vue @@ -104,3 +104,142 @@ export default { } } + + \ No newline at end of file diff --git a/src/components/dropdown/Dropdown.css b/src/components/dropdown/Dropdown.css deleted file mode 100644 index 97265d7a4..000000000 --- a/src/components/dropdown/Dropdown.css +++ /dev/null @@ -1,123 +0,0 @@ -.p-dropdown { - display: inline-block; - position: relative; - cursor: pointer; - vertical-align: middle; -} - -.p-dropdown .p-dropdown-clear-icon { - position: absolute; - right: 2em; - top: 50%; - font-size: 1em; - height: 1em; - margin-top: -.5em; -} - -.p-dropdown .p-dropdown-trigger { - border-right: none; - border-top: none; - border-bottom: none; - cursor: pointer; - width: 1.5em; - height: 100%; - position: absolute; - right: 0; - top: 0; - padding: 0 .25em; -} - -.p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon { - top: 50%; - left: 50%; - margin-top: -.5em; - margin-left: -.5em; - position: absolute; -} - -.p-dropdown .p-dropdown-label { - display: block; - border: none; - white-space: nowrap; - overflow: hidden; - font-weight: normal; - width: 100%; - padding-right: 1.5em; -} - -.p-dropdown .p-dropdown-item-empty, -.p-dropdown .p-dropdown-label-empty { - overflow: hidden; - visibility: hidden; -} - -.p-dropdown.p-disabled .p-dropdown-trigger, -.p-dropdown.p-disabled .p-dropdown-label { - cursor: default; -} - -.p-dropdown label.p-dropdown-label { - cursor: pointer; -} - -.p-dropdown input.p-dropdown-label { - cursor: default; -} - -.p-dropdown .p-dropdown-panel { - min-width: 100%; - z-index: 1; -} - -.p-dropdown-panel { - position: absolute; - height: auto; -} - -.p-dropdown-panel .p-dropdown-items-wrapper { - overflow: auto; -} - -.p-dropdown-panel .p-dropdown-item { - font-weight: normal; - border: 0 none; - cursor: pointer; - margin: 1px 0; - padding: .125em .25em; - text-align: left; -} - -.p-dropdown-panel .p-dropdown-item-group { - font-weight: bold; -} - -.p-dropdown-panel .p-dropdown-list { - padding: 0.4em; - border: 0 none; - margin: 0; - list-style-type: none; -} - -.p-dropdown-panel .p-dropdown-filter { - width: 100%; - box-sizing: border-box; - padding-right: 1.5em; -} - -.p-dropdown-panel .p-dropdown-filter-container { - position: relative; - margin: 0; - padding: 0.4em; - display: inline-block; -} - -.p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter-icon { - position: absolute; - top: .8em; - right: 1em; -} - -/** Dropdown **/ -.p-fluid .p-dropdown { - width: 100%; -} \ No newline at end of file diff --git a/src/components/dropdown/Dropdown.vue b/src/components/dropdown/Dropdown.vue index 679a58524..04279c34f 100644 --- a/src/components/dropdown/Dropdown.vue +++ b/src/components/dropdown/Dropdown.vue @@ -386,3 +386,129 @@ export default { } } + + \ No newline at end of file diff --git a/src/components/fieldset/Fieldset.css b/src/components/fieldset/Fieldset.css deleted file mode 100644 index ae43cec00..000000000 --- a/src/components/fieldset/Fieldset.css +++ /dev/null @@ -1,45 +0,0 @@ -.p-fieldset, -.p-fieldset .p-fieldset-legend { - padding: 0.5em 1em; -} - -.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; -} - -.p-fieldset-toggleable .p-fieldset-legend a { - padding: 0.5em 1em; - cursor:pointer; - white-space: nowrap; - display: block; -} - -.p-fieldset .p-fieldset-toggler { - margin-right: .1em; - display: inline-block; - vertical-align: middle; -} - -.p-fieldset .p-fieldset-legend-text { - vertical-align: middle; -} - -.p-fieldset-content-wrapper-enter, -.p-fieldset-content-wrapper-leave-to { - max-height: 0; -} - -.p-fieldset-content-wrapper-enter-to, -.p-fieldset-content-wrapper-leave { - max-height: 1000px; -} - -.p-fieldset-content-wrapper-leave-active { - overflow: hidden; - transition: max-height 0.45s cubic-bezier(0, 1, 0, 1); -} - -.p-fieldset-content-wrapper-enter-active { - overflow: hidden; - transition: max-height 1s ease-in-out; -} \ No newline at end of file diff --git a/src/components/fieldset/Fieldset.vue b/src/components/fieldset/Fieldset.vue index aa7ef01e9..448f986b6 100644 --- a/src/components/fieldset/Fieldset.vue +++ b/src/components/fieldset/Fieldset.vue @@ -47,5 +47,49 @@ export default { diff --git a/src/components/fileupload/FileUpload.css b/src/components/fileupload/FileUpload.css deleted file mode 100644 index 441fc46b0..000000000 --- a/src/components/fileupload/FileUpload.css +++ /dev/null @@ -1,93 +0,0 @@ -/* - * FileUpload - */ - .p-fileupload-buttonbar .p-fileupload-choose.p-disabled input { - cursor: default; -} - -.p-fileupload-buttonbar { - padding: .5em; - border-bottom: 0 none; -} - -.p-fileupload-buttonbar .p-button { - vertical-align: middle; - margin-right: .25em; -} - -.p-fileupload-content { - padding: 1em; - position: relative; - transition: border-color .3s; -} - -.p-fileupload-content.p-fileupload-highlight { - border-color: #156090; -} - -.p-fileupload-files img { - border: none; -} - -.p-fileupload-files { - display: table; -} - -.p-fileupload-row { - display: table-row; -} - -.p-fileupload-row > div { - display: table-cell; - padding: .5em 1em; - vertical-align: middle; -} - -.p-fileupload-content .p-progressbar { - width: 100%; - position: absolute; - top: 1px; - left: 0; - height: .25em; - border: 0 none; -} - -.p-fileupload-content .p-progressbar-value { - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - border: 0 none; -} - -/* Simple */ -.p-fileupload-choose { - position: relative; - overflow: hidden; -} - -.p-fileupload-choose input[type=file] { - position: absolute; - top: 0; - right: 0; - margin: 0; - opacity: 0; - min-height: 100%; - font-size: 100px; - text-align: right; - filter: alpha(opacity=0); - direction: ltr; - cursor: pointer; -} - -.p-fileupload-choose.p-fileupload-choose-selected input[type=file] { - display: none; -} - -/* p-fluid */ -.p-fluid .p-fileupload .p-button { - width: auto; -} - -.p-fluid .p-fileupload-content .p-button-icon-only { - width: 2em; -} \ No newline at end of file diff --git a/src/components/fileupload/FileUpload.vue b/src/components/fileupload/FileUpload.vue index d916982b1..def0feb5b 100644 --- a/src/components/fileupload/FileUpload.vue +++ b/src/components/fileupload/FileUpload.vue @@ -303,5 +303,92 @@ export default { diff --git a/src/components/inputswitch/InputSwitch.css b/src/components/inputswitch/InputSwitch.css deleted file mode 100644 index 0854112ca..000000000 --- a/src/components/inputswitch/InputSwitch.css +++ /dev/null @@ -1,36 +0,0 @@ -.p-inputswitch { - position: relative; - display: inline-block; - width: 3em; - height: 1.75em; -} - -.p-inputswitch-slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - -webkit-transition: .3s; - transition: .3s; - border-radius: 30px; -} - -.p-inputswitch-slider:before { - position: absolute; - content: ""; - height: 1.250em; - width: 1.250em; - left: .25em; - bottom: .25em; - border-radius: 50%; - -webkit-transition: .3s; - transition: .3s; -} - -.p-inputswitch-checked .p-inputswitch-slider:before { - -webkit-transform: translateX(1.250em); - -ms-transform: translateX(1.250em); - transform: translateX(1.250em); -} \ No newline at end of file diff --git a/src/components/inputswitch/InputSwitch.vue b/src/components/inputswitch/InputSwitch.vue index 0cd798e4c..40f824ff3 100644 --- a/src/components/inputswitch/InputSwitch.vue +++ b/src/components/inputswitch/InputSwitch.vue @@ -51,4 +51,43 @@ export default { } } } - \ No newline at end of file + + + \ No newline at end of file diff --git a/src/components/listbox/Listbox.css b/src/components/listbox/Listbox.css deleted file mode 100644 index 82bc81aa2..000000000 --- a/src/components/listbox/Listbox.css +++ /dev/null @@ -1,68 +0,0 @@ -.p-listbox { - padding: .25em; - width: 10em; -} - -.p-listbox .p-listbox-list-wrapper { - overflow:auto; -} - -.p-listbox .p-listbox-list { - list-style-type: none; - margin: 0; - padding: 0; -} - -.p-listbox .p-listbox-item { - padding: .25em; - border: 0 none; - cursor: pointer; - font-weight: normal; - margin-bottom: 1px; -} - -.p-listbox .p-listbox-item > span { - vertical-align: middle; -} - -.p-listbox .p-listbox-item:last-child { - margin-bottom: 0; -} - -.p-listbox.p-disabled .p-listbox-item { - cursor: default; -} - -.p-listbox-header { - margin-bottom: 0.3em; - padding: .125em .2em; - position: relative; -} - -.p-listbox-header .p-checkbox { - display: inline-block; - vertical-align: middle; - cursor: pointer; -} - -.p-listbox-header .p-listbox-filter-container { - display: inline-block; - vertical-align: middle; - position: relative; - width: 100%; -} - -.p-listbox-header.p-listbox-header-w-checkbox .p-listbox-filter-container { - width: calc(100% - 2em); -} - -.p-listbox-header .p-listbox-filter-container .p-listbox-filter-icon { - position: absolute; - top: .25em; - left: .25em; -} - -.p-listbox-header .p-inputtext { - padding: .125em .125em .125em 1.25em; - width: 100%; -} \ No newline at end of file diff --git a/src/components/listbox/Listbox.vue b/src/components/listbox/Listbox.vue index dcfdee7a8..f155418f3 100644 --- a/src/components/listbox/Listbox.vue +++ b/src/components/listbox/Listbox.vue @@ -221,4 +221,75 @@ export default { } } } - \ No newline at end of file + + + \ No newline at end of file diff --git a/src/components/message/Message.css b/src/components/message/Message.css deleted file mode 100644 index c9b2dea34..000000000 --- a/src/components/message/Message.css +++ /dev/null @@ -1,60 +0,0 @@ -.p-messages-wrapper { - padding: 1em; - position: relative; -} - -.p-messages-icon-container, -.p-messages-close-container { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; -} - -.p-messages-text { - display: inline-block; - vertical-align: middle; -} - -.p-messages-icon { - padding: 0; - margin-right: .25em; - vertical-align: middle; -} - -.p-messages .p-messages-summary { - font-weight: bold; - margin-right: .25em; -} - -.p-messages-close { - position: absolute; -} - -.p-messages-enter { - opacity: 0; -} - -.p-messages-enter-active { - -webkit-transition: opacity .3s; - transition: opacity .3s; -} - -.p-messages.p-messages-leave { - max-height: 1000px; -} - -.p-messages.p-messages-leave-to { - max-height: 0; - opacity: 0; - margin: 0 !important; -} - -.p-messages-leave-active { - overflow: hidden; - -webkit-transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s; - transition: max-height .3 cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s; -} - -.p-messages-leave-active .p-messages-close { - display: none; -} \ No newline at end of file diff --git a/src/components/message/Message.vue b/src/components/message/Message.vue index 3f497f7f2..21524fbab 100644 --- a/src/components/message/Message.vue +++ b/src/components/message/Message.vue @@ -64,5 +64,64 @@ export default { diff --git a/src/components/multiselect/MultiSelect.css b/src/components/multiselect/MultiSelect.css deleted file mode 100644 index d609decf2..000000000 --- a/src/components/multiselect/MultiSelect.css +++ /dev/null @@ -1,152 +0,0 @@ -/** MultiSelect **/ -.p-multiselect { - display: inline-block; - position: relative; - width: auto; - cursor: pointer; -} - -.p-multiselect .p-multiselect-trigger { - border-right: none; - border-top: none; - border-bottom: none; - cursor: pointer; - width: 1.5em; - height: 100%; - position: absolute; - right: 0; - top: 0; - padding: 0 .25em; -} - -.p-multiselect .p-multiselect-trigger .p-multiselect-trigger-icon { - top: 50%; - left: 50%; - margin-top: -.5em; - margin-left: -.5em; - position: absolute; -} - -.p-multiselect .p-multiselect-label-container { - overflow: hidden; -} - -.p-multiselect .p-multiselect-label { - display: block; - padding: .25em 2em .25em .25em; - width: auto; - border: none; - cursor: pointer; - text-overflow: ellipsis; - overflow: hidden; -} - -.p-multiselect-label-empty { - overflow: hidden; - visibility: hidden; -} - -.p-multiselect.p-disabled .p-multiselect-trigger, -.p-multiselect.p-disabled .p-multiselect-label { - cursor: auto; -} - -.p-multiselect-panel { - padding: 0.2em; - position: absolute; - min-width: 10em; - z-index: 2; -} - -.p-multiselect .p-multiselect-panel { - min-width: 100%; -} - -.p-multiselect-panel .p-multiselect-items-wrapper { - overflow: auto; - position: relative; - padding: 0.2em 0; -} - -.p-multiselect-panel .p-multiselect-list { - border: 0 none; - margin: 0; - list-style-type: none; -} - -.p-multiselect-panel .p-multiselect-item { - border: 0 none; - cursor: pointer; - font-weight: normal; - margin: 1px 0; - padding: .125em .25em; - text-align: left; - white-space: nowrap; - display: block; - position: relative; -} - -.p-multiselect-panel .p-multiselect-item .p-checkbox { - display: inline-block; - vertical-align: middle; -} - -.p-multiselect-panel .p-multiselect-item > span { - display: inline-block; - vertical-align: middle; -} - -.p-multiselect-header { - margin-bottom: 0.3em; - padding: .25em; - position: relative; - text-align: left; -} - -.p-multiselect-header .p-checkbox { - display: inline-block; - vertical-align: middle; - cursor:pointer; -} - -.p-multiselect-header .p-multiselect-filter-container { - position: relative; - display: inline-block; - vertical-align: middle; - width: 65%; -} - -.p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - position: absolute; - top: .25em; - left: .125em; -} - -.p-multiselect-header .p-inputtext { - padding: .125em .125em .125em 1.25em; - width: 100%; -} - -.p-multiselect-header .p-multiselect-close { - position: absolute; - right: .375em; - top: .375em; - display: block; - border: 0 none; -} - -.p-multiselect-header a.p-multiselect-all, -.p-multiselect-header a.p-multiselect-none { - float:left; - margin-right: 10px; - display: block; -} - -.p-multiselect-header .p-multiselect-close.p-state-hover { - padding:0px; -} - -.p-fluid .p-multiselect { - width: 100%; - box-sizing: border-box; -} diff --git a/src/components/multiselect/MultiSelect.vue b/src/components/multiselect/MultiSelect.vue index e1be1b52b..0db788476 100644 --- a/src/components/multiselect/MultiSelect.vue +++ b/src/components/multiselect/MultiSelect.vue @@ -351,4 +351,160 @@ export default { } } } - \ No newline at end of file + + + \ No newline at end of file diff --git a/src/components/overlaypanel/OverlayPanel.css b/src/components/overlaypanel/OverlayPanel.css deleted file mode 100644 index fa591663a..000000000 --- a/src/components/overlaypanel/OverlayPanel.css +++ /dev/null @@ -1,92 +0,0 @@ -.p-overlaypanel { - padding: 0; - margin: 0; - position: absolute; - margin-top: 10px; -} - -.p-overlaypanel-flipped { - margin-top: 0; - margin-bottom: 10px; -} - -.p-overlaypanel-content { - padding: 0.5em 1em; -} - -.p-overlaypanel-close { - position: absolute; - top: -1em; - right: -1em; - width: 2em; - height: 2em; - line-height: 2em; - text-align: center; - -moz-border-radius: 100%; - -webkit-border-radius: 100%; - border-radius: 100%; -} - -.p-overlaypanel-close-icon { - line-height: inherit; -} - -/* Animation */ -.p-overlaypanel-enter, -.p-overlaypanel-leave-to { - opacity: 0; - transform: translate3d(-50%, -25%, 0) scale(0.9); -} - -.p-overlaypanel-enter-active, -.p-overlaypanel-leave-active { - transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1); -} - -.p-overlaypanel-enter, -.p-overlaypanel-leave-to { - opacity: 0; - -webkit-transform: translateY(5%); - -ms-transform: translateY(5%); - transform: translateY(5%); -} - -.p-overlaypanel-enter-active, -.p-overlaypanel-leave-active { - -webkit-transition: transform .3s, opacity .15s; - transition: transform .3s, opacity .15s; -} - -.p-overlaypanel:after, .p-overlaypanel:before { - bottom: 100%; - left: 1.25em; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; -} - -.p-overlaypanel:after { - border-width: 8px; - margin-left: -8px; -} - -.p-overlaypanel:before { - border-width: 10px; - margin-left: -10px; -} - -.p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before { - bottom: auto; - top: 100%; -} - -.p-overlaypanel.p-overlaypanel-flipped:after { - border-bottom-color: transparent; -} - -.p-overlaypanel.p-overlaypanel-flipped:before { - border-bottom-color: transparent -} \ No newline at end of file diff --git a/src/components/overlaypanel/OverlayPanel.vue b/src/components/overlaypanel/OverlayPanel.vue index f4d638020..43c3c1371 100644 --- a/src/components/overlaypanel/OverlayPanel.vue +++ b/src/components/overlaypanel/OverlayPanel.vue @@ -139,3 +139,98 @@ export default { } } + + diff --git a/src/components/panel/Panel.css b/src/components/panel/Panel.css deleted file mode 100644 index db76e848d..000000000 --- a/src/components/panel/Panel.css +++ /dev/null @@ -1,57 +0,0 @@ -.p-panel { - padding: 0.2em; -} - -.p-panel .p-panel-titlebar { - padding: .5em .75em; -} - -.p-panel .p-panel-titlebar-icon { - float: right; - cursor: pointer; - height: 1.25em; - width: 1.25em; - line-height: 1.25em; - text-align: center; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - user-select: none; -} - -.p-panel .p-panel-titlebar-icon span { - line-height: inherit; -} - -.p-panel .p-panel-content { - border: 0; - background: none; - padding: .5em .75em; -} - -.p-panel .p-panel-footer { - border-width: 1px 0 0; - padding: .25em .5em; - text-align:left; -} - -.p-panel-content-wrapper-enter, -.p-panel-content-wrapper-leave-to { - max-height: 0; -} - -.p-panel-content-wrapper-enter-to, -.p-panel-content-wrapper-leave { - max-height: 1000px; -} - -.p-panel-content-wrapper-leave-active { - overflow: hidden; - transition: max-height 0.45s cubic-bezier(0, 1, 0, 1); -} - -.p-panel-content-wrapper-enter-active { - overflow: hidden; - transition: max-height 1s ease-in-out; -} \ No newline at end of file diff --git a/src/components/panel/Panel.vue b/src/components/panel/Panel.vue index 810ca1559..acaa00799 100644 --- a/src/components/panel/Panel.vue +++ b/src/components/panel/Panel.vue @@ -49,5 +49,61 @@ export default { diff --git a/src/components/progressbar/ProgressBar.css b/src/components/progressbar/ProgressBar.css deleted file mode 100644 index d48f10a67..000000000 --- a/src/components/progressbar/ProgressBar.css +++ /dev/null @@ -1,109 +0,0 @@ -.p-progressbar { - height: 1.2em; - text-align: left; - position: relative; - overflow: hidden; -} - -.p-progressbar-determinate .p-progressbar-value { - height: 100%; - width: 0%; - position: absolute; - display: none; - border: 0 none; -} - -.p-progressbar-determinate .p-progressbar-value-animate { - -webkit-transition: width 1s ease-in-out; - -moz-transition: width 1s ease-in-out; - -o-transition: width 1s ease-in-out; - transition: width 1s ease-in-out; -} - -.p-progressbar-determinate .p-progressbar-label { - text-align: center; - height: 100%; - width: 100%; - position: absolute; - font-weight: bold; -} - -.p-progressbar-indeterminate { - height: .5em; -} - -.p-progressbar-indeterminate .p-progressbar-value { - border: 0 none; -} - -.p-progressbar-indeterminate .p-progressbar-value::before { - content: ''; - position: absolute; - background-color: inherit; - top: 0; - left: 0; - bottom: 0; - will-change: left, right; - -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; - animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; -} - -.p-progressbar-indeterminate .p-progressbar-value::after { - content: ''; - position: absolute; - background-color: inherit; - top: 0; - left: 0; - bottom: 0; - will-change: left, right; - -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; - animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; - -webkit-animation-delay: 1.15s; - animation-delay: 1.15s; -} - -@-webkit-keyframes p-progressbar-indeterminate-anim { - 0% { - left: -35%; - right: 100%; } - 60% { - left: 100%; - right: -90%; } - 100% { - left: 100%; - right: -90%; } -} -@keyframes p-progressbar-indeterminate-anim { - 0% { - left: -35%; - right: 100%; } - 60% { - left: 100%; - right: -90%; } - 100% { - left: 100%; - right: -90%; } -} - -@-webkit-keyframes p-progressbar-indeterminate-anim-short { - 0% { - left: -200%; - right: 100%; } - 60% { - left: 107%; - right: -8%; } - 100% { - left: 107%; - right: -8%; } -} -@keyframes p-progressbar-indeterminate-anim-short { - 0% { - left: -200%; - right: 100%; } - 60% { - left: 107%; - right: -8%; } - 100% { - left: 107%; - right: -8%; } -} \ No newline at end of file diff --git a/src/components/progressbar/ProgressBar.vue b/src/components/progressbar/ProgressBar.vue index 08c0d0d0d..99e86edfa 100644 --- a/src/components/progressbar/ProgressBar.vue +++ b/src/components/progressbar/ProgressBar.vue @@ -46,3 +46,115 @@ export default { } } + + diff --git a/src/components/rating/Rating.css b/src/components/rating/Rating.css deleted file mode 100644 index 2fb626700..000000000 --- a/src/components/rating/Rating.css +++ /dev/null @@ -1,12 +0,0 @@ -.p-rating .p-rating-icon { - cursor: pointer; -} - -.p-rating { - font-size: 1.25em; -} - -.p-rating.p-disabled .p-rating-icon, -.p-rating.p-rating-readonly .p-rating-icon { - cursor: default; -} \ No newline at end of file diff --git a/src/components/rating/Rating.vue b/src/components/rating/Rating.vue index 3f45751c7..2382d64bd 100644 --- a/src/components/rating/Rating.vue +++ b/src/components/rating/Rating.vue @@ -64,4 +64,19 @@ export default { } } } - \ No newline at end of file + + + \ No newline at end of file diff --git a/src/components/sidebar/Sidebar.css b/src/components/sidebar/Sidebar.css deleted file mode 100644 index b51dbf89b..000000000 --- a/src/components/sidebar/Sidebar.css +++ /dev/null @@ -1,117 +0,0 @@ -.p-sidebar { - position: fixed; - padding: .5em 1em; - -webkit-transition: transform .3s; - transition: transform .3s; -} - -.p-sidebar-left { - top: 0; - left: 0; - width: 20em; - height: 100%; -} - -.p-sidebar-right { - top: 0; - right: 0; - width: 20em; - height: 100%; -} - -.p-sidebar-top { - top: 0; - left: 0; - width: 100%; - height: 10em; -} - -.p-sidebar-bottom { - bottom: 0; - left: 0; - width: 100%; - height: 10em; -} - -.p-sidebar-full { - width: 100%; - height: 100%; - top: 0; - left: 0; - -webkit-transition: none; - transition: none; -} - -.p-sidebar-left.p-sidebar-enter, -.p-sidebar-left.p-sidebar-leave-to { - transform: translateX(-100%); -} - -.p-sidebar-right.p-sidebar-enter, -.p-sidebar-right.p-sidebar-leave-to { - transform: translateX(100%); -} - -.p-sidebar-top.p-sidebar-enter, -.p-sidebar-top.p-sidebar-leave-to { - transform: translateY(-100%); -} - -.p-sidebar-bottom.p-sidebar-enter, -.p-sidebar-bottom.p-sidebar-leave-to { - transform: translateY(100%); -} - -.p-sidebar-full.p-sidebar-enter, -.p-sidebar-full.p-sidebar-leave-to { - opacity: 0; -} - -.p-sidebar-full.p-sidebar-enter-active, -.p-sidebar-full.p-sidebar-leave-active { - transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); -} - -.p-sidebar-left.p-sidebar-sm, -.p-sidebar-right.p-sidebar-sm { - width: 20em; -} - -.p-sidebar-left.p-sidebar-md, -.p-sidebar-right.p-sidebar-md { - width: 40em; -} - -.p-sidebar-left.p-sidebar-lg, -.p-sidebar-right.p-sidebar-lg { - width: 60em; -} - -.p-sidebar-top.p-sidebar-sm, -.p-sidebar-bottom.p-sidebar-sm { - height: 10em; -} - -.p-sidebar-top.p-sidebar-md, -.p-sidebar-bottom.p-sidebar-md { - height: 20em; -} - -.p-sidebar-top.p-sidebar-lg, -.p-sidebar-bottom.p-sidebar-lg { - height: 30em; -} - -.p-sidebar-close { - float: right; - cursor: pointer; -} - -@media screen and (max-width: 64em) { - .p-sidebar-left.p-sidebar-lg, - .p-sidebar-left.p-sidebar-md, - .p-sidebar-right.p-sidebar-lg, - .p-sidebar-right.p-sidebar-md { - width: 20em; - } -} \ No newline at end of file diff --git a/src/components/sidebar/Sidebar.vue b/src/components/sidebar/Sidebar.vue index 1bb689c5f..047e9c195 100644 --- a/src/components/sidebar/Sidebar.vue +++ b/src/components/sidebar/Sidebar.vue @@ -123,3 +123,123 @@ export default { } } + + \ No newline at end of file diff --git a/src/components/slider/Slider.css b/src/components/slider/Slider.css deleted file mode 100644 index b18e69413..000000000 --- a/src/components/slider/Slider.css +++ /dev/null @@ -1,45 +0,0 @@ -.p-slider { - position: relative; - text-align: left; -} -.p-slider .p-slider-handle { - position: absolute; - width: 1.2em; - height: 1.2em; - cursor: default; - -ms-touch-action: none; - touch-action: none; -} -.p-slider .p-slider-range { - position: absolute; - font-size: .7em; - display: block; - border: 0; - background-position: 0 0; -} - -.p-slider-horizontal { - height: .8em; -} -.p-slider-horizontal .p-slider-handle { - top: -.3em; - margin-left: -.6em; -} -.p-slider-horizontal .p-slider-range { - top: 0; - height: 100%; -} -.p-slider-vertical { - width: .8em; - height: 100px; -} -.p-slider-vertical .p-slider-handle { - left: -.3em; - margin-left: 0; - margin-bottom: -.6em; -} -.p-slider-vertical .p-slider-range { - left: 0; - width: 100%; - bottom: 0; -} \ No newline at end of file diff --git a/src/components/slider/Slider.vue b/src/components/slider/Slider.vue index 7a20eec16..42c8f02cb 100644 --- a/src/components/slider/Slider.vue +++ b/src/components/slider/Slider.vue @@ -328,3 +328,51 @@ export default { } } + + diff --git a/src/components/spinner/Spinner.css b/src/components/spinner/Spinner.css deleted file mode 100644 index 09424d086..000000000 --- a/src/components/spinner/Spinner.css +++ /dev/null @@ -1,53 +0,0 @@ -.p-spinner { - display: inline-block; - overflow: visible; - padding: 0; - position: relative; - vertical-align: middle; -} -.p-spinner-input { - vertical-align: middle; - padding-right: 1.5em; -} -.p-spinner-button { - cursor: default; - display: block; - height: 50%; - margin: 0; - overflow: hidden; - padding: 0; - position: absolute; - right: 0; - text-align: center; - vertical-align: middle; - width: 1.5em; -} -.p-spinner .p-spinner-button-icon { - position: absolute; - top: 50%; - left: 50%; - margin-top: -.5em; - margin-left: -.5em; - width: 1em; -} -.p-spinner-button-up { - top: 0; -} -.p-spinner-button-down { - bottom: 0; -} - -/* Fluid */ -.p-fluid .p-spinner { - width: 100%; -} -.p-fluid .p-spinner .p-spinner-input { - padding-right: 2em; - width: 100%; -} -.p-fluid .p-spinner .p-spinner-button { - width: 1.5em; -} -.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon { - left: .375em; -} \ No newline at end of file diff --git a/src/components/spinner/Spinner.vue b/src/components/spinner/Spinner.vue index 7e51dc8d5..fe904f834 100644 --- a/src/components/spinner/Spinner.vue +++ b/src/components/spinner/Spinner.vue @@ -176,3 +176,59 @@ export default { } } + + \ No newline at end of file diff --git a/src/components/tabview/TabView.css b/src/components/tabview/TabView.css deleted file mode 100644 index 04cbf6d95..000000000 --- a/src/components/tabview/TabView.css +++ /dev/null @@ -1,147 +0,0 @@ -.p-tabview { - padding: .25em; -} - -.p-tabview .p-tabview-nav { - margin: 0; -} - -.p-tabview .p-tabview-nav:after { - content: ""; - display: table; - clear: both; -} - -.p-tabview .p-tabview-nav li { - list-style: none; - float: left; - position: relative; - margin: 0 .125em 1px 0; - padding: 0; - white-space: nowrap; -} - -.p-tabview .p-tabview-nav li a { - float: left; - padding: .5em 1em; - text-decoration: none; -} - -.p-tabview .p-tabview-nav li.p-tabview-selected a, -.p-tabview .p-tabview-nav li.p-disabled a, -.p-tabview .p-tabview-nav li.p-state-processing a { - cursor: text; -} - -.p-tabview .p-tabview-nav li a, -.p-tabview.p-tabview-collapsible .p-tabview-nav li.p-tabview-selected a { - cursor: pointer; -} - -.p-tabview .p-tabview-panel { - border-width: 0; - padding: 1em; - background: none; -} - -.p-tabview .p-tabview-nav li { - display: block; -} - -.p-tabview .p-tabview-nav li .p-tabview-left-icon, -.p-tabview .p-tabview-nav li .p-tabview-right-icon, -.p-tabview .p-tabview-nav li .p-tabview-title { - vertical-align: middle; -} - -.p-tabview .p-tabview-nav li .p-tabview-left-icon { - margin-right: .25em; - vertical-align: middle; -} - -.p-tabview .p-tabview-nav li .p-tabview-right-icon { - margin-left: .25em; - vertical-align: middle; -} - -.p-tabview .p-tabview-nav li .p-tabview-close { - margin: 0.5em 0.3em 0 0; - cursor: pointer; -} - -/* per orientation settings */ -/* top and bottom */ -.p-tabview.p-tabview-top > .p-tabview-nav li { - border-bottom: 0; - top: 1px; -} - -.p-tabview.p-tabview-top > .p-tabview-nav { - padding: .2em .2em 0; -} - -.p-tabview.p-tabview-bottom > .p-tabview-nav { - padding: 0 .2em .2em; -} - -.p-tabview.p-tabview-bottom > .p-tabview-nav li { - border-top: 0; -} - -/* left and right*/ -.p-tabview-left:after, -.p-tabview-right:after { - clear:both; - content: "."; - display: block; - height: 0; - visibility: hidden; -} - -.p-tabview-left > .p-tabview-nav { - float:left; - width: 25%; - height: 300px; - background-image: none; - padding-top: 1px; -} - -.p-tabview-left > .p-tabview-panels { - float:right; - width: 75%; -} - -.p-tabview.p-tabview-left > .p-tabview-nav li, -.p-tabview.p-tabview-right > .p-tabview-nav li{ - display: block; - float: right; - white-space: normal; - width: 99%; -} - -.p-tabview.p-tabview-left > .p-tabview-nav li { - margin: 0 0 1px 0; - border-right:0 none; -} - -.p-tabview.p-tabview-right > .p-tabview-nav { - float:right; - width: 25%; - height: 300px; - background-image: none; - padding-top: 1px; -} - -.p-tabview.p-tabview-right > .p-tabview-panels { - float:left; - width: 75%; -} - -.p-tabview.p-tabview-right > .p-tabview-nav li { - margin: 0 0 1px 0; - border-left:0 none; -} -/* RTL */ -.p-rtl .p-tabview .p-tabview-nav li { - float: right; -} \ No newline at end of file diff --git a/src/components/tabview/TabView.vue b/src/components/tabview/TabView.vue index a7daf4610..f47c5b959 100644 --- a/src/components/tabview/TabView.vue +++ b/src/components/tabview/TabView.vue @@ -73,4 +73,154 @@ export default { ); } } - \ No newline at end of file + + + \ No newline at end of file diff --git a/src/components/textarea/Textarea.css b/src/components/textarea/Textarea.css deleted file mode 100644 index 3bfe412c1..000000000 --- a/src/components/textarea/Textarea.css +++ /dev/null @@ -1,8 +0,0 @@ -.p-inputtextarea-resizable { - overflow: hidden; - resize: none; -} - -.p-fluid .p-inputtextarea { - width: 100%; -} \ No newline at end of file diff --git a/src/components/textarea/Textarea.vue b/src/components/textarea/Textarea.vue index b9a935186..2c2a9bd5a 100644 --- a/src/components/textarea/Textarea.vue +++ b/src/components/textarea/Textarea.vue @@ -51,4 +51,15 @@ export default { } } } - \ No newline at end of file + + + \ No newline at end of file diff --git a/src/components/toast/Toast.css b/src/components/toast/Toast.css deleted file mode 100644 index c282df848..000000000 --- a/src/components/toast/Toast.css +++ /dev/null @@ -1,100 +0,0 @@ -.p-toast { - position: fixed; - width: 20em; -} - -.p-toast-topright { - top: 20px; - right: 20px; -} - -.p-toast-topleft { - top: 20px; - left: 20px; -} - -.p-toast-bottomleft { - bottom: 20px; - left: 20px; -} - -.p-toast-bottomright { - bottom: 20px; - right: 20px; -} - -.p-toast-item-container { - position: relative; -} - -.p-toast-item { - position: relative; - display: block; - padding: .5em 1em; - overflow: hidden; -} - -.p-toast-item .p-toast-detail { - padding: 0; - margin: 0; -} - -.p-toast-icon-close { - position: absolute; - top: 4px; - right: 4px; - cursor: pointer; -} - -.p-toast-title { - font-weight: bold; - padding: 0 0 .5em 0; - display: block; -} - -.p-toast-image { - position: absolute; - display: inline-block; - left: .5em; - top: .25em; - padding: 0; - font-size: 2em; -} - -.p-toast-message { - padding: 0 0 .25em 0; - margin-left: 2.5em; -} - -.p-toast-message p { - font-weight: normal; -} - -/* Animations */ -.p-toast-message-enter { - opacity: 0; - -webkit-transform: translateY(50%); - -ms-transform: translateY(50%); - transform: translateY(50%); -} - -.p-toast-message-leave { - max-height: 1000px; -} - -.p-toast .p-toast-item-container.p-toast-message-leave-to { - max-height: 0; - opacity: 0; - margin-bottom: 0; - overflow: hidden; -} - -.p-toast-message-enter-active { - -webkit-transition: transform .3s, opacity .3s; - transition: transform .3s, opacity .3s; -} - -.p-toast-message-leave-active { - -webkit-transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s; - transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s; -} \ No newline at end of file diff --git a/src/components/toast/Toast.vue b/src/components/toast/Toast.vue index c166a8838..ef2a67640 100644 --- a/src/components/toast/Toast.vue +++ b/src/components/toast/Toast.vue @@ -72,5 +72,104 @@ export default { diff --git a/src/components/toolbar/Toolbar.css b/src/components/toolbar/Toolbar.css deleted file mode 100644 index 1d7583621..000000000 --- a/src/components/toolbar/Toolbar.css +++ /dev/null @@ -1,17 +0,0 @@ -.p-toolbar { - padding: .25em .5em; -} - -.p-toolbar:after { - content: ""; - display: table; - clear: both; -} - -.p-toolbar-group-left { - float:left -} - -.p-toolbar-group-right { - float:right -} \ No newline at end of file diff --git a/src/components/toolbar/Toolbar.vue b/src/components/toolbar/Toolbar.vue index 6760b4567..a82d495cd 100644 --- a/src/components/toolbar/Toolbar.vue +++ b/src/components/toolbar/Toolbar.vue @@ -7,4 +7,30 @@ - \ No newline at end of file + + + + + \ No newline at end of file diff --git a/src/components/validationmessage/ValidationMessage.css b/src/components/validationmessage/ValidationMessage.css deleted file mode 100644 index 6db039aae..000000000 --- a/src/components/validationmessage/ValidationMessage.css +++ /dev/null @@ -1,16 +0,0 @@ -.p-message { - border: 1px solid; - margin: 0px .25em; - padding: .25em .5em; - display: inline-block; - vertical-align: top; -} - -.p-message .p-message-icon, -.p-message .p-message-text { - vertical-align: middle; -} - -.p-fluid .p-message { - display: block; -} \ No newline at end of file diff --git a/src/components/validationmessage/ValidationMessage.vue b/src/components/validationmessage/ValidationMessage.vue index 1f5ed8d35..6ea6ca0fc 100644 --- a/src/components/validationmessage/ValidationMessage.vue +++ b/src/components/validationmessage/ValidationMessage.vue @@ -43,5 +43,20 @@ export default {