Refactor #4504
Tuğçe Küçükoğlu
parent
aca8d3ecf7
commit
e6499c0365
|
|
@ -3,21 +3,23 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-accordion-header-action {
|
@layer primevue {
|
||||||
|
.p-accordion-header-action {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
position: relative;
|
position: relative;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-accordion-header-action:focus {
|
.p-accordion-header-action:focus {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-accordion-header-text {
|
.p-accordion-header-text {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,57 +4,58 @@ import { useStyle } from 'primevue/usestyle';
|
||||||
import { ObjectUtils } from 'primevue/utils';
|
import { ObjectUtils } from 'primevue/utils';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-autocomplete {
|
@layer primevue {
|
||||||
|
.p-autocomplete {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-autocomplete-loader {
|
.p-autocomplete-loader {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
margin-top: -0.5rem;
|
margin-top: -0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-autocomplete-dd .p-autocomplete-input {
|
.p-autocomplete-dd .p-autocomplete-input {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
width: 1%;
|
width: 1%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-autocomplete-dd .p-autocomplete-input,
|
.p-autocomplete-dd .p-autocomplete-input,
|
||||||
.p-autocomplete-dd .p-autocomplete-multiple-container {
|
.p-autocomplete-dd .p-autocomplete-multiple-container {
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-autocomplete-dd .p-autocomplete-dropdown {
|
.p-autocomplete-dd .p-autocomplete-dropdown {
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-bottom-left-radius: 0px;
|
border-bottom-left-radius: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-autocomplete .p-autocomplete-panel {
|
.p-autocomplete .p-autocomplete-panel {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-autocomplete-panel {
|
.p-autocomplete-panel {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-autocomplete-items {
|
.p-autocomplete-items {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-autocomplete-item {
|
.p-autocomplete-item {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-autocomplete-multiple-container {
|
.p-autocomplete-multiple-container {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
|
|
@ -63,25 +64,25 @@ const styles = `
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-autocomplete-token {
|
.p-autocomplete-token {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-autocomplete-token-icon {
|
.p-autocomplete-token-icon {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-autocomplete-input-token {
|
.p-autocomplete-input-token {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-autocomplete-input-token input {
|
.p-autocomplete-input-token input {
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
@ -90,14 +91,15 @@ const styles = `
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-autocomplete {
|
.p-fluid .p-autocomplete {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-autocomplete-dd .p-autocomplete-input {
|
.p-fluid .p-autocomplete-dd .p-autocomplete-input {
|
||||||
width: 1%;
|
width: 1%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,34 +3,36 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-avatar {
|
@layer primevue {
|
||||||
|
.p-avatar {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 2rem;
|
width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-avatar.p-avatar-image {
|
.p-avatar.p-avatar-image {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-avatar.p-avatar-circle {
|
.p-avatar.p-avatar-circle {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-avatar-circle img {
|
.p-avatar-circle img {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-avatar .p-avatar-icon {
|
.p-avatar .p-avatar-icon {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-avatar img {
|
.p-avatar img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,13 +3,15 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-avatar-group .p-avatar + .p-avatar {
|
@layer primevue {
|
||||||
|
.p-avatar-group .p-avatar + .p-avatar {
|
||||||
margin-left: -1rem;
|
margin-left: -1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-avatar-group {
|
.p-avatar-group {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,37 +4,39 @@ import { useStyle } from 'primevue/usestyle';
|
||||||
import { ObjectUtils } from 'primevue/utils';
|
import { ObjectUtils } from 'primevue/utils';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-badge {
|
@layer primevue {
|
||||||
|
.p-badge {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0 .5rem;
|
padding: 0 .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlay-badge {
|
.p-overlay-badge {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlay-badge .p-badge {
|
.p-overlay-badge .p-badge {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
transform: translate(50%,-50%);
|
transform: translate(50%,-50%);
|
||||||
transform-origin: 100% 0;
|
transform-origin: 100% 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-badge-dot {
|
.p-badge-dot {
|
||||||
width: .5rem;
|
width: .5rem;
|
||||||
min-width: .5rem;
|
min-width: .5rem;
|
||||||
height: .5rem;
|
height: .5rem;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-badge-no-gutter {
|
.p-badge-no-gutter {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,37 +2,39 @@ import BaseDirective from 'primevue/basedirective';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-badge {
|
@layer primevue {
|
||||||
|
.p-badge {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0 .5rem;
|
padding: 0 .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlay-badge {
|
.p-overlay-badge {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlay-badge .p-badge {
|
.p-overlay-badge .p-badge {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
transform: translate(50%,-50%);
|
transform: translate(50%,-50%);
|
||||||
transform-origin: 100% 0;
|
transform-origin: 100% 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-badge-dot {
|
.p-badge-dot {
|
||||||
width: .5rem;
|
width: .5rem;
|
||||||
min-width: .5rem;
|
min-width: .5rem;
|
||||||
height: .5rem;
|
height: .5rem;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-badge-no-gutter {
|
.p-badge-no-gutter {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -231,6 +231,7 @@ const radioButtonStyles = `
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
const styles = `
|
const styles = `
|
||||||
|
@layer primevue {
|
||||||
.p-component, .p-component * {
|
.p-component, .p-component * {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
@ -354,6 +355,7 @@ ${buttonStyles}
|
||||||
${checkboxStyles}
|
${checkboxStyles}
|
||||||
${inputTextStyles}
|
${inputTextStyles}
|
||||||
${radioButtonStyles}
|
${radioButtonStyles}
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const { load: loadStyle } = useStyle(styles, { name: 'common', manual: true });
|
const { load: loadStyle } = useStyle(styles, { name: 'common', manual: true });
|
||||||
|
|
|
||||||
|
|
@ -3,16 +3,18 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-blockui-container {
|
@layer primevue {
|
||||||
|
.p-blockui-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-blockui.p-component-overlay {
|
.p-blockui.p-component-overlay {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-blockui-document.p-component-overlay {
|
.p-blockui-document.p-component-overlay {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,36 +3,38 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-breadcrumb {
|
@layer primevue {
|
||||||
|
.p-breadcrumb {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-breadcrumb .p-breadcrumb-list {
|
.p-breadcrumb .p-breadcrumb-list {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-breadcrumb .p-menuitem-text {
|
.p-breadcrumb .p-menuitem-text {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-breadcrumb .p-menuitem-link {
|
.p-breadcrumb .p-menuitem-link {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-breadcrumb .p-menuitem-separator {
|
.p-breadcrumb .p-menuitem-separator {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-breadcrumb::-webkit-scrollbar {
|
.p-breadcrumb::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,86 +3,87 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-calendar {
|
@layer primevue {
|
||||||
|
.p-calendar {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar .p-inputtext {
|
.p-calendar .p-inputtext {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
width: 1%;
|
width: 1%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar-w-btn .p-inputtext {
|
.p-calendar-w-btn .p-inputtext {
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar-w-btn .p-datepicker-trigger {
|
.p-calendar-w-btn .p-datepicker-trigger {
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fluid */
|
/* Fluid */
|
||||||
.p-fluid .p-calendar {
|
.p-fluid .p-calendar {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-calendar .p-inputtext {
|
.p-fluid .p-calendar .p-inputtext {
|
||||||
width: 1%;
|
width: 1%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Datepicker */
|
/* Datepicker */
|
||||||
.p-calendar .p-datepicker {
|
.p-calendar .p-datepicker {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datepicker {
|
.p-datepicker {
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datepicker-inline {
|
.p-datepicker-inline {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header */
|
/* Header */
|
||||||
.p-datepicker-header {
|
.p-datepicker-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datepicker-header .p-datepicker-title {
|
.p-datepicker-header .p-datepicker-title {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datepicker-prev,
|
.p-datepicker-prev,
|
||||||
.p-datepicker-next {
|
.p-datepicker-next {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Multiple Month DatePicker */
|
/* Multiple Month DatePicker */
|
||||||
.p-datepicker-multiple-month .p-datepicker-group-container {
|
.p-datepicker-multiple-month .p-datepicker-group-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
|
.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* DatePicker Table */
|
/* DatePicker Table */
|
||||||
.p-datepicker table {
|
.p-datepicker table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datepicker td > span {
|
.p-datepicker td > span {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -90,10 +91,10 @@ const styles = `
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Month Picker */
|
/* Month Picker */
|
||||||
.p-monthpicker-month {
|
.p-monthpicker-month {
|
||||||
width: 33.3%;
|
width: 33.3%;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -101,10 +102,10 @@ const styles = `
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Year Picker */
|
/* Year Picker */
|
||||||
.p-yearpicker-year {
|
.p-yearpicker-year {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -112,41 +113,42 @@ const styles = `
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Button Bar */
|
/* Button Bar */
|
||||||
.p-datepicker-buttonbar {
|
.p-datepicker-buttonbar {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Time Picker */
|
/* Time Picker */
|
||||||
.p-timepicker {
|
.p-timepicker {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timepicker button {
|
.p-timepicker button {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timepicker > div {
|
.p-timepicker > div {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Touch UI */
|
/* Touch UI */
|
||||||
.p-datepicker-touch-ui,
|
.p-datepicker-touch-ui,
|
||||||
.p-calendar .p-datepicker-touch-ui {
|
.p-calendar .p-datepicker-touch-ui {
|
||||||
min-width: 80vw;
|
min-width: 80vw;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,19 +3,20 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-carousel {
|
@layer primevue {
|
||||||
|
.p-carousel {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-carousel-content {
|
.p-carousel-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-carousel-prev,
|
.p-carousel-prev,
|
||||||
.p-carousel-next {
|
.p-carousel-next {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
|
@ -24,53 +25,54 @@ const styles = `
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-carousel-container {
|
.p-carousel-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-carousel-items-content {
|
.p-carousel-items-content {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-carousel-items-container {
|
.p-carousel-items-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-carousel-indicators {
|
.p-carousel-indicators {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-carousel-indicator > button {
|
.p-carousel-indicator > button {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Vertical */
|
/* Vertical */
|
||||||
.p-carousel-vertical .p-carousel-container {
|
.p-carousel-vertical .p-carousel-container {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-carousel-vertical .p-carousel-items-container {
|
.p-carousel-vertical .p-carousel-items-container {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Keyboard Support */
|
/* Keyboard Support */
|
||||||
.p-items-hidden .p-carousel-item {
|
.p-items-hidden .p-carousel-item {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-items-hidden .p-carousel-item.p-carousel-item-active {
|
.p-items-hidden .p-carousel-item.p-carousel-item-active {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,20 +3,21 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-cascadeselect {
|
@layer primevue {
|
||||||
|
.p-cascadeselect {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-cascadeselect-trigger {
|
.p-cascadeselect-trigger {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-cascadeselect-label {
|
.p-cascadeselect-label {
|
||||||
display: block;
|
display: block;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
@ -24,64 +25,65 @@ const styles = `
|
||||||
width: 1%;
|
width: 1%;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-cascadeselect-label-empty {
|
.p-cascadeselect-label-empty {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-cascadeselect .p-cascadeselect-panel {
|
.p-cascadeselect .p-cascadeselect-panel {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-cascadeselect-item {
|
.p-cascadeselect-item {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-cascadeselect-item-content {
|
.p-cascadeselect-item-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-cascadeselect-group-icon {
|
.p-cascadeselect-group-icon {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-cascadeselect-items {
|
.p-cascadeselect-items {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-cascadeselect {
|
.p-fluid .p-cascadeselect {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-cascadeselect .p-cascadeselect-label {
|
.p-fluid .p-cascadeselect .p-cascadeselect-label {
|
||||||
width: 1%;
|
width: 1%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-cascadeselect-sublist {
|
.p-cascadeselect-sublist {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-cascadeselect-item-active {
|
.p-cascadeselect-item-active {
|
||||||
overflow: visible !important;
|
overflow: visible !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-cascadeselect-item-active > .p-cascadeselect-sublist {
|
.p-cascadeselect-item-active > .p-cascadeselect-sublist {
|
||||||
display: block;
|
display: block;
|
||||||
left: 100%;
|
left: 100%;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,8 +3,10 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-chart {
|
@layer primevue {
|
||||||
|
.p-chart {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,26 +3,28 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-chip {
|
@layer primevue {
|
||||||
|
.p-chip {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-chip-text {
|
.p-chip-text {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-chip-icon.pi {
|
.p-chip-icon.pi {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-chip-remove-icon {
|
.p-chip-remove-icon {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-chip img {
|
.p-chip img {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,11 +3,12 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-chips {
|
@layer primevue {
|
||||||
|
.p-chips {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-chips-multiple-container {
|
.p-chips-multiple-container {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
|
|
@ -16,25 +17,25 @@ const styles = `
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-chips-token {
|
.p-chips-token {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-chips-input-token {
|
.p-chips-input-token {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-chips-token-icon {
|
.p-chips-token-icon {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-chips-input-token input {
|
.p-chips-input-token input {
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
@ -43,10 +44,11 @@ const styles = `
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-chips {
|
.p-fluid .p-chips {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,12 +3,14 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-colorpicker-panel .p-colorpicker-color {
|
@layer primevue {
|
||||||
|
.p-colorpicker-panel .p-colorpicker-color {
|
||||||
background: linear-gradient(to top, #000 0%, rgb(0 0 0 / 0) 100%), linear-gradient(to right, #fff 0%, rgb(255 255 255 / 0) 100%)
|
background: linear-gradient(to top, #000 0%, rgb(0 0 0 / 0) 100%), linear-gradient(to right, #fff 0%, rgb(255 255 255 / 0) 100%)
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-colorpicker-panel .p-colorpicker-hue {
|
.p-colorpicker-panel .p-colorpicker-hue {
|
||||||
background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
|
background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,38 +3,39 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-confirm-popup {
|
@layer primevue {
|
||||||
|
.p-confirm-popup {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-confirm-popup-flipped {
|
.p-confirm-popup-flipped {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Animation */
|
/* Animation */
|
||||||
.p-confirm-popup-enter-from {
|
.p-confirm-popup-enter-from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scaleY(0.8);
|
transform: scaleY(0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-confirm-popup-leave-to {
|
.p-confirm-popup-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-confirm-popup-enter-active {
|
.p-confirm-popup-enter-active {
|
||||||
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
|
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-confirm-popup-leave-active {
|
.p-confirm-popup-leave-active {
|
||||||
transition: opacity 0.1s linear;
|
transition: opacity 0.1s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-confirm-popup:after,
|
.p-confirm-popup:after,
|
||||||
.p-confirm-popup:before {
|
.p-confirm-popup:before {
|
||||||
bottom: 100%;
|
bottom: 100%;
|
||||||
left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
|
left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
|
||||||
content: ' ';
|
content: ' ';
|
||||||
|
|
@ -42,35 +43,36 @@ const styles = `
|
||||||
width: 0;
|
width: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-confirm-popup:after {
|
.p-confirm-popup:after {
|
||||||
border-width: 8px;
|
border-width: 8px;
|
||||||
margin-left: -8px;
|
margin-left: -8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-confirm-popup:before {
|
.p-confirm-popup:before {
|
||||||
border-width: 10px;
|
border-width: 10px;
|
||||||
margin-left: -10px;
|
margin-left: -10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-confirm-popup-flipped:after,
|
.p-confirm-popup-flipped:after,
|
||||||
.p-confirm-popup-flipped:before {
|
.p-confirm-popup-flipped:before {
|
||||||
bottom: auto;
|
bottom: auto;
|
||||||
top: 100%;
|
top: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-confirm-popup.p-confirm-popup-flipped:after {
|
.p-confirm-popup.p-confirm-popup-flipped:after {
|
||||||
border-bottom-color: transparent;
|
border-bottom-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-confirm-popup.p-confirm-popup-flipped:before {
|
.p-confirm-popup.p-confirm-popup-flipped:before {
|
||||||
border-bottom-color: transparent;
|
border-bottom-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-confirm-popup .p-confirm-popup-content {
|
.p-confirm-popup .p-confirm-popup-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,45 +3,47 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-contextmenu ul {
|
@layer primevue {
|
||||||
|
.p-contextmenu ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-contextmenu .p-submenu-list {
|
.p-contextmenu .p-submenu-list {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-contextmenu .p-menuitem-link {
|
.p-contextmenu .p-menuitem-link {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-contextmenu .p-menuitem-text {
|
.p-contextmenu .p-menuitem-text {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-contextmenu .p-menuitem {
|
.p-contextmenu .p-menuitem {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-contextmenu .p-menuitem-link .p-submenu-icon {
|
.p-contextmenu .p-menuitem-link .p-submenu-icon {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-contextmenu-enter-from {
|
.p-contextmenu-enter-from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-contextmenu-enter-active {
|
.p-contextmenu-enter-active {
|
||||||
transition: opacity 250ms;
|
transition: opacity 250ms;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,101 +3,102 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-datatable {
|
@layer primevue {
|
||||||
|
.p-datatable {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable-table {
|
.p-datatable-table {
|
||||||
border-spacing: 0px;
|
border-spacing: 0px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable .p-sortable-column {
|
.p-datatable .p-sortable-column {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable .p-sortable-column .p-column-title,
|
.p-datatable .p-sortable-column .p-column-title,
|
||||||
.p-datatable .p-sortable-column .p-sortable-column-icon,
|
.p-datatable .p-sortable-column .p-sortable-column-icon,
|
||||||
.p-datatable .p-sortable-column .p-sortable-column-badge {
|
.p-datatable .p-sortable-column .p-sortable-column-badge {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable .p-sortable-column .p-sortable-column-badge {
|
.p-datatable .p-sortable-column .p-sortable-column-badge {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable-hoverable-rows .p-selectable-row {
|
.p-datatable-hoverable-rows .p-selectable-row {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Scrollable */
|
/* Scrollable */
|
||||||
.p-datatable-scrollable > .p-datatable-wrapper {
|
.p-datatable-scrollable > .p-datatable-wrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable-scrollable-table > .p-datatable-thead {
|
.p-datatable-scrollable-table > .p-datatable-thead {
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable-scrollable-table > .p-datatable-frozen-tbody {
|
.p-datatable-scrollable-table > .p-datatable-frozen-tbody {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable-scrollable-table > .p-datatable-tfoot {
|
.p-datatable-scrollable-table > .p-datatable-tfoot {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable-scrollable .p-frozen-column {
|
.p-datatable-scrollable .p-frozen-column {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable-scrollable th.p-frozen-column {
|
.p-datatable-scrollable th.p-frozen-column {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable-flex-scrollable {
|
.p-datatable-flex-scrollable {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable-flex-scrollable > .p-datatable-wrapper {
|
.p-datatable-flex-scrollable > .p-datatable-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
|
.p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Resizable */
|
/* Resizable */
|
||||||
.p-datatable-resizable-table > .p-datatable-thead > tr > th,
|
.p-datatable-resizable-table > .p-datatable-thead > tr > th,
|
||||||
.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
|
.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
|
||||||
.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
|
.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
|
.p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
|
.p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable .p-column-resizer {
|
.p-datatable .p-column-resizer {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
@ -108,79 +109,79 @@ const styles = `
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
cursor: col-resize;
|
cursor: col-resize;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable .p-column-header-content {
|
.p-datatable .p-column-header-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable .p-column-resizer-helper {
|
.p-datatable .p-column-resizer-helper {
|
||||||
width: 1px;
|
width: 1px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable .p-row-editor-init,
|
.p-datatable .p-row-editor-init,
|
||||||
.p-datatable .p-row-editor-save,
|
.p-datatable .p-row-editor-save,
|
||||||
.p-datatable .p-row-editor-cancel {
|
.p-datatable .p-row-editor-cancel {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Expand */
|
/* Expand */
|
||||||
.p-datatable .p-row-toggler {
|
.p-datatable .p-row-toggler {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Reorder */
|
/* Reorder */
|
||||||
.p-datatable-reorder-indicator-up,
|
.p-datatable-reorder-indicator-up,
|
||||||
.p-datatable-reorder-indicator-down {
|
.p-datatable-reorder-indicator-down {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-reorderable-column,
|
.p-reorderable-column,
|
||||||
.p-datatable-reorderablerow-handle {
|
.p-datatable-reorderablerow-handle {
|
||||||
cursor: move;
|
cursor: move;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Loader */
|
/* Loader */
|
||||||
.p-datatable .p-datatable-loading-overlay {
|
.p-datatable .p-datatable-loading-overlay {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Filter */
|
/* Filter */
|
||||||
.p-column-filter-row {
|
.p-column-filter-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-column-filter-menu {
|
.p-column-filter-menu {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-column-filter-row .p-column-filter-element {
|
.p-column-filter-row .p-column-filter-element {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
width: 1%;
|
width: 1%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-column-filter-menu-button,
|
.p-column-filter-menu-button,
|
||||||
.p-column-filter-clear-button {
|
.p-column-filter-clear-button {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -188,54 +189,55 @@ const styles = `
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-column-filter-row-items {
|
.p-column-filter-row-items {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-column-filter-row-item {
|
.p-column-filter-row-item {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-column-filter-add-button,
|
.p-column-filter-add-button,
|
||||||
.p-column-filter-remove-button {
|
.p-column-filter-remove-button {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-column-filter-add-button .p-button-label,
|
.p-column-filter-add-button .p-button-label,
|
||||||
.p-column-filter-remove-button .p-button-label {
|
.p-column-filter-remove-button .p-button-label {
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-column-filter-buttonbar {
|
.p-column-filter-buttonbar {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
|
.p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Responsive */
|
/* Responsive */
|
||||||
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
|
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* VirtualScroller */
|
/* VirtualScroller */
|
||||||
.p-datatable-virtualscroller-spacer {
|
.p-datatable-virtualscroller-spacer {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable .p-virtualscroller .p-virtualscroller-loading {
|
.p-datatable .p-virtualscroller .p-virtualscroller-loading {
|
||||||
transform: none !important;
|
transform: none !important;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,119 +3,120 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-dialog-mask.p-component-overlay {
|
@layer primevue {
|
||||||
|
.p-dialog-mask.p-component-overlay {
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dialog {
|
.p-dialog {
|
||||||
max-height: 90%;
|
max-height: 90%;
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dialog-content {
|
.p-dialog-content {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dialog-header {
|
.p-dialog-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dialog-footer {
|
.p-dialog-footer {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dialog .p-dialog-header-icons {
|
.p-dialog .p-dialog-header-icons {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dialog .p-dialog-header-icon {
|
.p-dialog .p-dialog-header-icon {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fluid */
|
/* Fluid */
|
||||||
.p-fluid .p-dialog-footer .p-button {
|
.p-fluid .p-dialog-footer .p-button {
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Animation */
|
/* Animation */
|
||||||
/* Center */
|
/* Center */
|
||||||
.p-dialog-enter-active {
|
.p-dialog-enter-active {
|
||||||
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
|
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
|
||||||
}
|
}
|
||||||
.p-dialog-leave-active {
|
.p-dialog-leave-active {
|
||||||
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
}
|
}
|
||||||
.p-dialog-enter-from,
|
.p-dialog-enter-from,
|
||||||
.p-dialog-leave-to {
|
.p-dialog-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale(0.7);
|
transform: scale(0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Top, Bottom, Left, Right, Top* and Bottom* */
|
/* Top, Bottom, Left, Right, Top* and Bottom* */
|
||||||
.p-dialog-top .p-dialog,
|
.p-dialog-top .p-dialog,
|
||||||
.p-dialog-bottom .p-dialog,
|
.p-dialog-bottom .p-dialog,
|
||||||
.p-dialog-left .p-dialog,
|
.p-dialog-left .p-dialog,
|
||||||
.p-dialog-right .p-dialog,
|
.p-dialog-right .p-dialog,
|
||||||
.p-dialog-topleft .p-dialog,
|
.p-dialog-topleft .p-dialog,
|
||||||
.p-dialog-topright .p-dialog,
|
.p-dialog-topright .p-dialog,
|
||||||
.p-dialog-bottomleft .p-dialog,
|
.p-dialog-bottomleft .p-dialog,
|
||||||
.p-dialog-bottomright .p-dialog {
|
.p-dialog-bottomright .p-dialog {
|
||||||
margin: 0.75rem;
|
margin: 0.75rem;
|
||||||
transform: translate3d(0px, 0px, 0px);
|
transform: translate3d(0px, 0px, 0px);
|
||||||
}
|
}
|
||||||
.p-dialog-top .p-dialog-enter-active,
|
.p-dialog-top .p-dialog-enter-active,
|
||||||
.p-dialog-top .p-dialog-leave-active,
|
.p-dialog-top .p-dialog-leave-active,
|
||||||
.p-dialog-bottom .p-dialog-enter-active,
|
.p-dialog-bottom .p-dialog-enter-active,
|
||||||
.p-dialog-bottom .p-dialog-leave-active,
|
.p-dialog-bottom .p-dialog-leave-active,
|
||||||
.p-dialog-left .p-dialog-enter-active,
|
.p-dialog-left .p-dialog-enter-active,
|
||||||
.p-dialog-left .p-dialog-leave-active,
|
.p-dialog-left .p-dialog-leave-active,
|
||||||
.p-dialog-right .p-dialog-enter-active,
|
.p-dialog-right .p-dialog-enter-active,
|
||||||
.p-dialog-right .p-dialog-leave-active,
|
.p-dialog-right .p-dialog-leave-active,
|
||||||
.p-dialog-topleft .p-dialog-enter-active,
|
.p-dialog-topleft .p-dialog-enter-active,
|
||||||
.p-dialog-topleft .p-dialog-leave-active,
|
.p-dialog-topleft .p-dialog-leave-active,
|
||||||
.p-dialog-topright .p-dialog-enter-active,
|
.p-dialog-topright .p-dialog-enter-active,
|
||||||
.p-dialog-topright .p-dialog-leave-active,
|
.p-dialog-topright .p-dialog-leave-active,
|
||||||
.p-dialog-bottomleft .p-dialog-enter-active,
|
.p-dialog-bottomleft .p-dialog-enter-active,
|
||||||
.p-dialog-bottomleft .p-dialog-leave-active,
|
.p-dialog-bottomleft .p-dialog-leave-active,
|
||||||
.p-dialog-bottomright .p-dialog-enter-active,
|
.p-dialog-bottomright .p-dialog-enter-active,
|
||||||
.p-dialog-bottomright .p-dialog-leave-active {
|
.p-dialog-bottomright .p-dialog-leave-active {
|
||||||
transition: all 0.3s ease-out;
|
transition: all 0.3s ease-out;
|
||||||
}
|
}
|
||||||
.p-dialog-top .p-dialog-enter-from,
|
.p-dialog-top .p-dialog-enter-from,
|
||||||
.p-dialog-top .p-dialog-leave-to {
|
.p-dialog-top .p-dialog-leave-to {
|
||||||
transform: translate3d(0px, -100%, 0px);
|
transform: translate3d(0px, -100%, 0px);
|
||||||
}
|
}
|
||||||
.p-dialog-bottom .p-dialog-enter-from,
|
.p-dialog-bottom .p-dialog-enter-from,
|
||||||
.p-dialog-bottom .p-dialog-leave-to {
|
.p-dialog-bottom .p-dialog-leave-to {
|
||||||
transform: translate3d(0px, 100%, 0px);
|
transform: translate3d(0px, 100%, 0px);
|
||||||
}
|
}
|
||||||
.p-dialog-left .p-dialog-enter-from,
|
.p-dialog-left .p-dialog-enter-from,
|
||||||
.p-dialog-left .p-dialog-leave-to,
|
.p-dialog-left .p-dialog-leave-to,
|
||||||
.p-dialog-topleft .p-dialog-enter-from,
|
.p-dialog-topleft .p-dialog-enter-from,
|
||||||
.p-dialog-topleft .p-dialog-leave-to,
|
.p-dialog-topleft .p-dialog-leave-to,
|
||||||
.p-dialog-bottomleft .p-dialog-enter-from,
|
.p-dialog-bottomleft .p-dialog-enter-from,
|
||||||
.p-dialog-bottomleft .p-dialog-leave-to {
|
.p-dialog-bottomleft .p-dialog-leave-to {
|
||||||
transform: translate3d(-100%, 0px, 0px);
|
transform: translate3d(-100%, 0px, 0px);
|
||||||
}
|
}
|
||||||
.p-dialog-right .p-dialog-enter-from,
|
.p-dialog-right .p-dialog-enter-from,
|
||||||
.p-dialog-right .p-dialog-leave-to,
|
.p-dialog-right .p-dialog-leave-to,
|
||||||
.p-dialog-topright .p-dialog-enter-from,
|
.p-dialog-topright .p-dialog-enter-from,
|
||||||
.p-dialog-topright .p-dialog-leave-to,
|
.p-dialog-topright .p-dialog-leave-to,
|
||||||
.p-dialog-bottomright .p-dialog-enter-from,
|
.p-dialog-bottomright .p-dialog-enter-from,
|
||||||
.p-dialog-bottomright .p-dialog-leave-to {
|
.p-dialog-bottomright .p-dialog-leave-to {
|
||||||
transform: translate3d(100%, 0px, 0px);
|
transform: translate3d(100%, 0px, 0px);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Maximize */
|
/* Maximize */
|
||||||
.p-dialog-maximized {
|
.p-dialog-maximized {
|
||||||
-webkit-transition: none;
|
-webkit-transition: none;
|
||||||
transition: none;
|
transition: none;
|
||||||
transform: none;
|
transform: none;
|
||||||
|
|
@ -125,14 +126,15 @@ const styles = `
|
||||||
left: 0px !important;
|
left: 0px !important;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.p-dialog-maximized .p-dialog-content {
|
.p-dialog-maximized .p-dialog-content {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-confirm-dialog .p-dialog-content {
|
.p-confirm-dialog .p-dialog-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,65 +3,67 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-divider-horizontal {
|
@layer primevue {
|
||||||
|
.p-divider-horizontal {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-divider-horizontal:before {
|
.p-divider-horizontal:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: block;
|
display: block;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
content: '';
|
content: '';
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-divider-content {
|
.p-divider-content {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-divider-vertical {
|
.p-divider-vertical {
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
margin: 0 1rem;
|
margin: 0 1rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-divider-vertical:before {
|
.p-divider-vertical:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: block;
|
display: block;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
content: '';
|
content: '';
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-divider-solid.p-divider-horizontal:before {
|
.p-divider-solid.p-divider-horizontal:before {
|
||||||
border-top-style: solid;
|
border-top-style: solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-divider-solid.p-divider-vertical:before {
|
.p-divider-solid.p-divider-vertical:before {
|
||||||
border-left-style: solid;
|
border-left-style: solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-divider-dashed.p-divider-horizontal:before {
|
.p-divider-dashed.p-divider-horizontal:before {
|
||||||
border-top-style: dashed;
|
border-top-style: dashed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-divider-dashed.p-divider-vertical:before {
|
.p-divider-dashed.p-divider-vertical:before {
|
||||||
border-left-style: dashed;
|
border-left-style: dashed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-divider-dotted.p-divider-horizontal:before {
|
.p-divider-dotted.p-divider-horizontal:before {
|
||||||
border-top-style: dotted;
|
border-top-style: dotted;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-divider-dotted.p-divider-vertical:before {
|
.p-divider-dotted.p-divider-vertical:before {
|
||||||
border-left-style: dotted;
|
border-left-style: dotted;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,35 +3,36 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-dock {
|
@layer primevue {
|
||||||
|
.p-dock {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dock-list-container {
|
.p-dock-list-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dock-list {
|
.p-dock-list {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dock-item {
|
.p-dock-item {
|
||||||
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
will-change: transform;
|
will-change: transform;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dock-link {
|
.p-dock-link {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -39,74 +40,75 @@ const styles = `
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dock-item-second-prev,
|
.p-dock-item-second-prev,
|
||||||
.p-dock-item-second-next {
|
.p-dock-item-second-next {
|
||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dock-item-prev,
|
.p-dock-item-prev,
|
||||||
.p-dock-item-next {
|
.p-dock-item-next {
|
||||||
transform: scale(1.4);
|
transform: scale(1.4);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dock-item-current {
|
.p-dock-item-current {
|
||||||
transform: scale(1.6);
|
transform: scale(1.6);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Position */
|
/* Position */
|
||||||
/* top */
|
/* top */
|
||||||
.p-dock-top {
|
.p-dock-top {
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dock-top .p-dock-item {
|
.p-dock-top .p-dock-item {
|
||||||
transform-origin: center top;
|
transform-origin: center top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* bottom */
|
/* bottom */
|
||||||
.p-dock-bottom {
|
.p-dock-bottom {
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dock-bottom .p-dock-item {
|
.p-dock-bottom .p-dock-item {
|
||||||
transform-origin: center bottom;
|
transform-origin: center bottom;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* right */
|
/* right */
|
||||||
.p-dock-right {
|
.p-dock-right {
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dock-right .p-dock-item {
|
.p-dock-right .p-dock-item {
|
||||||
transform-origin: center right;
|
transform-origin: center right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dock-right .p-dock-list {
|
.p-dock-right .p-dock-list {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* left */
|
/* left */
|
||||||
.p-dock-left {
|
.p-dock-left {
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dock-left .p-dock-item {
|
.p-dock-left .p-dock-item {
|
||||||
transform-origin: center left;
|
transform-origin: center left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dock-left .p-dock-list {
|
.p-dock-left .p-dock-list {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,27 +3,28 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-dropdown {
|
@layer primevue {
|
||||||
|
.p-dropdown {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: relative;
|
position: relative;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dropdown-clear-icon {
|
.p-dropdown-clear-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
margin-top: -0.5rem;
|
margin-top: -0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dropdown-trigger {
|
.p-dropdown-trigger {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dropdown-label {
|
.p-dropdown-label {
|
||||||
display: block;
|
display: block;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
@ -31,69 +32,70 @@ const styles = `
|
||||||
width: 1%;
|
width: 1%;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dropdown-label-empty {
|
.p-dropdown-label-empty {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
input.p-dropdown-label {
|
input.p-dropdown-label {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dropdown .p-dropdown-panel {
|
.p-dropdown .p-dropdown-panel {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dropdown-panel {
|
.p-dropdown-panel {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dropdown-items-wrapper {
|
.p-dropdown-items-wrapper {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dropdown-item {
|
.p-dropdown-item {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dropdown-item-group {
|
.p-dropdown-item-group {
|
||||||
cursor: auto;
|
cursor: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dropdown-items {
|
.p-dropdown-items {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dropdown-filter {
|
.p-dropdown-filter {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dropdown-filter-container {
|
.p-dropdown-filter-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-dropdown-filter-icon {
|
.p-dropdown-filter-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
margin-top: -0.5rem;
|
margin-top: -0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-dropdown {
|
.p-fluid .p-dropdown {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-dropdown .p-dropdown-label {
|
.p-fluid .p-dropdown .p-dropdown-label {
|
||||||
width: 1%;
|
width: 1%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,23 +3,25 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-fieldset-legend > a,
|
@layer primevue {
|
||||||
.p-fieldset-legend > span {
|
.p-fieldset-legend > a,
|
||||||
|
.p-fieldset-legend > span {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fieldset-toggleable .p-fieldset-legend a {
|
.p-fieldset-toggleable .p-fieldset-legend a {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fieldset-legend-text {
|
.p-fieldset-legend-text {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,48 +3,50 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-fileupload-content {
|
@layer primevue {
|
||||||
|
.p-fileupload-content {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fileupload-content .p-progressbar {
|
.p-fileupload-content .p-progressbar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-button.p-fileupload-choose {
|
.p-button.p-fileupload-choose {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fileupload-buttonbar {
|
.p-fileupload-buttonbar {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fileupload > input[type='file'],
|
.p-fileupload > input[type='file'],
|
||||||
.p-fileupload-basic input[type='file'] {
|
.p-fileupload-basic input[type='file'] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-fileupload .p-button {
|
.p-fluid .p-fileupload .p-button {
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fileupload-file {
|
.p-fileupload-file {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fileupload-file-thumbnail {
|
.p-fileupload-file-thumbnail {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fileupload-file-actions {
|
.p-fileupload-file-actions {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,24 +3,25 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-galleria-content {
|
@layer primevue {
|
||||||
|
.p-galleria-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-item-wrapper {
|
.p-galleria-item-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-item-container {
|
.p-galleria-item-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-item-nav {
|
.p-galleria-item-nav {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
margin-top: -0.5rem;
|
margin-top: -0.5rem;
|
||||||
|
|
@ -28,60 +29,60 @@ const styles = `
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-item-prev {
|
.p-galleria-item-prev {
|
||||||
left: 0;
|
left: 0;
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-item-next {
|
.p-galleria-item-next {
|
||||||
right: 0;
|
right: 0;
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-item {
|
.p-galleria-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-item-nav-onhover .p-galleria-item-nav {
|
.p-galleria-item-nav-onhover .p-galleria-item-nav {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 0.2s ease-in-out;
|
transition: opacity 0.2s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
|
.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
|
.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-caption {
|
.p-galleria-caption {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Thumbnails */
|
/* Thumbnails */
|
||||||
.p-galleria-thumbnail-wrapper {
|
.p-galleria-thumbnail-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-thumbnail-prev,
|
.p-galleria-thumbnail-prev,
|
||||||
.p-galleria-thumbnail-next {
|
.p-galleria-thumbnail-next {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -89,149 +90,149 @@ const styles = `
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-thumbnail-prev span,
|
.p-galleria-thumbnail-prev span,
|
||||||
.p-galleria-thumbnail-next span {
|
.p-galleria-thumbnail-next span {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-thumbnail-container {
|
.p-galleria-thumbnail-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-thumbnail-items-container {
|
.p-galleria-thumbnail-items-container {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-thumbnail-items {
|
.p-galleria-thumbnail-items {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-thumbnail-item {
|
.p-galleria-thumbnail-item {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-thumbnail-item:hover {
|
.p-galleria-thumbnail-item:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity 0.3s;
|
transition: opacity 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-thumbnail-item-current {
|
.p-galleria-thumbnail-item-current {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Positions */
|
/* Positions */
|
||||||
/* Thumbnails */
|
/* Thumbnails */
|
||||||
.p-galleria-thumbnails-left .p-galleria-content,
|
.p-galleria-thumbnails-left .p-galleria-content,
|
||||||
.p-galleria-thumbnails-right .p-galleria-content {
|
.p-galleria-thumbnails-right .p-galleria-content {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-thumbnails-left .p-galleria-item-wrapper,
|
.p-galleria-thumbnails-left .p-galleria-item-wrapper,
|
||||||
.p-galleria-thumbnails-right .p-galleria-item-wrapper {
|
.p-galleria-thumbnails-right .p-galleria-item-wrapper {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-thumbnails-left .p-galleria-item-wrapper,
|
.p-galleria-thumbnails-left .p-galleria-item-wrapper,
|
||||||
.p-galleria-thumbnails-top .p-galleria-item-wrapper {
|
.p-galleria-thumbnails-top .p-galleria-item-wrapper {
|
||||||
order: 2;
|
order: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
|
.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
|
||||||
.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
|
.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
|
||||||
order: 1;
|
order: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-thumbnails-left .p-galleria-thumbnail-container,
|
.p-galleria-thumbnails-left .p-galleria-thumbnail-container,
|
||||||
.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
|
.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-thumbnails-left .p-galleria-thumbnail-items,
|
.p-galleria-thumbnails-left .p-galleria-thumbnail-items,
|
||||||
.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
|
.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Indicators */
|
/* Indicators */
|
||||||
.p-galleria-indicators {
|
.p-galleria-indicators {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-indicator > button {
|
.p-galleria-indicator > button {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-indicators-left .p-galleria-item-wrapper,
|
.p-galleria-indicators-left .p-galleria-item-wrapper,
|
||||||
.p-galleria-indicators-right .p-galleria-item-wrapper {
|
.p-galleria-indicators-right .p-galleria-item-wrapper {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-indicators-left .p-galleria-item-container,
|
.p-galleria-indicators-left .p-galleria-item-container,
|
||||||
.p-galleria-indicators-top .p-galleria-item-container {
|
.p-galleria-indicators-top .p-galleria-item-container {
|
||||||
order: 2;
|
order: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-indicators-left .p-galleria-indicators,
|
.p-galleria-indicators-left .p-galleria-indicators,
|
||||||
.p-galleria-indicators-top .p-galleria-indicators {
|
.p-galleria-indicators-top .p-galleria-indicators {
|
||||||
order: 1;
|
order: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-indicators-left .p-galleria-indicators,
|
.p-galleria-indicators-left .p-galleria-indicators,
|
||||||
.p-galleria-indicators-right .p-galleria-indicators {
|
.p-galleria-indicators-right .p-galleria-indicators {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-indicator-onitem .p-galleria-indicators {
|
.p-galleria-indicator-onitem .p-galleria-indicators {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
|
.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
|
.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
|
.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
|
.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* FullScreen */
|
/* FullScreen */
|
||||||
.p-galleria-mask {
|
.p-galleria-mask {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
@ -240,9 +241,9 @@ const styles = `
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-close {
|
.p-galleria-close {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
|
@ -250,40 +251,41 @@ const styles = `
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-mask .p-galleria-item-nav {
|
.p-galleria-mask .p-galleria-item-nav {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
margin-top: -0.5rem;
|
margin-top: -0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Animation */
|
/* Animation */
|
||||||
.p-galleria-enter-active {
|
.p-galleria-enter-active {
|
||||||
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
|
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-leave-active {
|
.p-galleria-leave-active {
|
||||||
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-enter-from,
|
.p-galleria-enter-from,
|
||||||
.p-galleria-leave-to {
|
.p-galleria-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale(0.7);
|
transform: scale(0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-galleria-enter-active .p-galleria-item-nav {
|
.p-galleria-enter-active .p-galleria-item-nav {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Keyboard Support */
|
/* Keyboard Support */
|
||||||
.p-items-hidden .p-galleria-thumbnail-item {
|
.p-items-hidden .p-galleria-thumbnail-item {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
|
.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,18 +3,19 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-image-mask {
|
@layer primevue {
|
||||||
|
.p-image-mask {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-image-preview-container {
|
.p-image-preview-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-image-preview-indicator {
|
.p-image-preview-indicator {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
@ -25,46 +26,47 @@ const styles = `
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 0.3s;
|
transition: opacity 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-image-preview-container:hover > .p-image-preview-indicator {
|
.p-image-preview-container:hover > .p-image-preview-indicator {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-image-preview-container > img {
|
.p-image-preview-container > img {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-image-toolbar {
|
.p-image-toolbar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-image-action.p-link {
|
.p-image-action.p-link {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-image-preview {
|
.p-image-preview {
|
||||||
transition: transform 0.15s;
|
transition: transform 0.15s;
|
||||||
max-width: 100vw;
|
max-width: 100vw;
|
||||||
max-height: 100vh;
|
max-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-image-preview-enter-active {
|
.p-image-preview-enter-active {
|
||||||
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
|
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
|
||||||
}
|
}
|
||||||
.p-image-preview-leave-active {
|
.p-image-preview-leave-active {
|
||||||
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
}
|
}
|
||||||
.p-image-preview-enter-from,
|
.p-image-preview-enter-from,
|
||||||
.p-image-preview-leave-to {
|
.p-image-preview-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale(0.7);
|
transform: scale(0.7);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,20 +3,22 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-inline-message {
|
@layer primevue {
|
||||||
|
.p-inline-message {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inline-message-icon-only .p-inline-message-text {
|
.p-inline-message-icon-only .p-inline-message-text {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
width: 0;
|
width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-inline-message {
|
.p-fluid .p-inline-message {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,22 +3,24 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-inplace .p-inplace-display {
|
@layer primevue {
|
||||||
|
.p-inplace .p-inplace-display {
|
||||||
display: inline;
|
display: inline;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inplace .p-inplace-content {
|
.p-inplace .p-inplace-content {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
|
.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
|
.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
width: 1%;
|
width: 1%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,105 +3,107 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-inputnumber {
|
@layer primevue {
|
||||||
|
.p-inputnumber {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-button {
|
.p-inputnumber-button {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
|
.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
|
||||||
.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
|
.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
|
.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-buttons-stacked .p-inputnumber-input {
|
.p-inputnumber-buttons-stacked .p-inputnumber-input {
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
|
.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
|
.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
|
.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
|
.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
|
||||||
order: 3;
|
order: 3;
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-buttons-horizontal .p-inputnumber-input {
|
.p-inputnumber-buttons-horizontal .p-inputnumber-input {
|
||||||
order: 2;
|
order: 2;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
|
.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
|
||||||
order: 1;
|
order: 1;
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-buttons-vertical {
|
.p-inputnumber-buttons-vertical {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
|
.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
|
||||||
order: 1;
|
order: 1;
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-buttons-vertical .p-inputnumber-input {
|
.p-inputnumber-buttons-vertical .p-inputnumber-input {
|
||||||
order: 2;
|
order: 2;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
|
.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
|
||||||
order: 3;
|
order: 3;
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber-input {
|
.p-inputnumber-input {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-inputnumber {
|
.p-fluid .p-inputnumber {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-inputnumber .p-inputnumber-input {
|
.p-fluid .p-inputnumber .p-inputnumber-input {
|
||||||
width: 1%;
|
width: 1%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
|
.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,11 +3,12 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-inputswitch {
|
@layer primevue {
|
||||||
|
.p-inputswitch {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputswitch-slider {
|
.p-inputswitch-slider {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
@ -15,12 +16,13 @@ const styles = `
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputswitch-slider:before {
|
.p-inputswitch-slider:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: '';
|
content: '';
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,18 +8,20 @@ const styles = `
|
||||||
stroke-dashoffset: 0;
|
stroke-dashoffset: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.p-knob-range {
|
@layer primevue {
|
||||||
|
.p-knob-range {
|
||||||
fill: none;
|
fill: none;
|
||||||
transition: stroke 0.1s ease-in;
|
transition: stroke 0.1s ease-in;
|
||||||
}
|
}
|
||||||
.p-knob-value {
|
.p-knob-value {
|
||||||
animation-name: dash-frame;
|
animation-name: dash-frame;
|
||||||
animation-fill-mode: forwards;
|
animation-fill-mode: forwards;
|
||||||
fill: none;
|
fill: none;
|
||||||
}
|
}
|
||||||
.p-knob-text {
|
.p-knob-text {
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,38 +3,40 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-listbox-list-wrapper {
|
@layer primevue {
|
||||||
|
.p-listbox-list-wrapper {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-listbox-list {
|
.p-listbox-list {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-listbox-item {
|
.p-listbox-item {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-listbox-item-group {
|
.p-listbox-item-group {
|
||||||
cursor: auto;
|
cursor: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-listbox-filter-container {
|
.p-listbox-filter-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-listbox-filter-icon {
|
.p-listbox-filter-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
margin-top: -0.5rem;
|
margin-top: -0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-listbox-filter {
|
.p-listbox-filter {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,115 +3,117 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-megamenu {
|
@layer primevue {
|
||||||
|
.p-megamenu {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-root-list {
|
.p-megamenu-root-list {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-root-list > .p-menuitem {
|
.p-megamenu-root-list > .p-menuitem {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu .p-menuitem-link {
|
.p-megamenu .p-menuitem-link {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu .p-menuitem-text {
|
.p-megamenu .p-menuitem-text {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-panel {
|
.p-megamenu-panel {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: auto;
|
width: auto;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
|
.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-submenu {
|
.p-megamenu-submenu {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Horizontal */
|
/* Horizontal */
|
||||||
.p-megamenu-horizontal {
|
.p-megamenu-horizontal {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-horizontal .p-megamenu-root-list {
|
.p-megamenu-horizontal .p-megamenu-root-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-horizontal .p-megamenu-end {
|
.p-megamenu-horizontal .p-megamenu-end {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Vertical */
|
/* Vertical */
|
||||||
.p-megamenu-vertical {
|
.p-megamenu-vertical {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-vertical .p-megamenu-root-list {
|
.p-megamenu-vertical .p-megamenu-root-list {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
|
.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
|
||||||
left: 100%;
|
left: 100%;
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
|
.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-grid {
|
.p-megamenu-grid {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-col-2,
|
.p-megamenu-col-2,
|
||||||
.p-megamenu-col-3,
|
.p-megamenu-col-3,
|
||||||
.p-megamenu-col-4,
|
.p-megamenu-col-4,
|
||||||
.p-megamenu-col-6,
|
.p-megamenu-col-6,
|
||||||
.p-megamenu-col-12 {
|
.p-megamenu-col-12 {
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-col-2 {
|
.p-megamenu-col-2 {
|
||||||
width: 16.6667%;
|
width: 16.6667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-col-3 {
|
.p-megamenu-col-3 {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-col-4 {
|
.p-megamenu-col-4 {
|
||||||
width: 33.3333%;
|
width: 33.3333%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-col-6 {
|
.p-megamenu-col-6 {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-col-12 {
|
.p-megamenu-col-12 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,23 +3,25 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-menu ul {
|
@layer primevue {
|
||||||
|
.p-menu ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menu .p-menuitem-link {
|
.p-menu .p-menuitem-link {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menu .p-menuitem-text {
|
.p-menu .p-menuitem-text {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,76 +3,78 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-menubar {
|
@layer primevue {
|
||||||
|
.p-menubar {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar ul {
|
.p-menubar ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar .p-menuitem-link {
|
.p-menubar .p-menuitem-link {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar .p-menuitem-text {
|
.p-menubar .p-menuitem-text {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar .p-menuitem {
|
.p-menubar .p-menuitem {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar-root-list {
|
.p-menubar-root-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar-root-list > li ul {
|
.p-menubar-root-list > li ul {
|
||||||
display: none;
|
display: none;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
|
.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar .p-submenu-list {
|
.p-menubar .p-submenu-list {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
|
.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
|
||||||
display: block;
|
display: block;
|
||||||
left: 100%;
|
left: 100%;
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
|
.p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar .p-menubar-end {
|
.p-menubar .p-menubar-end {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar-button {
|
.p-menubar-button {
|
||||||
display: none;
|
display: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,53 +3,55 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-message-wrapper {
|
@layer primevue {
|
||||||
|
.p-message-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-message-icon {
|
.p-message-icon {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-message-close {
|
.p-message-close {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-message-close.p-link {
|
.p-message-close.p-link {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-message-enter-from {
|
.p-message-enter-from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-message-enter-active {
|
.p-message-enter-active {
|
||||||
transition: opacity 0.3s;
|
transition: opacity 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-message.p-message-leave-from {
|
.p-message.p-message-leave-from {
|
||||||
max-height: 1000px;
|
max-height: 1000px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-message.p-message-leave-to {
|
.p-message.p-message-leave-to {
|
||||||
max-height: 0;
|
max-height: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-message-leave-active {
|
.p-message-leave-active {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
|
transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-message-leave-active .p-message-close {
|
.p-message-leave-active .p-message-close {
|
||||||
display: none;
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,64 +3,65 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-multiselect {
|
@layer primevue {
|
||||||
|
.p-multiselect {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-trigger {
|
.p-multiselect-trigger {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-label-container {
|
.p-multiselect-label-container {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-label {
|
.p-multiselect-label {
|
||||||
display: block;
|
display: block;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-label-empty {
|
.p-multiselect-label-empty {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-token {
|
.p-multiselect-token {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-token-icon {
|
.p-multiselect-token-icon {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect .p-multiselect-panel {
|
.p-multiselect .p-multiselect-panel {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-items-wrapper {
|
.p-multiselect-items-wrapper {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-items {
|
.p-multiselect-items {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-item {
|
.p-multiselect-item {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -68,34 +69,34 @@ const styles = `
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-item-group {
|
.p-multiselect-item-group {
|
||||||
cursor: auto;
|
cursor: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-header {
|
.p-multiselect-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-filter-container {
|
.p-multiselect-filter-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-filter-icon {
|
.p-multiselect-filter-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
margin-top: -0.5rem;
|
margin-top: -0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-filter-container .p-inputtext {
|
.p-multiselect-filter-container .p-inputtext {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-multiselect-close {
|
.p-multiselect-close {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
@ -103,10 +104,11 @@ const styles = `
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-multiselect {
|
.p-fluid .p-multiselect {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,42 +3,44 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-orderlist {
|
@layer primevue {
|
||||||
|
.p-orderlist {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-orderlist-controls {
|
.p-orderlist-controls {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-orderlist-list-container {
|
.p-orderlist-list-container {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-orderlist-list {
|
.p-orderlist-list {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 12rem;
|
min-height: 12rem;
|
||||||
max-height: 24rem;
|
max-height: 24rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-orderlist-item {
|
.p-orderlist-item {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-orderlist.p-state-disabled .p-orderlist-item,
|
.p-orderlist.p-state-disabled .p-orderlist-item,
|
||||||
.p-orderlist.p-state-disabled .p-button {
|
.p-orderlist.p-state-disabled .p-button {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-orderlist.p-state-disabled .p-orderlist-list {
|
.p-orderlist.p-state-disabled .p-orderlist-list {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,24 +3,25 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-organizationchart-table {
|
@layer primevue {
|
||||||
|
.p-organizationchart-table {
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
border-collapse: separate;
|
border-collapse: separate;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-organizationchart-table > tbody > tr > td {
|
.p-organizationchart-table > tbody > tr > td {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding: 0 0.75rem;
|
padding: 0 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-organizationchart-node-content {
|
.p-organizationchart-node-content {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-organizationchart-node-content .p-node-toggler {
|
.p-organizationchart-node-content .p-node-toggler {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: -0.75rem;
|
bottom: -0.75rem;
|
||||||
margin-left: -0.75rem;
|
margin-left: -0.75rem;
|
||||||
|
|
@ -31,29 +32,30 @@ const styles = `
|
||||||
width: 1.5rem;
|
width: 1.5rem;
|
||||||
height: 1.5rem;
|
height: 1.5rem;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
|
.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0.25rem;
|
top: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-organizationchart-line-down {
|
.p-organizationchart-line-down {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 1px;
|
width: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-organizationchart-line-right {
|
.p-organizationchart-line-right {
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-organizationchart-line-left {
|
.p-organizationchart-line-left {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-organizationchart-selectable-node {
|
.p-organizationchart-selectable-node {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,43 +3,44 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-overlaypanel {
|
@layer primevue {
|
||||||
|
.p-overlaypanel {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlaypanel-flipped {
|
.p-overlaypanel-flipped {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlaypanel-close {
|
.p-overlaypanel-close {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Animation */
|
/* Animation */
|
||||||
.p-overlaypanel-enter-from {
|
.p-overlaypanel-enter-from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scaleY(0.8);
|
transform: scaleY(0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlaypanel-leave-to {
|
.p-overlaypanel-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlaypanel-enter-active {
|
.p-overlaypanel-enter-active {
|
||||||
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
|
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlaypanel-leave-active {
|
.p-overlaypanel-leave-active {
|
||||||
transition: opacity 0.1s linear;
|
transition: opacity 0.1s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlaypanel:after,
|
.p-overlaypanel:after,
|
||||||
.p-overlaypanel:before {
|
.p-overlaypanel:before {
|
||||||
bottom: 100%;
|
bottom: 100%;
|
||||||
left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
|
left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
|
||||||
content: ' ';
|
content: ' ';
|
||||||
|
|
@ -47,30 +48,31 @@ const styles = `
|
||||||
width: 0;
|
width: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlaypanel:after {
|
.p-overlaypanel:after {
|
||||||
border-width: 8px;
|
border-width: 8px;
|
||||||
margin-left: -8px;
|
margin-left: -8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlaypanel:before {
|
.p-overlaypanel:before {
|
||||||
border-width: 10px;
|
border-width: 10px;
|
||||||
margin-left: -10px;
|
margin-left: -10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlaypanel-flipped:after,
|
.p-overlaypanel-flipped:after,
|
||||||
.p-overlaypanel-flipped:before {
|
.p-overlaypanel-flipped:before {
|
||||||
bottom: auto;
|
bottom: auto;
|
||||||
top: 100%;
|
top: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlaypanel.p-overlaypanel-flipped:after {
|
.p-overlaypanel.p-overlaypanel-flipped:after {
|
||||||
border-bottom-color: transparent;
|
border-bottom-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-overlaypanel.p-overlaypanel-flipped:before {
|
.p-overlaypanel.p-overlaypanel-flipped:before {
|
||||||
border-bottom-color: transparent;
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,31 +3,32 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-paginator-default {
|
@layer primevue {
|
||||||
|
.p-paginator-default {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-paginator {
|
.p-paginator {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-paginator-left-content {
|
.p-paginator-left-content {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-paginator-right-content {
|
.p-paginator-right-content {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-paginator-page,
|
.p-paginator-page,
|
||||||
.p-paginator-next,
|
.p-paginator-next,
|
||||||
.p-paginator-last,
|
.p-paginator-last,
|
||||||
.p-paginator-first,
|
.p-paginator-first,
|
||||||
.p-paginator-prev,
|
.p-paginator-prev,
|
||||||
.p-paginator-current {
|
.p-paginator-current {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -36,11 +37,12 @@ const styles = `
|
||||||
user-select: none;
|
user-select: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-paginator-element:focus {
|
.p-paginator-element:focus {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,17 +3,18 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-panel-header {
|
@layer primevue {
|
||||||
|
.p-panel-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-panel-title {
|
.p-panel-title {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-panel-header-icon {
|
.p-panel-header-icon {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -21,6 +22,7 @@ const styles = `
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,26 +3,27 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-panelmenu .p-panelmenu-header-action {
|
@layer primevue {
|
||||||
|
.p-panelmenu .p-panelmenu-header-action {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: relative;
|
position: relative;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-panelmenu .p-panelmenu-header-action:focus {
|
.p-panelmenu .p-panelmenu-header-action:focus {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-panelmenu .p-submenu-list {
|
.p-panelmenu .p-submenu-list {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-panelmenu .p-menuitem-link {
|
.p-panelmenu .p-menuitem-link {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -30,10 +31,11 @@ const styles = `
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-panelmenu .p-menuitem-text {
|
.p-panelmenu .p-menuitem-text {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,31 +3,33 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-password {
|
@layer primevue {
|
||||||
|
.p-password {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-password .p-password-panel {
|
.p-password .p-password-panel {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-password-meter {
|
.p-password-meter {
|
||||||
height: 10px;
|
height: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-password-strength {
|
.p-password-strength {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 0;
|
width: 0;
|
||||||
transition: width 1s ease-in-out;
|
transition: width 1s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-password {
|
.p-fluid .p-password {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-password-input::-ms-reveal,
|
.p-password-input::-ms-reveal,
|
||||||
.p-password-input::-ms-clear {
|
.p-password-input::-ms-clear {
|
||||||
display: none;
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,38 +3,40 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-picklist {
|
@layer primevue {
|
||||||
|
.p-picklist {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-picklist-buttons {
|
.p-picklist-buttons {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-picklist-list-wrapper {
|
.p-picklist-list-wrapper {
|
||||||
flex: 1 1 50%;
|
flex: 1 1 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-picklist-list {
|
.p-picklist-list {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 12rem;
|
min-height: 12rem;
|
||||||
max-height: 24rem;
|
max-height: 24rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-picklist-item {
|
.p-picklist-item {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
|
.p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
|
||||||
.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
|
.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
|
||||||
transition: none !important;
|
transition: none !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,12 +3,13 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-progressbar {
|
@layer primevue {
|
||||||
|
.p-progressbar {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-progressbar-determinate .p-progressbar-value {
|
.p-progressbar-determinate .p-progressbar-value {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 0%;
|
width: 0%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -18,17 +19,17 @@ const styles = `
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-progressbar-determinate .p-progressbar-label {
|
.p-progressbar-determinate .p-progressbar-label {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-progressbar-determinate .p-progressbar-value-animate {
|
.p-progressbar-determinate .p-progressbar-value-animate {
|
||||||
transition: width 1s ease-in-out;
|
transition: width 1s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-progressbar-indeterminate .p-progressbar-value::before {
|
.p-progressbar-indeterminate .p-progressbar-value::before {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: inherit;
|
background-color: inherit;
|
||||||
|
|
@ -38,9 +39,9 @@ const styles = `
|
||||||
will-change: left, right;
|
will-change: left, right;
|
||||||
-webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
-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;
|
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 {
|
.p-progressbar-indeterminate .p-progressbar-value::after {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: inherit;
|
background-color: inherit;
|
||||||
|
|
@ -52,9 +53,9 @@ const styles = `
|
||||||
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;
|
-webkit-animation-delay: 1.15s;
|
||||||
animation-delay: 1.15s;
|
animation-delay: 1.15s;
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes p-progressbar-indeterminate-anim {
|
@-webkit-keyframes p-progressbar-indeterminate-anim {
|
||||||
0% {
|
0% {
|
||||||
left: -35%;
|
left: -35%;
|
||||||
right: 100%;
|
right: 100%;
|
||||||
|
|
@ -67,8 +68,8 @@ const styles = `
|
||||||
left: 100%;
|
left: 100%;
|
||||||
right: -90%;
|
right: -90%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@keyframes p-progressbar-indeterminate-anim {
|
@keyframes p-progressbar-indeterminate-anim {
|
||||||
0% {
|
0% {
|
||||||
left: -35%;
|
left: -35%;
|
||||||
right: 100%;
|
right: 100%;
|
||||||
|
|
@ -81,9 +82,9 @@ const styles = `
|
||||||
left: 100%;
|
left: 100%;
|
||||||
right: -90%;
|
right: -90%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes p-progressbar-indeterminate-anim-short {
|
@-webkit-keyframes p-progressbar-indeterminate-anim-short {
|
||||||
0% {
|
0% {
|
||||||
left: -200%;
|
left: -200%;
|
||||||
right: 100%;
|
right: 100%;
|
||||||
|
|
@ -96,8 +97,8 @@ const styles = `
|
||||||
left: 107%;
|
left: 107%;
|
||||||
right: -8%;
|
right: -8%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@keyframes p-progressbar-indeterminate-anim-short {
|
@keyframes p-progressbar-indeterminate-anim-short {
|
||||||
0% {
|
0% {
|
||||||
left: -200%;
|
left: -200%;
|
||||||
right: 100%;
|
right: 100%;
|
||||||
|
|
@ -110,6 +111,7 @@ const styles = `
|
||||||
left: 107%;
|
left: 107%;
|
||||||
right: -8%;
|
right: -8%;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,21 +3,22 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-progress-spinner {
|
@layer primevue {
|
||||||
|
.p-progress-spinner {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-progress-spinner::before {
|
.p-progress-spinner::before {
|
||||||
content: '';
|
content: '';
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 100%;
|
padding-top: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-progress-spinner-svg {
|
.p-progress-spinner-svg {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
transform-origin: center center;
|
transform-origin: center center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -27,6 +28,7 @@ const styles = `
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,20 +3,22 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-rating {
|
@layer primevue {
|
||||||
|
.p-rating {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-rating-item {
|
.p-rating-item {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-rating.p-readonly .p-rating-item {
|
.p-rating.p-readonly .p-rating-item {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,32 +2,34 @@ import BaseDirective from 'primevue/basedirective';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-ripple {
|
@keyframes ripple {
|
||||||
overflow: hidden;
|
100% {
|
||||||
position: relative;
|
opacity: 0;
|
||||||
|
transform: scale(2.5);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-ink {
|
@layer primevue {
|
||||||
|
.p-ripple {
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-ink {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background: rgba(255, 255, 255, 0.5);
|
background: rgba(255, 255, 255, 0.5);
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
transform: scale(0);
|
transform: scale(0);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-ink-active {
|
.p-ink-active {
|
||||||
animation: ripple 0.4s linear;
|
animation: ripple 0.4s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-ripple-disabled .p-ink {
|
.p-ripple-disabled .p-ink {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes ripple {
|
|
||||||
100% {
|
|
||||||
opacity: 0;
|
|
||||||
transform: scale(2.5);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
|
||||||
|
|
@ -3,16 +3,17 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-scrollpanel-wrapper {
|
@layer primevue {
|
||||||
|
.p-scrollpanel-wrapper {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrollpanel-content {
|
.p-scrollpanel-content {
|
||||||
height: calc(100% + 18px);
|
height: calc(100% + 18px);
|
||||||
width: calc(100% + 18px);
|
width: calc(100% + 18px);
|
||||||
padding: 0 18px 18px 0;
|
padding: 0 18px 18px 0;
|
||||||
|
|
@ -20,13 +21,13 @@ const styles = `
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
scrollbar-width: none;
|
scrollbar-width: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrollpanel-content::-webkit-scrollbar {
|
.p-scrollpanel-content::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrollpanel-bar {
|
.p-scrollpanel-bar {
|
||||||
position: relative;
|
position: relative;
|
||||||
background: #c1c1c1;
|
background: #c1c1c1;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
|
@ -34,29 +35,30 @@ const styles = `
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 0.25s linear;
|
transition: opacity 0.25s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrollpanel-bar-y {
|
.p-scrollpanel-bar-y {
|
||||||
width: 9px;
|
width: 9px;
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrollpanel-bar-x {
|
.p-scrollpanel-bar-x {
|
||||||
height: 9px;
|
height: 9px;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrollpanel-hidden {
|
.p-scrollpanel-hidden {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrollpanel:hover .p-scrollpanel-bar,
|
.p-scrollpanel:hover .p-scrollpanel-bar,
|
||||||
.p-scrollpanel:active .p-scrollpanel-bar {
|
.p-scrollpanel:active .p-scrollpanel-bar {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrollpanel-grabbed {
|
.p-scrollpanel-grabbed {
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,37 +3,39 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-scrolltop {
|
@layer primevue {
|
||||||
|
.p-scrolltop {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 20px;
|
bottom: 20px;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrolltop-sticky {
|
.p-scrolltop-sticky {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrolltop-sticky.p-link {
|
.p-scrolltop-sticky.p-link {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrolltop-enter-from {
|
.p-scrolltop-enter-from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrolltop-enter-active {
|
.p-scrolltop-enter-active {
|
||||||
transition: opacity 0.15s;
|
transition: opacity 0.15s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrolltop.p-scrolltop-leave-to {
|
.p-scrolltop.p-scrolltop-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-scrolltop-leave-active {
|
.p-scrolltop-leave-active {
|
||||||
transition: opacity 0.15s;
|
transition: opacity 0.15s;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,51 +3,52 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-sidebar-mask {
|
@layer primevue {
|
||||||
|
.p-sidebar-mask {
|
||||||
display: none;
|
display: none;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
transition-property: background-color;
|
transition-property: background-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-mask.p-component-overlay {
|
.p-sidebar-mask.p-component-overlay {
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-visible {
|
.p-sidebar-visible {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar {
|
.p-sidebar {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
transform: translate3d(0px, 0px, 0px);
|
transform: translate3d(0px, 0px, 0px);
|
||||||
position: relative;
|
position: relative;
|
||||||
transition: transform 0.3s;
|
transition: transform 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-content {
|
.p-sidebar-content {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-header {
|
.p-sidebar-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-icon {
|
.p-sidebar-icon {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-full .p-sidebar {
|
.p-sidebar-full .p-sidebar {
|
||||||
transition: none;
|
transition: none;
|
||||||
transform: none;
|
transform: none;
|
||||||
width: 100vw !important;
|
width: 100vw !important;
|
||||||
|
|
@ -55,101 +56,102 @@ const styles = `
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
top: 0px !important;
|
top: 0px !important;
|
||||||
left: 0px !important;
|
left: 0px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Animation */
|
/* Animation */
|
||||||
/* Center */
|
/* Center */
|
||||||
.p-sidebar-left .p-sidebar-enter-from,
|
.p-sidebar-left .p-sidebar-enter-from,
|
||||||
.p-sidebar-left .p-sidebar-leave-to {
|
.p-sidebar-left .p-sidebar-leave-to {
|
||||||
transform: translateX(-100%);
|
transform: translateX(-100%);
|
||||||
}
|
}
|
||||||
.p-sidebar-right .p-sidebar-enter-from,
|
.p-sidebar-right .p-sidebar-enter-from,
|
||||||
.p-sidebar-right .p-sidebar-leave-to {
|
.p-sidebar-right .p-sidebar-leave-to {
|
||||||
transform: translateX(100%);
|
transform: translateX(100%);
|
||||||
}
|
}
|
||||||
.p-sidebar-top .p-sidebar-enter-from,
|
.p-sidebar-top .p-sidebar-enter-from,
|
||||||
.p-sidebar-top .p-sidebar-leave-to {
|
.p-sidebar-top .p-sidebar-leave-to {
|
||||||
transform: translateY(-100%);
|
transform: translateY(-100%);
|
||||||
}
|
}
|
||||||
.p-sidebar-bottom .p-sidebar-enter-from,
|
.p-sidebar-bottom .p-sidebar-enter-from,
|
||||||
.p-sidebar-bottom .p-sidebar-leave-to {
|
.p-sidebar-bottom .p-sidebar-leave-to {
|
||||||
transform: translateY(100%);
|
transform: translateY(100%);
|
||||||
}
|
}
|
||||||
.p-sidebar-full .p-sidebar-enter-from,
|
.p-sidebar-full .p-sidebar-enter-from,
|
||||||
.p-sidebar-full .p-sidebar-leave-to {
|
.p-sidebar-full .p-sidebar-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
.p-sidebar-full .p-sidebar-enter-active,
|
.p-sidebar-full .p-sidebar-enter-active,
|
||||||
.p-sidebar-full .p-sidebar-leave-active {
|
.p-sidebar-full .p-sidebar-leave-active {
|
||||||
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
|
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Size */
|
/* Size */
|
||||||
.p-sidebar-left .p-sidebar {
|
.p-sidebar-left .p-sidebar {
|
||||||
width: 20rem;
|
width: 20rem;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-right .p-sidebar {
|
.p-sidebar-right .p-sidebar {
|
||||||
width: 20rem;
|
width: 20rem;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-top .p-sidebar {
|
.p-sidebar-top .p-sidebar {
|
||||||
height: 10rem;
|
height: 10rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-bottom .p-sidebar {
|
.p-sidebar-bottom .p-sidebar {
|
||||||
height: 10rem;
|
height: 10rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-left .p-sidebar-sm,
|
.p-sidebar-left .p-sidebar-sm,
|
||||||
.p-sidebar-right .p-sidebar-sm {
|
.p-sidebar-right .p-sidebar-sm {
|
||||||
width: 20rem;
|
width: 20rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-left .p-sidebar-md,
|
.p-sidebar-left .p-sidebar-md,
|
||||||
.p-sidebar-right .p-sidebar-md {
|
.p-sidebar-right .p-sidebar-md {
|
||||||
width: 40rem;
|
width: 40rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-left .p-sidebar-lg,
|
.p-sidebar-left .p-sidebar-lg,
|
||||||
.p-sidebar-right .p-sidebar-lg {
|
.p-sidebar-right .p-sidebar-lg {
|
||||||
width: 60rem;
|
width: 60rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-top .p-sidebar-sm,
|
.p-sidebar-top .p-sidebar-sm,
|
||||||
.p-sidebar-bottom .p-sidebar-sm {
|
.p-sidebar-bottom .p-sidebar-sm {
|
||||||
height: 10rem;
|
height: 10rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-top .p-sidebar-md,
|
.p-sidebar-top .p-sidebar-md,
|
||||||
.p-sidebar-bottom .p-sidebar-md {
|
.p-sidebar-bottom .p-sidebar-md {
|
||||||
height: 20rem;
|
height: 20rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-top .p-sidebar-lg,
|
.p-sidebar-top .p-sidebar-lg,
|
||||||
.p-sidebar-bottom .p-sidebar-lg {
|
.p-sidebar-bottom .p-sidebar-lg {
|
||||||
height: 30rem;
|
height: 30rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-sidebar-left .p-sidebar-content,
|
.p-sidebar-left .p-sidebar-content,
|
||||||
.p-sidebar-right .p-sidebar-content,
|
.p-sidebar-right .p-sidebar-content,
|
||||||
.p-sidebar-top .p-sidebar-content,
|
.p-sidebar-top .p-sidebar-content,
|
||||||
.p-sidebar-bottom .p-sidebar-content {
|
.p-sidebar-bottom .p-sidebar-content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 64em) {
|
@media screen and (max-width: 64em) {
|
||||||
.p-sidebar-left .p-sidebar-lg,
|
.p-sidebar-left .p-sidebar-lg,
|
||||||
.p-sidebar-left .p-sidebar-md,
|
.p-sidebar-left .p-sidebar-md,
|
||||||
.p-sidebar-right .p-sidebar-lg,
|
.p-sidebar-right .p-sidebar-lg,
|
||||||
.p-sidebar-right .p-sidebar-md {
|
.p-sidebar-right .p-sidebar-md {
|
||||||
width: 20rem;
|
width: 20rem;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,11 +3,12 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-skeleton {
|
@layer primevue {
|
||||||
|
.p-skeleton {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-skeleton::after {
|
.p-skeleton::after {
|
||||||
content: '';
|
content: '';
|
||||||
animation: p-skeleton-animation 1.2s infinite;
|
animation: p-skeleton-animation 1.2s infinite;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
@ -17,23 +18,24 @@ const styles = `
|
||||||
top: 0;
|
top: 0;
|
||||||
transform: translateX(-100%);
|
transform: translateX(-100%);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-skeleton.p-skeleton-circle {
|
.p-skeleton.p-skeleton-circle {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-skeleton-none::after {
|
.p-skeleton-none::after {
|
||||||
animation: none;
|
animation: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes p-skeleton-animation {
|
@keyframes p-skeleton-animation {
|
||||||
from {
|
from {
|
||||||
transform: translateX(-100%);
|
transform: translateX(-100%);
|
||||||
}
|
}
|
||||||
to {
|
to {
|
||||||
transform: translateX(100%);
|
transform: translateX(100%);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,42 +3,44 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-slider {
|
@layer primevue {
|
||||||
|
.p-slider {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-slider .p-slider-handle {
|
.p-slider .p-slider-handle {
|
||||||
cursor: grab;
|
cursor: grab;
|
||||||
touch-action: none;
|
touch-action: none;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-slider-range {
|
.p-slider-range {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-slider-horizontal .p-slider-range {
|
.p-slider-horizontal .p-slider-range {
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-slider-horizontal .p-slider-handle {
|
.p-slider-horizontal .p-slider-handle {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-slider-vertical {
|
.p-slider-vertical {
|
||||||
height: 100px;
|
height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-slider-vertical .p-slider-handle {
|
.p-slider-vertical .p-slider-handle {
|
||||||
left: 50%;
|
left: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-slider-vertical .p-slider-range {
|
.p-slider-vertical .p-slider-range {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,16 +3,17 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-speeddial {
|
@layer primevue {
|
||||||
|
.p-speeddial {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-speeddial-button {
|
.p-speeddial-button {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-speeddial-list {
|
.p-speeddial-list {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|
@ -22,36 +23,36 @@ const styles = `
|
||||||
transition: top 0s linear 0.2s;
|
transition: top 0s linear 0.2s;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-speeddial-item {
|
.p-speeddial-item {
|
||||||
transform: scale(0);
|
transform: scale(0);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
|
transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
|
||||||
will-change: transform;
|
will-change: transform;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-speeddial-action {
|
.p-speeddial-action {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-speeddial-circle .p-speeddial-item,
|
.p-speeddial-circle .p-speeddial-item,
|
||||||
.p-speeddial-semi-circle .p-speeddial-item,
|
.p-speeddial-semi-circle .p-speeddial-item,
|
||||||
.p-speeddial-quarter-circle .p-speeddial-item {
|
.p-speeddial-quarter-circle .p-speeddial-item {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-speeddial-rotate {
|
.p-speeddial-rotate {
|
||||||
transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||||||
will-change: transform;
|
will-change: transform;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-speeddial-mask {
|
.p-speeddial-mask {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
@ -59,25 +60,26 @@ const styles = `
|
||||||
height: 100%;
|
height: 100%;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
|
transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-speeddial-mask-visible {
|
.p-speeddial-mask-visible {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
|
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-speeddial-opened .p-speeddial-list {
|
.p-speeddial-opened .p-speeddial-list {
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-speeddial-opened .p-speeddial-item {
|
.p-speeddial-opened .p-speeddial-item {
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-speeddial-opened .p-speeddial-rotate {
|
.p-speeddial-opened .p-speeddial-rotate {
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,36 +3,38 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-splitbutton {
|
@layer primevue {
|
||||||
|
.p-splitbutton {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-splitbutton .p-splitbutton-defaultbutton,
|
.p-splitbutton .p-splitbutton-defaultbutton,
|
||||||
.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
|
.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
|
||||||
.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
|
.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
border-right: 0 none;
|
border-right: 0 none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-splitbutton-menubutton,
|
.p-splitbutton-menubutton,
|
||||||
.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
|
.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
|
||||||
.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
|
.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-splitbutton .p-menu {
|
.p-splitbutton .p-menu {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-splitbutton {
|
.p-fluid .p-splitbutton {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,50 +3,52 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-splitter {
|
@layer primevue {
|
||||||
|
.p-splitter {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-splitter-vertical {
|
.p-splitter-vertical {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-splitter-gutter {
|
.p-splitter-gutter {
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
cursor: col-resize;
|
cursor: col-resize;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-splitter-horizontal.p-splitter-resizing {
|
.p-splitter-horizontal.p-splitter-resizing {
|
||||||
cursor: col-resize;
|
cursor: col-resize;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
|
.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
|
||||||
height: 24px;
|
height: 24px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-splitter-horizontal > .p-splitter-gutter {
|
.p-splitter-horizontal > .p-splitter-gutter {
|
||||||
cursor: col-resize;
|
cursor: col-resize;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-splitter-vertical.p-splitter-resizing {
|
.p-splitter-vertical.p-splitter-resizing {
|
||||||
cursor: row-resize;
|
cursor: row-resize;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-splitter-vertical > .p-splitter-gutter {
|
.p-splitter-vertical > .p-splitter-gutter {
|
||||||
cursor: row-resize;
|
cursor: row-resize;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
|
.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,17 +3,19 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-splitter-panel {
|
@layer primevue {
|
||||||
|
.p-splitter-panel {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-splitter-panel-nested {
|
.p-splitter-panel-nested {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-splitter-panel .p-splitter {
|
.p-splitter-panel .p-splitter {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,56 +3,58 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-steps {
|
@layer primevue {
|
||||||
|
.p-steps {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps .p-steps-list {
|
.p-steps .p-steps-list {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps-item {
|
.p-steps-item {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps-item .p-menuitem-link {
|
.p-steps-item .p-menuitem-link {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps.p-steps-readonly .p-steps-item {
|
.p-steps.p-steps-readonly .p-steps-item {
|
||||||
cursor: auto;
|
cursor: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps-item.p-steps-current .p-menuitem-link {
|
.p-steps-item.p-steps-current .p-menuitem-link {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps-title {
|
.p-steps-title {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps-number {
|
.p-steps-number {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-steps-title {
|
.p-steps-title {
|
||||||
display: block;
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,19 +3,20 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-tabmenu {
|
@layer primevue {
|
||||||
|
.p-tabmenu {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabmenu-nav {
|
.p-tabmenu-nav {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabmenu-nav a {
|
.p-tabmenu-nav a {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -24,23 +25,24 @@ const styles = `
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabmenu-nav a:focus {
|
.p-tabmenu-nav a:focus {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabmenu-nav .p-menuitem-text {
|
.p-tabmenu-nav .p-menuitem-text {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabmenu-ink-bar {
|
.p-tabmenu-ink-bar {
|
||||||
display: none;
|
display: none;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabmenu::-webkit-scrollbar {
|
.p-tabmenu::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,31 +3,32 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-tabview-nav-container {
|
@layer primevue {
|
||||||
|
.p-tabview-nav-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-scrollable .p-tabview-nav-container {
|
.p-tabview-scrollable .p-tabview-nav-container {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-nav-content {
|
.p-tabview-nav-content {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
scrollbar-width: none;
|
scrollbar-width: none;
|
||||||
overscroll-behavior: contain auto;
|
overscroll-behavior: contain auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-nav {
|
.p-tabview-nav {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-header-action {
|
.p-tabview-header-action {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -35,23 +36,23 @@ const styles = `
|
||||||
position: relative;
|
position: relative;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-ink-bar {
|
.p-tabview-ink-bar {
|
||||||
display: none;
|
display: none;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-header-action:focus {
|
.p-tabview-header-action:focus {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-title {
|
.p-tabview-title {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-nav-btn {
|
.p-tabview-nav-btn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
|
|
@ -59,18 +60,19 @@ const styles = `
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-nav-prev {
|
.p-tabview-nav-prev {
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-nav-next {
|
.p-tabview-nav-next {
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tabview-nav-content::-webkit-scrollbar {
|
.p-tabview-nav-content::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,20 +3,22 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-tag {
|
@layer primevue {
|
||||||
|
.p-tag {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag-icon,
|
.p-tag-icon,
|
||||||
.p-tag-value,
|
.p-tag-value,
|
||||||
.p-tag-icon.pi {
|
.p-tag-icon.pi {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag.p-tag-rounded {
|
.p-tag.p-tag-rounded {
|
||||||
border-radius: 10rem;
|
border-radius: 10rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,27 +3,29 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-terminal {
|
@layer primevue {
|
||||||
|
.p-terminal {
|
||||||
height: 18rem;
|
height: 18rem;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-terminal-prompt-container {
|
.p-terminal-prompt-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-terminal-input {
|
.p-terminal-input {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-terminal-input::-ms-clear {
|
.p-terminal-input::-ms-clear {
|
||||||
display: none;
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,13 +3,15 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-inputtextarea-resizable {
|
@layer primevue {
|
||||||
|
.p-inputtextarea-resizable {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
resize: none;
|
resize: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-inputtextarea {
|
.p-fluid .p-inputtextarea {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,44 +3,46 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-tieredmenu ul {
|
@layer primevue {
|
||||||
|
.p-tieredmenu ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tieredmenu .p-submenu-list {
|
.p-tieredmenu .p-submenu-list {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tieredmenu .p-menuitem-link {
|
.p-tieredmenu .p-menuitem-link {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tieredmenu .p-menuitem-text {
|
.p-tieredmenu .p-menuitem-text {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tieredmenu .p-menuitem {
|
.p-tieredmenu .p-menuitem {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tieredmenu .p-menuitem-link .p-submenu-icon {
|
.p-tieredmenu .p-menuitem-link .p-submenu-icon {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tieredmenu .p-menuitem-active > .p-submenu-list {
|
.p-tieredmenu .p-menuitem-active > .p-submenu-list {
|
||||||
display: block;
|
display: block;
|
||||||
left: 100%;
|
left: 100%;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,115 +3,117 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-timeline {
|
@layer primevue {
|
||||||
|
.p-timeline {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-left .p-timeline-event-opposite {
|
.p-timeline-left .p-timeline-event-opposite {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-left .p-timeline-event-content {
|
.p-timeline-left .p-timeline-event-content {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-right .p-timeline-event {
|
.p-timeline-right .p-timeline-event {
|
||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-right .p-timeline-event-opposite {
|
.p-timeline-right .p-timeline-event-opposite {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-right .p-timeline-event-content {
|
.p-timeline-right .p-timeline-event-content {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
|
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
|
||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
|
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
|
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
|
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
|
.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-event {
|
.p-timeline-event {
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 70px;
|
min-height: 70px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-event:last-child {
|
.p-timeline-event:last-child {
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-event-opposite {
|
.p-timeline-event-opposite {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-event-content {
|
.p-timeline-event-content {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-event-separator {
|
.p-timeline-event-separator {
|
||||||
flex: 0;
|
flex: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-event-marker {
|
.p-timeline-event-marker {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-self: baseline;
|
align-self: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-event-connector {
|
.p-timeline-event-connector {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-horizontal {
|
.p-timeline-horizontal {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-horizontal .p-timeline-event {
|
.p-timeline-horizontal .p-timeline-event {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-horizontal .p-timeline-event:last-child {
|
.p-timeline-horizontal .p-timeline-event:last-child {
|
||||||
flex: 0;
|
flex: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-horizontal .p-timeline-event-separator {
|
.p-timeline-horizontal .p-timeline-event-separator {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-horizontal .p-timeline-event-connector {
|
.p-timeline-horizontal .p-timeline-event-connector {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-bottom .p-timeline-event {
|
.p-timeline-bottom .p-timeline-event {
|
||||||
flex-direction: column-reverse;
|
flex-direction: column-reverse;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
|
.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
|
||||||
flex-direction: column-reverse;
|
flex-direction: column-reverse;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,77 +3,79 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-toast {
|
@layer primevue {
|
||||||
|
.p-toast {
|
||||||
width: 25rem;
|
width: 25rem;
|
||||||
white-space: pre-line;
|
white-space: pre-line;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toast-message-icon {
|
.p-toast-message-icon {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toast-message-content {
|
.p-toast-message-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toast-message-text {
|
.p-toast-message-text {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toast-top-center {
|
.p-toast-top-center {
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toast-bottom-center {
|
.p-toast-bottom-center {
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toast-center {
|
.p-toast-center {
|
||||||
min-width: 20vw;
|
min-width: 20vw;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toast-icon-close {
|
.p-toast-icon-close {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toast-icon-close.p-link {
|
.p-toast-icon-close.p-link {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Animations */
|
/* Animations */
|
||||||
.p-toast-message-enter-from {
|
.p-toast-message-enter-from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
-webkit-transform: translateY(50%);
|
-webkit-transform: translateY(50%);
|
||||||
-ms-transform: translateY(50%);
|
-ms-transform: translateY(50%);
|
||||||
transform: translateY(50%);
|
transform: translateY(50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toast-message-leave-from {
|
.p-toast-message-leave-from {
|
||||||
max-height: 1000px;
|
max-height: 1000px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toast .p-toast-message.p-toast-message-leave-to {
|
.p-toast .p-toast-message.p-toast-message-leave-to {
|
||||||
max-height: 0;
|
max-height: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toast-message-enter-active {
|
.p-toast-message-enter-active {
|
||||||
-webkit-transition: transform 0.3s, opacity 0.3s;
|
-webkit-transition: transform 0.3s, opacity 0.3s;
|
||||||
transition: transform 0.3s, opacity 0.3s;
|
transition: transform 0.3s, opacity 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toast-message-leave-active {
|
.p-toast-message-leave-active {
|
||||||
-webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
|
-webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
|
||||||
transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
|
transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,24 +3,26 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-toolbar {
|
@layer primevue {
|
||||||
|
.p-toolbar {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toolbar-group-start,
|
.p-toolbar-group-start,
|
||||||
.p-toolbar-group-center,
|
.p-toolbar-group-center,
|
||||||
.p-toolbar-group-end {
|
.p-toolbar-group-end {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toolbar-group-left,
|
.p-toolbar-group-left,
|
||||||
.p-toolbar-group-right {
|
.p-toolbar-group-right {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,59 +2,61 @@ import BaseDirective from 'primevue/basedirective';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-tooltip {
|
@layer primevue {
|
||||||
|
.p-tooltip {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
display:none;
|
display:none;
|
||||||
pointer-events:none;
|
pointer-events:none;
|
||||||
padding: .25em .5rem;
|
padding: .25em .5rem;
|
||||||
max-width: 12.5rem;
|
max-width: 12.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tooltip.p-tooltip-right,
|
.p-tooltip.p-tooltip-right,
|
||||||
.p-tooltip.p-tooltip-left {
|
.p-tooltip.p-tooltip-left {
|
||||||
padding: 0 .25rem;
|
padding: 0 .25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tooltip.p-tooltip-top,
|
.p-tooltip.p-tooltip-top,
|
||||||
.p-tooltip.p-tooltip-bottom {
|
.p-tooltip.p-tooltip-bottom {
|
||||||
padding:.25em 0;
|
padding:.25em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tooltip .p-tooltip-text {
|
.p-tooltip .p-tooltip-text {
|
||||||
white-space: pre-line;
|
white-space: pre-line;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tooltip-arrow {
|
.p-tooltip-arrow {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tooltip-right .p-tooltip-arrow {
|
.p-tooltip-right .p-tooltip-arrow {
|
||||||
margin-top: -.25rem;
|
margin-top: -.25rem;
|
||||||
border-width: .25em .25em .25em 0;
|
border-width: .25em .25em .25em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tooltip-left .p-tooltip-arrow {
|
.p-tooltip-left .p-tooltip-arrow {
|
||||||
margin-top: -.25rem;
|
margin-top: -.25rem;
|
||||||
border-width: .25em 0 .25em .25rem;
|
border-width: .25em 0 .25em .25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tooltip.p-tooltip-top {
|
.p-tooltip.p-tooltip-top {
|
||||||
padding: .25em 0;
|
padding: .25em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tooltip-top .p-tooltip-arrow {
|
.p-tooltip-top .p-tooltip-arrow {
|
||||||
margin-left: -.25rem;
|
margin-left: -.25rem;
|
||||||
border-width: .25em .25em 0;
|
border-width: .25em .25em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tooltip-bottom .p-tooltip-arrow {
|
.p-tooltip-bottom .p-tooltip-arrow {
|
||||||
margin-left: -.25rem;
|
margin-left: -.25rem;
|
||||||
border-width: 0 .25em .25rem;
|
border-width: 0 .25em .25rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,29 +3,30 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-tree-container {
|
@layer primevue {
|
||||||
|
.p-tree-container {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treenode-children {
|
.p-treenode-children {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tree-wrapper {
|
.p-tree-wrapper {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treenode-selectable {
|
.p-treenode-selectable {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tree-toggler {
|
.p-tree-toggler {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
|
|
@ -34,55 +35,56 @@ const styles = `
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treenode-leaf > .p-treenode-content .p-tree-toggler {
|
.p-treenode-leaf > .p-treenode-content .p-tree-toggler {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treenode-content {
|
.p-treenode-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tree-filter {
|
.p-tree-filter {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tree-filter-container {
|
.p-tree-filter-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tree-filter-icon {
|
.p-tree-filter-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
margin-top: -0.5rem;
|
margin-top: -0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tree-loading {
|
.p-tree-loading {
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 4rem;
|
min-height: 4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tree .p-tree-loading-overlay {
|
.p-tree .p-tree-loading-overlay {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tree-flex-scrollable {
|
.p-tree-flex-scrollable {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tree-flex-scrollable .p-tree-wrapper {
|
.p-tree-flex-scrollable .p-tree-wrapper {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,55 +3,57 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-treeselect {
|
@layer primevue {
|
||||||
|
.p-treeselect {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treeselect-trigger {
|
.p-treeselect-trigger {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treeselect-label-container {
|
.p-treeselect-label-container {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treeselect-label {
|
.p-treeselect-label {
|
||||||
display: block;
|
display: block;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treeselect-label-empty {
|
.p-treeselect-label-empty {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treeselect-token {
|
.p-treeselect-token {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treeselect .p-treeselect-panel {
|
.p-treeselect .p-treeselect-panel {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treeselect-items-wrapper {
|
.p-treeselect-items-wrapper {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-treeselect {
|
.p-fluid .p-treeselect {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,35 +3,36 @@ import BaseComponent from 'primevue/basecomponent';
|
||||||
import { useStyle } from 'primevue/usestyle';
|
import { useStyle } from 'primevue/usestyle';
|
||||||
|
|
||||||
const styles = `
|
const styles = `
|
||||||
.p-treetable {
|
@layer primevue {
|
||||||
|
.p-treetable {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable table {
|
.p-treetable table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable .p-sortable-column {
|
.p-treetable .p-sortable-column {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-responsive-scroll > .p-treetable-wrapper {
|
.p-treetable-responsive-scroll > .p-treetable-wrapper {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-responsive-scroll > .p-treetable-wrapper > table,
|
.p-treetable-responsive-scroll > .p-treetable-wrapper > table,
|
||||||
.p-treetable-auto-layout > .p-treetable-wrapper > table {
|
.p-treetable-auto-layout > .p-treetable-wrapper > table {
|
||||||
table-layout: auto;
|
table-layout: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-hoverable-rows .p-treetable-tbody > tr {
|
.p-treetable-hoverable-rows .p-treetable-tbody > tr {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-toggler {
|
.p-treetable-toggler {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
|
|
@ -40,37 +41,37 @@ const styles = `
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-toggler + .p-checkbox {
|
.p-treetable-toggler + .p-checkbox {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-toggler + .p-checkbox + span {
|
.p-treetable-toggler + .p-checkbox + span {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Resizable */
|
/* Resizable */
|
||||||
.p-treetable-resizable > .p-treetable-wrapper {
|
.p-treetable-resizable > .p-treetable-wrapper {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-resizable .p-treetable-thead > tr > th,
|
.p-treetable-resizable .p-treetable-thead > tr > th,
|
||||||
.p-treetable-resizable .p-treetable-tfoot > tr > td,
|
.p-treetable-resizable .p-treetable-tfoot > tr > td,
|
||||||
.p-treetable-resizable .p-treetable-tbody > tr > td {
|
.p-treetable-resizable .p-treetable-tbody > tr > td {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
|
.p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
|
.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable .p-column-resizer {
|
.p-treetable .p-column-resizer {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
@ -81,95 +82,96 @@ const styles = `
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
cursor: col-resize;
|
cursor: col-resize;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable .p-column-resizer-helper {
|
.p-treetable .p-column-resizer-helper {
|
||||||
width: 1px;
|
width: 1px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable .p-treetable-loading-overlay {
|
.p-treetable .p-treetable-loading-overlay {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Scrollable */
|
/* Scrollable */
|
||||||
.p-treetable-scrollable .p-treetable-wrapper {
|
.p-treetable-scrollable .p-treetable-wrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-scrollable .p-treetable-table {
|
.p-treetable-scrollable .p-treetable-table {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-scrollable .p-treetable-thead,
|
.p-treetable-scrollable .p-treetable-thead,
|
||||||
.p-treetable-scrollable .p-treetable-tbody,
|
.p-treetable-scrollable .p-treetable-tbody,
|
||||||
.p-treetable-scrollable .p-treetable-tfoot {
|
.p-treetable-scrollable .p-treetable-tfoot {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-scrollable .p-treetable-thead > tr,
|
.p-treetable-scrollable .p-treetable-thead > tr,
|
||||||
.p-treetable-scrollable .p-treetable-tbody > tr,
|
.p-treetable-scrollable .p-treetable-tbody > tr,
|
||||||
.p-treetable-scrollable .p-treetable-tfoot > tr {
|
.p-treetable-scrollable .p-treetable-tfoot > tr {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-scrollable .p-treetable-thead > tr > th,
|
.p-treetable-scrollable .p-treetable-thead > tr > th,
|
||||||
.p-treetable-scrollable .p-treetable-tbody > tr > td,
|
.p-treetable-scrollable .p-treetable-tbody > tr > td,
|
||||||
.p-treetable-scrollable .p-treetable-tfoot > tr > td {
|
.p-treetable-scrollable .p-treetable-tfoot > tr > td {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1 1 0;
|
flex: 1 1 0;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-scrollable .p-treetable-thead {
|
.p-treetable-scrollable .p-treetable-thead {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-scrollable .p-treetable-tfoot {
|
.p-treetable-scrollable .p-treetable-tfoot {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-scrollable .p-frozen-column {
|
.p-treetable-scrollable .p-frozen-column {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-scrollable th.p-frozen-column {
|
.p-treetable-scrollable th.p-frozen-column {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-scrollable-both .p-treetable-thead > tr > th,
|
.p-treetable-scrollable-both .p-treetable-thead > tr > th,
|
||||||
.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
|
.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
|
||||||
.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
|
.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
|
||||||
.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
|
.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
|
||||||
.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
|
.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-flex-scrollable {
|
.p-treetable-flex-scrollable {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-treetable-flex-scrollable .p-treetable-wrapper {
|
.p-treetable-flex-scrollable .p-treetable-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue