Phase 1 of new Table filtering - Implement Filter Row mode
Cagatay Civici
parent
766606b35f
commit
716ff58bde
File diff suppressed because it is too large
Load Diff
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(100, 181, 246, 0.16);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #93cbf9;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #93cbf9;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #1e1e1e;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 1px solid #383838;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(100, 181, 246, 0.16);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 1px #93cbf9;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #383838;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.5rem 1rem;
|
||||
border-bottom: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #1e1e1e;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid #383838;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #1e1e1e;
|
||||
border: 1px solid #383838;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(129, 199, 132, 0.16);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #a7d8a9;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #a7d8a9;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #1e1e1e;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 1px solid #383838;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(129, 199, 132, 0.16);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 1px #a7d8a9;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #383838;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.5rem 1rem;
|
||||
border-bottom: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #1e1e1e;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid #383838;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #1e1e1e;
|
||||
border: 1px solid #383838;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(255, 213, 79, 0.16);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #ffe284;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #ffe284;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #1e1e1e;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 1px solid #383838;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 213, 79, 0.16);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 1px #ffe284;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #383838;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.5rem 1rem;
|
||||
border-bottom: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #1e1e1e;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid #383838;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #1e1e1e;
|
||||
border: 1px solid #383838;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(186, 104, 200, 0.16);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #cf95d9;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #cf95d9;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #1e1e1e;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 1px solid #383838;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(186, 104, 200, 0.16);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 1px #cf95d9;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #383838;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.5rem 1rem;
|
||||
border-bottom: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #1e1e1e;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid #383838;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #1e1e1e;
|
||||
border: 1px solid #383838;
|
||||
|
|
|
|||
|
|
@ -2123,6 +2123,126 @@
|
|||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: color 0.15s, box-shadow 0.15s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: transparent;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #8dd0ff;
|
||||
color: #151515;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #e3f3fe;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: color 0.15s, box-shadow 0.15s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #e3f3fe;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #2a323d;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 1px solid #3f4b5b;
|
||||
border-radius: 4px;
|
||||
box-shadow: none;
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1.5rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: box-shadow 0.15s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #151515;
|
||||
background: #8dd0ff;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.15rem #e3f3fe;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #3f4b5b;
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.75rem 1.5rem;
|
||||
border-bottom: 1px solid #3f4b5b;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #2a323d;
|
||||
margin: 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1.25rem;
|
||||
border-bottom: 1px solid #3f4b5b;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1.25rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #2a323d;
|
||||
border: 1px solid #3f4b5b;
|
||||
|
|
|
|||
|
|
@ -2123,6 +2123,126 @@
|
|||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: color 0.15s, box-shadow 0.15s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: transparent;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #c298d8;
|
||||
color: #151515;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #f0e6f5;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: color 0.15s, box-shadow 0.15s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #f0e6f5;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #2a323d;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 1px solid #3f4b5b;
|
||||
border-radius: 4px;
|
||||
box-shadow: none;
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1.5rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: box-shadow 0.15s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #151515;
|
||||
background: #c298d8;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.15rem #f0e6f5;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #3f4b5b;
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.75rem 1.5rem;
|
||||
border-bottom: 1px solid #3f4b5b;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #2a323d;
|
||||
margin: 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1.25rem;
|
||||
border-bottom: 1px solid #3f4b5b;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1.25rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #2a323d;
|
||||
border: 1px solid #3f4b5b;
|
||||
|
|
|
|||
|
|
@ -2123,6 +2123,126 @@
|
|||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #6c757d;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: box-shadow 0.15s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #495057;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: transparent;
|
||||
color: #495057;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #007bff;
|
||||
color: #ffffff;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #6c757d;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: box-shadow 0.15s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #495057;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: #212529;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-radius: 4px;
|
||||
box-shadow: none;
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1.5rem;
|
||||
border: 0 none;
|
||||
color: #212529;
|
||||
background: transparent;
|
||||
transition: box-shadow 0.15s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #ffffff;
|
||||
background: #007bff;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #212529;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #dee2e6;
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.75rem 1.5rem;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
color: #212529;
|
||||
background: #efefef;
|
||||
margin: 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1.25rem;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1.25rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #efefef;
|
||||
border: 1px solid #dee2e6;
|
||||
|
|
|
|||
|
|
@ -2123,6 +2123,126 @@
|
|||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #6c757d;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: box-shadow 0.15s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #495057;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: transparent;
|
||||
color: #495057;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #883cae;
|
||||
color: #ffffff;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #6c757d;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: box-shadow 0.15s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #495057;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: #212529;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-radius: 4px;
|
||||
box-shadow: none;
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1.5rem;
|
||||
border: 0 none;
|
||||
color: #212529;
|
||||
background: transparent;
|
||||
transition: box-shadow 0.15s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #ffffff;
|
||||
background: #883cae;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #212529;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #dee2e6;
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.75rem 1.5rem;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
color: #212529;
|
||||
background: #efefef;
|
||||
margin: 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1.25rem;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1.25rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #efefef;
|
||||
border: 1px solid #dee2e6;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 2px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #605e5c;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 2px;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #605e5c;
|
||||
border-color: transparent;
|
||||
background: #f3f2f1;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: #f3f2f1;
|
||||
color: #605e5c;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #edebe9;
|
||||
color: #323130;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 1px #605e5c;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #605e5c;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 2px;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #605e5c;
|
||||
border-color: transparent;
|
||||
background: #f3f2f1;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 1px #605e5c;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: #323130;
|
||||
border: 0 none;
|
||||
border-radius: 2px;
|
||||
box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.75rem 0.5rem;
|
||||
border: 1px solid transparent;
|
||||
color: #323130;
|
||||
background: transparent;
|
||||
transition: box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #323130;
|
||||
background: #edebe9;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #323130;
|
||||
background: #f3f2f1;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 1px #605e5c;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #edebe9;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.75rem 0.5rem;
|
||||
border-bottom: 1px solid #edebe9;
|
||||
color: #323130;
|
||||
background: #ffffff;
|
||||
margin: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-top-left-radius: 2px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid #edebe9;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #faf9f8;
|
||||
border: 1px solid #a19f9d;
|
||||
|
|
|
|||
|
|
@ -2123,6 +2123,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #8888;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #dedede;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: transparent;
|
||||
color: #dedede;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #FFE082;
|
||||
color: #212529;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.1rem white;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #8888;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #dedede;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.1rem white;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #323232;
|
||||
color: #dedede;
|
||||
border: 1px solid #191919;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.429rem 0.857rem;
|
||||
border: 0 none;
|
||||
color: #dedede;
|
||||
background: transparent;
|
||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #212529;
|
||||
background: #FFE082;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #dedede;
|
||||
background: #4c4c4c;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.2rem white;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #4b4b4b;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.429rem 0.857rem;
|
||||
border-bottom: 1px solid #191919;
|
||||
color: #dedede;
|
||||
background: #252525;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 0.571rem 1rem;
|
||||
border-bottom: 1px solid #4b4b4b;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #191919;
|
||||
border: 1px solid #191919;
|
||||
|
|
|
|||
|
|
@ -2123,6 +2123,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #8888;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #dedede;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: transparent;
|
||||
color: #dedede;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #81D4FA;
|
||||
color: #212529;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.1rem white;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #8888;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #dedede;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.1rem white;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #323232;
|
||||
color: #dedede;
|
||||
border: 1px solid #191919;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.429rem 0.857rem;
|
||||
border: 0 none;
|
||||
color: #dedede;
|
||||
background: transparent;
|
||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #212529;
|
||||
background: #81D4FA;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #dedede;
|
||||
background: #4c4c4c;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.2rem white;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #4b4b4b;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.429rem 0.857rem;
|
||||
border-bottom: 1px solid #191919;
|
||||
color: #dedede;
|
||||
background: #252525;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 0.571rem 1rem;
|
||||
border-bottom: 1px solid #4b4b4b;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #191919;
|
||||
border: 1px solid #191919;
|
||||
|
|
|
|||
|
|
@ -2123,6 +2123,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #8888;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #dedede;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: transparent;
|
||||
color: #dedede;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #C5E1A5;
|
||||
color: #212529;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.1rem white;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #8888;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #dedede;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.1rem white;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #323232;
|
||||
color: #dedede;
|
||||
border: 1px solid #191919;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.429rem 0.857rem;
|
||||
border: 0 none;
|
||||
color: #dedede;
|
||||
background: transparent;
|
||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #212529;
|
||||
background: #C5E1A5;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #dedede;
|
||||
background: #4c4c4c;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.2rem white;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #4b4b4b;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.429rem 0.857rem;
|
||||
border-bottom: 1px solid #191919;
|
||||
color: #dedede;
|
||||
background: #252525;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 0.571rem 1rem;
|
||||
border-bottom: 1px solid #4b4b4b;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #191919;
|
||||
border: 1px solid #191919;
|
||||
|
|
|
|||
|
|
@ -2123,6 +2123,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #8888;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #dedede;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: transparent;
|
||||
color: #dedede;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #F48FB1;
|
||||
color: #212529;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.1rem white;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #8888;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #dedede;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.1rem white;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #323232;
|
||||
color: #dedede;
|
||||
border: 1px solid #191919;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.429rem 0.857rem;
|
||||
border: 0 none;
|
||||
color: #dedede;
|
||||
background: transparent;
|
||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #212529;
|
||||
background: #F48FB1;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #dedede;
|
||||
background: #4c4c4c;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.2rem white;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #4b4b4b;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.429rem 0.857rem;
|
||||
border-bottom: 1px solid #191919;
|
||||
color: #dedede;
|
||||
background: #252525;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 0.571rem 1rem;
|
||||
border-bottom: 1px solid #4b4b4b;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #191919;
|
||||
border: 1px solid #191919;
|
||||
|
|
|
|||
|
|
@ -2135,6 +2135,126 @@
|
|||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #2b2b2b;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 0 none;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 1rem 1rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #CE93D8;
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.12);
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #2b2b2b;
|
||||
margin: 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 1rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #1e1e1e;
|
||||
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||
|
|
|
|||
|
|
@ -2135,6 +2135,126 @@
|
|||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(159, 168, 218, 0.16);
|
||||
color: #9FA8DA;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #2b2b2b;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 0 none;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 1rem 1rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #9FA8DA;
|
||||
background: rgba(159, 168, 218, 0.16);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.12);
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #2b2b2b;
|
||||
margin: 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 1rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #1e1e1e;
|
||||
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||
|
|
|
|||
|
|
@ -2135,6 +2135,126 @@
|
|||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(103, 58, 183, 0.12);
|
||||
color: #673AB7;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
border: 0 none;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 1rem 1rem;
|
||||
border: 0 none;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background: transparent;
|
||||
transition: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #673AB7;
|
||||
background: rgba(103, 58, 183, 0.12);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background: #ffffff;
|
||||
margin: 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 1rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #ffffff;
|
||||
border: 1px solid #e0e0e0;
|
||||
|
|
|
|||
|
|
@ -2135,6 +2135,126 @@
|
|||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(63, 81, 181, 0.12);
|
||||
color: #3F51B5;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
border: 0 none;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 1rem 1rem;
|
||||
border: 0 none;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background: transparent;
|
||||
transition: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #3F51B5;
|
||||
background: rgba(63, 81, 181, 0.12);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background: #ffffff;
|
||||
margin: 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 1rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #ffffff;
|
||||
border: 1px solid #e0e0e0;
|
||||
|
|
|
|||
|
|
@ -2135,6 +2135,126 @@
|
|||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(103, 58, 183, 0.16);
|
||||
color: #673AB7;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #2b2b2b;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 0 none;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.75rem 0.75rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #673AB7;
|
||||
background: rgba(103, 58, 183, 0.16);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.12);
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.75rem;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #2b2b2b;
|
||||
margin: 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 0.75rem;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.75rem 0.75rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #1e1e1e;
|
||||
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||
|
|
|
|||
|
|
@ -2135,6 +2135,126 @@
|
|||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(63, 81, 181, 0.16);
|
||||
color: #3F51B5;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #2b2b2b;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 0 none;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.75rem 0.75rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #3F51B5;
|
||||
background: rgba(63, 81, 181, 0.16);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.12);
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.75rem;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #2b2b2b;
|
||||
margin: 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 0.75rem;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.75rem 0.75rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #1e1e1e;
|
||||
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||
|
|
|
|||
|
|
@ -2135,6 +2135,126 @@
|
|||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(103, 58, 183, 0.12);
|
||||
color: #673AB7;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
border: 0 none;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.75rem 0.75rem;
|
||||
border: 0 none;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background: transparent;
|
||||
transition: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #673AB7;
|
||||
background: rgba(103, 58, 183, 0.12);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.75rem;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background: #ffffff;
|
||||
margin: 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 0.75rem;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.75rem 0.75rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #ffffff;
|
||||
border: 1px solid #e0e0e0;
|
||||
|
|
|
|||
|
|
@ -2135,6 +2135,126 @@
|
|||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(63, 81, 181, 0.12);
|
||||
color: #3F51B5;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border-color: transparent;
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
border: 0 none;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.75rem 0.75rem;
|
||||
border: 0 none;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background: transparent;
|
||||
transition: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #3F51B5;
|
||||
background: rgba(63, 81, 181, 0.12);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.75rem;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background: #ffffff;
|
||||
margin: 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 0.75rem;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.75rem 0.75rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #ffffff;
|
||||
border: 1px solid #e0e0e0;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #a6a6a6;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: transparent;
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #e02365;
|
||||
color: #ffffff;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #a6a6a6;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: #333333;
|
||||
border: 1px solid #c8c8c8;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.429rem 0.857rem;
|
||||
border: 0 none;
|
||||
color: #333333;
|
||||
background: transparent;
|
||||
transition: background-color 0.2s, box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #ffffff;
|
||||
background: #e02365;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #333333;
|
||||
background: #eaeaea;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #d8dae2;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.429rem 0.857rem;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
color: #333333;
|
||||
background: #ffffff;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 0.571rem 1rem;
|
||||
border-bottom: 1px solid #d8dae2;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #007ad9;
|
||||
border: 1px solid #007ad9;
|
||||
|
|
|
|||
|
|
@ -2123,6 +2123,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #a6a6a6;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: transparent;
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #007ad9;
|
||||
color: #ffffff;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #a6a6a6;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: #333333;
|
||||
border: 1px solid #c8c8c8;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.429rem 0.857rem;
|
||||
border: 0 none;
|
||||
color: #333333;
|
||||
background: transparent;
|
||||
transition: background-color 0.2s, box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #ffffff;
|
||||
background: #007ad9;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #333333;
|
||||
background: #eaeaea;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #d8dae2;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.429rem 0.857rem;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
color: #333333;
|
||||
background: #ffffff;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 0.571rem 1rem;
|
||||
border-bottom: 1px solid #d8dae2;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #333333;
|
||||
border: 1px solid #333333;
|
||||
|
|
|
|||
|
|
@ -2123,6 +2123,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #a6a6a6;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #41b883;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: transparent;
|
||||
color: #41b883;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #41b883;
|
||||
color: #ffffff;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #c2e9d8;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #a6a6a6;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #41b883;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #c2e9d8;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: #333333;
|
||||
border: 1px solid #c8c8c8;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.429rem 0.857rem;
|
||||
border: 0 none;
|
||||
color: #333333;
|
||||
background: transparent;
|
||||
transition: background-color 0.2s, box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #ffffff;
|
||||
background: #41b883;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #333333;
|
||||
background: #eaeaea;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.2rem #c2e9d8;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #d8dae2;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.429rem 0.857rem;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
color: #333333;
|
||||
background: #ffffff;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 0.571rem 1rem;
|
||||
border-bottom: 1px solid #d8dae2;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #f4f4f4;
|
||||
border: 1px solid #c8c8c8;
|
||||
|
|
|
|||
|
|
@ -2123,6 +2123,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #a6a6a6;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: transparent;
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #007ad9;
|
||||
color: #ffffff;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #a6a6a6;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: #333333;
|
||||
border: 1px solid #c8c8c8;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.429rem 0.857rem;
|
||||
border: 0 none;
|
||||
color: #333333;
|
||||
background: transparent;
|
||||
transition: background-color 0.2s, box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #ffffff;
|
||||
background: #007ad9;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #333333;
|
||||
background: #eaeaea;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #d8dae2;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.429rem 0.857rem;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
color: #333333;
|
||||
background: #ffffff;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 0.571rem 1rem;
|
||||
border-bottom: 1px solid #d8dae2;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #f4f4f4;
|
||||
border: 1px solid #c8c8c8;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 2px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #a6a6a6;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #666666;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: transparent;
|
||||
color: #666666;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #AFD3C8;
|
||||
color: #385048;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #e4e9ec;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #a6a6a6;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #666666;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #e4e9ec;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: #666666;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.429rem 0.857rem;
|
||||
border: 0 none;
|
||||
color: #666666;
|
||||
background: transparent;
|
||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #385048;
|
||||
background: #AFD3C8;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #666666;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.2rem #e4e9ec;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #dadada;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.429rem 0.857rem;
|
||||
border-bottom: 1px solid #dadada;
|
||||
color: #666666;
|
||||
background: #ffffff;
|
||||
margin: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-top-left-radius: 2px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 0.571rem 1rem;
|
||||
border-bottom: 1px solid #dadada;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 0.571rem 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #7B95A3;
|
||||
border: 1px solid #7B95A3;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #6c757d;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #495057;
|
||||
border-color: transparent;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: #e9ecef;
|
||||
color: #495057;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #E3F2FD;
|
||||
color: #495057;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #a6d5fa;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #6c757d;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #495057;
|
||||
border-color: transparent;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #a6d5fa;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: #495057;
|
||||
border: 0 none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0 none;
|
||||
color: #495057;
|
||||
background: transparent;
|
||||
transition: box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #495057;
|
||||
background: #E3F2FD;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #495057;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.15rem #a6d5fa;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #dee2e6;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.5rem 1rem;
|
||||
border-bottom: 0 none;
|
||||
color: #495057;
|
||||
background: #f8f9fa;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #f8f9fa;
|
||||
border: 1px solid #dee2e6;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #6c757d;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #495057;
|
||||
border-color: transparent;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: #e9ecef;
|
||||
color: #495057;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #E8F5E9;
|
||||
color: #495057;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #b7e0b8;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #6c757d;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #495057;
|
||||
border-color: transparent;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #b7e0b8;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: #495057;
|
||||
border: 0 none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0 none;
|
||||
color: #495057;
|
||||
background: transparent;
|
||||
transition: box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #495057;
|
||||
background: #E8F5E9;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #495057;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.15rem #b7e0b8;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #dee2e6;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.5rem 1rem;
|
||||
border-bottom: 0 none;
|
||||
color: #495057;
|
||||
background: #f8f9fa;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #f8f9fa;
|
||||
border: 1px solid #dee2e6;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #6c757d;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #495057;
|
||||
border-color: transparent;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: #e9ecef;
|
||||
color: #495057;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #FFF3E0;
|
||||
color: #495057;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #ffe69c;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #6c757d;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #495057;
|
||||
border-color: transparent;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #ffe69c;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: #495057;
|
||||
border: 0 none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0 none;
|
||||
color: #495057;
|
||||
background: transparent;
|
||||
transition: box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #495057;
|
||||
background: #FFF3E0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #495057;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.15rem #ffe69c;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #dee2e6;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.5rem 1rem;
|
||||
border-bottom: 0 none;
|
||||
color: #495057;
|
||||
background: #f8f9fa;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #f8f9fa;
|
||||
border: 1px solid #dee2e6;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #6c757d;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: #495057;
|
||||
border-color: transparent;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: #e9ecef;
|
||||
color: #495057;
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: #F3E5F5;
|
||||
color: #495057;
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #df9eea;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #6c757d;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: #495057;
|
||||
border-color: transparent;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem #df9eea;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #ffffff;
|
||||
color: #495057;
|
||||
border: 0 none;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0 none;
|
||||
color: #495057;
|
||||
background: transparent;
|
||||
transition: box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: #495057;
|
||||
background: #F3E5F5;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: #495057;
|
||||
background: #e9ecef;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 0.15rem #df9eea;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #dee2e6;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.5rem 1rem;
|
||||
border-bottom: 0 none;
|
||||
color: #495057;
|
||||
background: #f8f9fa;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #f8f9fa;
|
||||
border: 1px solid #dee2e6;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(100, 181, 246, 0.16);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #93cbf9;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #93cbf9;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #1f2d40;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 1px solid #304562;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(100, 181, 246, 0.16);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 1px #93cbf9;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #304562;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.5rem 1rem;
|
||||
border-bottom: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #1f2d40;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid #304562;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #1f2d40;
|
||||
border: 1px solid #304562;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(129, 199, 132, 0.16);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #a7d8a9;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #a7d8a9;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #1f2d40;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 1px solid #304562;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(129, 199, 132, 0.16);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 1px #a7d8a9;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #304562;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.5rem 1rem;
|
||||
border-bottom: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #1f2d40;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid #304562;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #1f2d40;
|
||||
border: 1px solid #304562;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(255, 213, 79, 0.16);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #ffe284;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #ffe284;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #1f2d40;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 1px solid #304562;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 213, 79, 0.16);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 1px #ffe284;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #304562;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.5rem 1rem;
|
||||
border-bottom: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #1f2d40;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid #304562;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #1f2d40;
|
||||
border: 1px solid #304562;
|
||||
|
|
|
|||
|
|
@ -2111,6 +2111,126 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.p-column-filter-row .p-column-filter-menu-button,
|
||||
.p-column-filter-row .p-column-filter-clear-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-menu-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
|
||||
background: rgba(186, 104, 200, 0.16);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.p-column-filter-menu-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #cf95d9;
|
||||
}
|
||||
|
||||
.p-column-filter-clear-button {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
.p-column-filter-clear-button:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-clear-button:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 1px #cf95d9;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
background: #1f2d40;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border: 1px solid #304562;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
min-width: 12.5rem;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
|
||||
margin: 0;
|
||||
padding: 0.5rem 1rem;
|
||||
border: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: transparent;
|
||||
transition: box-shadow 0.2s;
|
||||
border-radius: 0;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(186, 104, 200, 0.16);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: inset 0 0 0 1px #cf95d9;
|
||||
}
|
||||
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
||||
border-top: 1px solid #304562;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay-menu .p-column-filter-operator {
|
||||
padding: 0.5rem 1rem;
|
||||
border-bottom: 0 none;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: #1f2d40;
|
||||
margin: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid #304562;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-add-rule {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-harness th {
|
||||
background: #1f2d40;
|
||||
border: 1px solid #304562;
|
||||
|
|
|
|||
|
|
@ -102,6 +102,10 @@ function addUtils() {
|
|||
addEntry('utils', 'Utils.js', 'utils');
|
||||
}
|
||||
|
||||
function addApi() {
|
||||
addEntry('api', 'Api.js', 'api');
|
||||
}
|
||||
|
||||
function addServices() {
|
||||
addEntry('confirmationservice', 'ConfirmationService.js', 'confirmationservice');
|
||||
addEntry('confirmationeventbus', 'ConfirmationEventBus.js', 'confirmationeventbus');
|
||||
|
|
@ -116,6 +120,7 @@ addSFC();
|
|||
addDirectives();
|
||||
addConfig();
|
||||
addUtils();
|
||||
addApi();
|
||||
addServices();
|
||||
|
||||
export default entries;
|
||||
|
|
@ -90,6 +90,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
.true-icon {
|
||||
color: #256029;
|
||||
}
|
||||
|
||||
.false-icon {
|
||||
color: #C63737;
|
||||
}
|
||||
|
||||
.image-text {
|
||||
vertical-align: middle;
|
||||
margin-left: .5rem;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
import FilterMatchMode from './FilterMatchMode';
|
||||
|
||||
export {FilterMatchMode};
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
const FilterMatchMode = {
|
||||
STARTS_WITH : 'startsWith',
|
||||
CONTAINS : 'contains',
|
||||
NOT_CONTAINS : 'notContains',
|
||||
ENDS_WITH : 'endsWith',
|
||||
EQUALS : 'equals',
|
||||
NOT_EQUALS : 'notEquals',
|
||||
IN : 'in',
|
||||
LESS_THAN : 'lt',
|
||||
LESS_THAN_OR_EQUAL_TO : 'lte',
|
||||
GREATER_THAN : 'gt',
|
||||
GREATER_THAN_OR_EQUAL_TO : 'gte',
|
||||
BETWEEN : 'between',
|
||||
IS : 'is',
|
||||
IS_NOT : 'isNot',
|
||||
BEFORE : 'before',
|
||||
AFTER : 'after'
|
||||
}
|
||||
|
||||
export default FilterMatchMode;
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
const FilterOperator = {
|
||||
AND: 'and',
|
||||
OR: 'or'
|
||||
}
|
||||
|
||||
export default FilterOperator;
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"main": "./api.cjs.js",
|
||||
"module": "./api.esm.js",
|
||||
"unpkg": "./api.min.js"
|
||||
}
|
||||
|
|
@ -16,7 +16,6 @@ declare class Column extends Vue {
|
|||
footerClass?: string;
|
||||
filterHeaderStyle?: object;
|
||||
filterHeaderClass?: string;
|
||||
filterMatchMode?: string;
|
||||
filterFunction?: Function;
|
||||
excludeGlobalFilter?: boolean;
|
||||
selectionMode?: string;
|
||||
|
|
|
|||
|
|
@ -18,6 +18,10 @@ export default {
|
|||
type: String,
|
||||
default: null
|
||||
},
|
||||
dataType: {
|
||||
type: String,
|
||||
default: 'text'
|
||||
},
|
||||
sortable: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
|
|
@ -54,17 +58,41 @@ export default {
|
|||
type: String,
|
||||
default: null
|
||||
},
|
||||
filterHeaderClass: {
|
||||
showFilterMenu: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
filterOperator: {
|
||||
type: String,
|
||||
default: 'and'
|
||||
},
|
||||
showFilterOperator: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showClearButton: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showApplyButton: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showFilterMatchModes: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showAddButton: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
filterMatchModeOptions: {
|
||||
type: Array,
|
||||
default: null
|
||||
},
|
||||
filterHeaderStyle: {
|
||||
type: null,
|
||||
default: false
|
||||
},
|
||||
filterMatchMode: {
|
||||
type: String,
|
||||
default: 'startsWith'
|
||||
maxConstraints: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
filterFunction: {
|
||||
type: Function,
|
||||
|
|
@ -74,6 +102,14 @@ export default {
|
|||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
filterHeaderClass: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
filterHeaderStyle: {
|
||||
type: null,
|
||||
default: false
|
||||
},
|
||||
selectionMode: {
|
||||
type: String,
|
||||
default: null
|
||||
|
|
|
|||
|
|
@ -6,6 +6,10 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
.p-hidden-space {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.p-hidden-accessible {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
|
|
|
|||
|
|
@ -1,8 +1,30 @@
|
|||
import {reactive,inject} from 'vue';
|
||||
import {FilterMatchMode} from 'primevue/api';
|
||||
|
||||
const defaultOptions = {
|
||||
ripple: false,
|
||||
locale: {
|
||||
startsWith: 'Starts with',
|
||||
contains: 'Contains',
|
||||
notContains: 'Not contains',
|
||||
endsWith: 'Ends with',
|
||||
equals: 'Equals',
|
||||
notEquals: 'Not equals',
|
||||
noFilter: 'No Filter',
|
||||
lt: 'Less than',
|
||||
lte: 'Less than or equal to',
|
||||
gt: 'Greater than',
|
||||
gte: 'Greater than or equal to',
|
||||
is: 'Is',
|
||||
isNot: 'Is not',
|
||||
before: 'Before',
|
||||
after: 'After',
|
||||
clear: 'Clear',
|
||||
apply: 'Apply',
|
||||
matchAll: 'Match All',
|
||||
matchAny: 'Match Any',
|
||||
addRule: 'Add Rule',
|
||||
removeRule: 'Remove Rule',
|
||||
accept: 'Yes',
|
||||
reject: 'No',
|
||||
choose: 'Choose',
|
||||
|
|
@ -14,7 +36,6 @@ const defaultOptions = {
|
|||
monthNames: ["January","February","March","April","May","June","July","August","September","October","November","December"],
|
||||
monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
||||
today: 'Today',
|
||||
clear: 'Clear',
|
||||
weekHeader: 'Wk',
|
||||
firstDayOfWeek: 0,
|
||||
dateFormat: 'mm/dd/yy',
|
||||
|
|
@ -22,6 +43,30 @@ const defaultOptions = {
|
|||
medium: 'Medium',
|
||||
strong: 'Strong',
|
||||
passwordPrompt: 'Enter a password'
|
||||
},
|
||||
filterMatchModeOptions: {
|
||||
text: [
|
||||
FilterMatchMode.STARTS_WITH,
|
||||
FilterMatchMode.CONTAINS,
|
||||
FilterMatchMode.NOT_CONTAINS,
|
||||
FilterMatchMode.ENDS_WITH,
|
||||
FilterMatchMode.EQUALS,
|
||||
FilterMatchMode.NOT_EQUALS
|
||||
],
|
||||
numeric: [
|
||||
FilterMatchMode.EQUALS,
|
||||
FilterMatchMode.NOT_EQUALS,
|
||||
FilterMatchMode.LESS_THAN,
|
||||
FilterMatchMode.LESS_THAN_OR_EQUAL_TO,
|
||||
FilterMatchMode.GREATER_THAN,
|
||||
FilterMatchMode.GREATER_THAN_OR_EQUAL_TO
|
||||
],
|
||||
date: [
|
||||
FilterMatchMode.IS,
|
||||
FilterMatchMode.IS_NOT,
|
||||
FilterMatchMode.BEFORE,
|
||||
FilterMatchMode.AFTER
|
||||
]
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,341 @@
|
|||
<template>
|
||||
<div :class="containerClass">
|
||||
<component v-if="display === 'row'" :is="filterElement" :field="field" />
|
||||
<button ref="icon" v-if="showMenuButton" type="button" class="p-column-filter-menu-button p-link" aria-haspopup="true" :aria-expanded="overlayVisible"
|
||||
:class="{'p-column-filter-menu-button-open': overlayVisible, 'p-column-filter-menu-button-active': hasFilter()}"
|
||||
@click="toggleMenu()" @keydown="onToggleButtonKeyDown($event)"><span class="pi pi-filter-icon pi-filter"></span></button>
|
||||
<button v-if="showMenuButton && display === 'row'" :class="{'p-hidden-space': !hasRowFilter()}" type="button" class="p-column-filter-clear-button p-link" @click="clearFilter()"><span class="pi pi-filter-slash"></span></button>
|
||||
<transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave">
|
||||
<div :ref="overlayRef" :class="overlayClass" v-if="overlayVisible" @keydown.escape="onEscape">
|
||||
<component :is="filterHeader" :field="field" />
|
||||
<template v-if="display === 'row'">
|
||||
<ul class="p-column-filter-row-items">
|
||||
<li class="p-column-filter-row-item" v-for="(matchMode,i) of matchModes" :key="matchMode.label"
|
||||
@click="onRowMatchModeChange(matchMode.value)" @keydown="onRowMatchModeKeyDown($event)" @keydown.enter.prevent="onRowMatchModeChange(matchMode.value)"
|
||||
:class="{'p-highlight': isRowMatchModeSelected(matchMode.value)}" :tabindex="i === 0 ? '0' : null">{{matchMode.label}}</li>
|
||||
<li class="p-column-filter-separator"></li>
|
||||
<li class="p-column-filter-row-item" @click="onRowClearItemClick()" @keydown="onRowMatchModeKeyDown($event)" @keydown.enter="onRowClearItemClick()">{{noFilterLabel}}</li>
|
||||
</ul>
|
||||
</template>
|
||||
<template>
|
||||
<div>TODO - Phase 2 Menu</div>
|
||||
</template>
|
||||
<component :is="filterFooter" :field="field" />
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {DomHandler,ConnectedOverlayScrollHandler} from 'primevue/utils';
|
||||
|
||||
export default {
|
||||
emits: ['filtermeta-change'],
|
||||
props: {
|
||||
field: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default: 'text'
|
||||
},
|
||||
display: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
showMenu: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
matchMode: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
operator: {
|
||||
type: String,
|
||||
default: 'and'
|
||||
},
|
||||
showOperator: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showClearButton: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showApplyButton: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showMatchModes: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showAddButton: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
matchModeOptions: {
|
||||
type: Array,
|
||||
default: null
|
||||
},
|
||||
maxConstraints: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
filterElement: null,
|
||||
filterHeader: null,
|
||||
filterFooter: null,
|
||||
filters: {
|
||||
type: Object,
|
||||
default: null
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
overlayVisible: false,
|
||||
defaultMatchMode: null
|
||||
}
|
||||
},
|
||||
overlay: null,
|
||||
beforeUnmount() {
|
||||
if (this.overlay) {
|
||||
this.$el.appendChild(this.overlay);
|
||||
this.onOverlayHide();
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
if (this.filters && this.filters[this.field]) {
|
||||
this.defaultMatchMode = this.filters[this.field].matchMode;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
clearFilter() {
|
||||
let _filters = {...this.filters};
|
||||
if (this.display === 'row') {
|
||||
_filters[this.field].value = null;
|
||||
_filters[this.field].matchMode = this.defaultMatchMode;
|
||||
}
|
||||
else {
|
||||
_filters[this.field] = {value: null, matchMode: this.defaultMatchMode, operator: this.operator};
|
||||
}
|
||||
|
||||
this.$emit('filtermeta-change', _filters);
|
||||
},
|
||||
hasFilter() {
|
||||
let fieldFilter = this.filters[this.field];
|
||||
if (fieldFilter) {
|
||||
if (Array.isArray(fieldFilter))
|
||||
return !this.isFilterBlank(fieldFilter[0].value);
|
||||
else
|
||||
return !this.isFilterBlank(fieldFilter.value);
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
hasRowFilter() {
|
||||
return this.filters[this.field] && !this.isFilterBlank(this.filters[this.field].value);
|
||||
},
|
||||
isFilterBlank(filter) {
|
||||
if (filter !== null && filter !== undefined) {
|
||||
if ((typeof filter === 'string' && filter.trim().length == 0) || (filter instanceof Array && filter.length == 0))
|
||||
return true;
|
||||
else
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
},
|
||||
toggleMenu() {
|
||||
this.overlayVisible = !this.overlayVisible;
|
||||
},
|
||||
onToggleButtonKeyDown(event) {
|
||||
switch(event.key) {
|
||||
case 'Escape':
|
||||
case 'Tab':
|
||||
this.overlayVisible = false;
|
||||
break;
|
||||
|
||||
case 'ArrowDown':
|
||||
if (this.overlayVisible) {
|
||||
let focusable = DomHandler.getFocusableElements(this.overlay);
|
||||
if (focusable) {
|
||||
focusable[0].focus();
|
||||
}
|
||||
event.preventDefault();
|
||||
}
|
||||
else if (event.altKey) {
|
||||
this.overlayVisible = true;
|
||||
event.preventDefault();
|
||||
}
|
||||
break;
|
||||
}
|
||||
},
|
||||
onEscape() {
|
||||
this.overlayVisible = false;
|
||||
if (this.$refs.icon) {
|
||||
this.$refs.icon.focus();
|
||||
}
|
||||
},
|
||||
onRowMatchModeChange(matchMode) {
|
||||
let _filters = {...this.filters};
|
||||
_filters[this.field].matchMode = matchMode;
|
||||
this.$emit('filtermeta-change', _filters);
|
||||
this.hide();
|
||||
},
|
||||
onRowMatchModeKeyDown(event) {
|
||||
let item = event.target;
|
||||
|
||||
switch(event.key) {
|
||||
case 'ArrowDown':
|
||||
var nextItem = this.findNextItem(item);
|
||||
if (nextItem) {
|
||||
item.removeAttribute('tabindex');
|
||||
nextItem.tabIndex = '0';
|
||||
nextItem.focus();
|
||||
}
|
||||
|
||||
event.preventDefault();
|
||||
break;
|
||||
|
||||
case 'ArrowUp':
|
||||
var prevItem = this.findPrevItem(item);
|
||||
if (prevItem) {
|
||||
item.removeAttribute('tabindex');
|
||||
prevItem.tabIndex = '0';
|
||||
prevItem.focus();
|
||||
}
|
||||
|
||||
event.preventDefault();
|
||||
break;
|
||||
}
|
||||
},
|
||||
isRowMatchModeSelected(matchMode) {
|
||||
return (this.filters[this.field]).matchMode === matchMode;
|
||||
},
|
||||
findNextItem(item) {
|
||||
let nextItem = item.nextElementSibling;
|
||||
|
||||
if (nextItem)
|
||||
return DomHandler.hasClass(nextItem, 'p-column-filter-separator') ? this.findNextItem(nextItem) : nextItem;
|
||||
else
|
||||
return item.parentElement.firstElementChild;
|
||||
},
|
||||
findPrevItem(item) {
|
||||
let prevItem = item.previousElementSibling;
|
||||
|
||||
if (prevItem)
|
||||
DomHandler.hasClass(prevItem, 'p-column-filter-separator') ? this.findPrevItem(prevItem) : prevItem;
|
||||
else
|
||||
return item.parentElement.lastElementChild;
|
||||
},
|
||||
onRowClearItemClick() {
|
||||
this.clearFilter();
|
||||
this.hide();
|
||||
},
|
||||
hide() {
|
||||
this.overlayVisible = false;
|
||||
},
|
||||
onOverlayEnter() {
|
||||
document.body.appendChild(this.overlay);
|
||||
this.overlay.style.zIndex = String(DomHandler.generateZIndex());
|
||||
DomHandler.absolutePosition(this.overlay, this.$refs.icon);
|
||||
this.bindOutsideClickListener();
|
||||
this.bindScrollListener();
|
||||
this.bindResizeListener();
|
||||
},
|
||||
onOverlayLeave() {
|
||||
this.onOverlayHide();
|
||||
},
|
||||
onOverlayHide() {
|
||||
this.unbindOutsideClickListener();
|
||||
this.unbindResizeListener();
|
||||
this.unbindScrollListener();
|
||||
this.overlay = null;
|
||||
},
|
||||
overlayRef(el) {
|
||||
this.overlay = el;
|
||||
},
|
||||
isOutsideClicked(event) {
|
||||
return !(this.overlay.isSameNode(event.target) || this.overlay.contains(event.target)
|
||||
|| this.$refs.icon.isSameNode(event.target) || this.$refs.icon.contains(event.target)
|
||||
|| DomHandler.hasClass(event.target, 'p-column-filter-add-button') || DomHandler.hasClass(event.target.parentElement, 'p-column-filter-add-button')
|
||||
|| DomHandler.hasClass(event.target, 'p-column-filter-remove-button') || DomHandler.hasClass(event.target.parentElement, 'p-column-filter-remove-button'));
|
||||
},
|
||||
bindOutsideClickListener() {
|
||||
if (!this.outsideClickListener) {
|
||||
this.outsideClickListener = (event) => {
|
||||
if (this.isOutsideClicked(event)) {
|
||||
this.hide();
|
||||
}
|
||||
};
|
||||
document.addEventListener('click', this.outsideClickListener);
|
||||
}
|
||||
},
|
||||
unbindOutsideClickListener() {
|
||||
if (this.outsideClickListener) {
|
||||
document.removeEventListener('click', this.outsideClickListener);
|
||||
this.outsideClickListener = null;
|
||||
}
|
||||
},
|
||||
bindScrollListener() {
|
||||
if (!this.scrollHandler) {
|
||||
this.scrollHandler = new ConnectedOverlayScrollHandler(this.$refs.icon, () => {
|
||||
if (this.overlayVisible) {
|
||||
this.hide();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
this.scrollHandler.bindScrollListener();
|
||||
},
|
||||
unbindScrollListener() {
|
||||
if (this.scrollHandler) {
|
||||
this.scrollHandler.unbindScrollListener();
|
||||
}
|
||||
},
|
||||
bindResizeListener() {
|
||||
if (!this.resizeListener) {
|
||||
this.resizeListener = () => {
|
||||
if (this.overlayVisible) {
|
||||
this.hide();
|
||||
}
|
||||
};
|
||||
window.addEventListener('resize', this.resizeListener);
|
||||
}
|
||||
},
|
||||
unbindResizeListener() {
|
||||
if (this.resizeListener) {
|
||||
window.removeEventListener('resize', this.resizeListener);
|
||||
this.resizeListener = null;
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
containerClass() {
|
||||
return [
|
||||
'p-column-filter', {
|
||||
'p-column-filter-row': this.display === 'row',
|
||||
'p-column-filter-menu': this.display === 'menu'
|
||||
}
|
||||
]
|
||||
},
|
||||
overlayClass() {
|
||||
return {'p-column-filter-overlay p-component p-fluid': true, 'p-column-filter-overlay-menu': this.display === 'menu'};
|
||||
},
|
||||
showMenuButton() {
|
||||
return this.showMenu && (this.display === 'row' ? this.type !== 'boolean': true);
|
||||
},
|
||||
matchModes() {
|
||||
return this.matchModeOptions ||
|
||||
this.$primevue.config.filterMatchModeOptions[this.type].map(key => {
|
||||
return {label: this.$primevue.config.locale[key], value: key}
|
||||
});
|
||||
},
|
||||
noFilterLabel() {
|
||||
return this.$primevue.config.locale.noFilter;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
|
@ -20,8 +20,8 @@
|
|||
<table ref="table" role="grid">
|
||||
<DTTableHeader :columnGroup="headerColumnGroup" :columns="columns" :rowGroupMode="rowGroupMode"
|
||||
:groupRowsBy="groupRowsBy" :resizableColumns="resizableColumns" :allRowsSelected="allRowsSelected" :empty="empty"
|
||||
:sortMode="sortMode" :sortField="d_sortField" :sortOrder="d_sortOrder" :multiSortMeta="d_multiSortMeta"
|
||||
@column-click="onColumnHeaderClick($event)" @column-mousedown="onColumnHeaderMouseDown($event)"
|
||||
:sortMode="sortMode" :sortField="d_sortField" :sortOrder="d_sortOrder" :multiSortMeta="d_multiSortMeta" :filters="filters" :filterDisplay="filterDisplay"
|
||||
@column-click="onColumnHeaderClick($event)" @column-mousedown="onColumnHeaderMouseDown($event)" @filtermeta-change="onFilterMetaChange"
|
||||
@column-dragstart="onColumnHeaderDragStart($event)" @column-dragover="onColumnHeaderDragOver($event)" @column-dragleave="onColumnHeaderDragLeave($event)" @column-drop="onColumnHeaderDrop($event)"
|
||||
@column-resizestart="onColumnResizeStart($event)" @checkbox-change="toggleRowsWithCheckbox($event)" />
|
||||
<DTTableBody :value="dataToRender" :columns="columns" :empty="empty" :dataKey="dataKey" :selection="selection" :selectionKeys="d_selectionKeys" :selectionMode="selectionMode" :contextMenu="contextMenu" :contextMenuSelection="contextMenuSelection"
|
||||
|
|
@ -130,9 +130,8 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import {ObjectUtils} from 'primevue/utils';
|
||||
import {FilterUtils} from 'primevue/utils';
|
||||
import {DomHandler} from 'primevue/utils';
|
||||
import {ObjectUtils,FilterUtils,DomHandler} from 'primevue/utils';
|
||||
import {FilterMatchMode,FilterOperator} from 'primevue/api';
|
||||
import Paginator from 'primevue/paginator';
|
||||
import ScrollableView from './ScrollableView.vue';
|
||||
import TableHeader from './TableHeader.vue';
|
||||
|
|
@ -234,6 +233,14 @@ export default {
|
|||
type: Object,
|
||||
default: null
|
||||
},
|
||||
filterDisplay: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
globalFilterFields: {
|
||||
type: Array,
|
||||
default: null
|
||||
},
|
||||
filterLocale: {
|
||||
type: String,
|
||||
default: undefined
|
||||
|
|
@ -365,6 +372,10 @@ export default {
|
|||
virtualScrollDelay: {
|
||||
type: Number,
|
||||
default: 150
|
||||
},
|
||||
filterLayout: {
|
||||
type: String,
|
||||
default: null
|
||||
}
|
||||
},
|
||||
data() {
|
||||
|
|
@ -589,46 +600,72 @@ export default {
|
|||
this.d_first = 0;
|
||||
this.$emit('update:first', this.d_first);
|
||||
|
||||
if (!data) {
|
||||
return;
|
||||
}
|
||||
|
||||
let globalFilterFieldsArray;
|
||||
if (this.filters['global']) {
|
||||
globalFilterFieldsArray = this.globalFilterFields|| this.columns.map(col => this.columnProp(col, 'filterField') || this.columnProp(col, 'field'));
|
||||
}
|
||||
|
||||
let filteredValue = [];
|
||||
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
let localMatch = true;
|
||||
let globalMatch = false;
|
||||
let localFiltered = false;
|
||||
|
||||
for(let j = 0; j < this.columns.length; j++) {
|
||||
let col = this.columns[j];
|
||||
let columnField = this.columnProp(col, 'filterField') || this.columnProp(col, 'field');
|
||||
for (let prop in this.filters) {
|
||||
if (Object.prototype.hasOwnProperty.call(this.filters, prop) && prop !== 'global') {
|
||||
localFiltered = true;
|
||||
let filterField = prop;
|
||||
let filterMeta = this.filters[filterField];
|
||||
|
||||
//local
|
||||
if (Object.prototype.hasOwnProperty.call(this.filters, columnField)) {
|
||||
let filterValue = this.filters[columnField];
|
||||
let dataFieldValue = ObjectUtils.resolveFieldData(data[i], columnField);
|
||||
let filterConstraint = this.columnProp(col, 'filterMatchMode') === 'custom' ? (col.props && col.props.filterFunction) : FilterUtils[this.columnProp(col, 'filterMatchMode')||'startsWith'];
|
||||
if (!filterConstraint(dataFieldValue, filterValue, this.filterLocale)) {
|
||||
localMatch = false;
|
||||
if (Array.isArray(filterMeta)) {
|
||||
for (let meta of filterMeta) {
|
||||
localMatch = this.executeLocalFilter(filterField, data[i], meta);
|
||||
|
||||
if ((meta.operator === FilterOperator.OR && localMatch) || (meta.operator === FilterOperator.AND && !localMatch)) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
else {
|
||||
localMatch = this.executeLocalFilter(filterField, data[i], filterMeta);
|
||||
}
|
||||
|
||||
if (!localMatch) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!this.columnProp(col, 'excludeGlobalFilter') && this.hasGlobalFilter() && !globalMatch) {
|
||||
globalMatch = FilterUtils.contains(ObjectUtils.resolveFieldData(data[i], columnField), this.filters['global'], this.filterLocale);
|
||||
if (this.filters['global'] && !globalMatch && globalFilterFieldsArray) {
|
||||
for(let j = 0; j < globalFilterFieldsArray.length; j++) {
|
||||
let globalFilterField = globalFilterFieldsArray[j];
|
||||
globalMatch = FilterUtils[this.filters['global'].matchMode || FilterMatchMode.CONTAINS](ObjectUtils.resolveFieldData(data[i], globalFilterField), this.filters['global'].value, this.filterLocale);
|
||||
|
||||
if (globalMatch) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
let matches = localMatch;
|
||||
if (this.hasGlobalFilter()) {
|
||||
matches = localMatch && globalMatch;
|
||||
let matches;
|
||||
if (this.filters['global']) {
|
||||
matches = localFiltered ? (localFiltered && localMatch && globalMatch) : globalMatch;
|
||||
}
|
||||
else {
|
||||
matches = localFiltered && localMatch;
|
||||
}
|
||||
|
||||
if (matches) {
|
||||
filteredValue.push(data[i]);
|
||||
filteredValue.push(this.value[i]);
|
||||
}
|
||||
}
|
||||
|
||||
if (filteredValue.length === data.length) {
|
||||
if (filteredValue.length === this.value.length) {
|
||||
filteredValue = data;
|
||||
}
|
||||
|
||||
|
|
@ -638,6 +675,14 @@ export default {
|
|||
|
||||
return filteredValue;
|
||||
},
|
||||
executeLocalFilter(field, rowData, filterMeta) {
|
||||
let filterValue = filterMeta.value;
|
||||
let filterMatchMode = filterMeta.matchMode || FilterMatchMode.STARTS_WITH;
|
||||
let dataFieldValue = ObjectUtils.resolveFieldData(rowData, field);
|
||||
let filterConstraint = FilterUtils[filterMatchMode];
|
||||
|
||||
return filterConstraint(dataFieldValue, filterValue, this.filterLocale);
|
||||
},
|
||||
onRowClick(e) {
|
||||
const event = e.originalEvent;
|
||||
if (DomHandler.isClickable(event.target)) {
|
||||
|
|
@ -1657,6 +1702,9 @@ export default {
|
|||
},
|
||||
getChildren() {
|
||||
return this.$slots.default ? this.$slots.default() : null;
|
||||
},
|
||||
onFilterMetaChange(event) {
|
||||
this.$emit('update:filters', event)
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -2026,4 +2074,65 @@ export default {
|
|||
justify-content: center;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/* Filter */
|
||||
.p-column-filter-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.p-column-filter-menu {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.p-column-filter-row p-columnfilterformelement {
|
||||
flex: 1 1 auto;
|
||||
width: 1%;
|
||||
}
|
||||
|
||||
.p-column-filter-menu-button,
|
||||
.p-column-filter-clear-button {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.p-column-filter-overlay {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.p-column-filter-row-items {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.p-column-filter-row-item {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.p-column-filter-add-button,
|
||||
.p-column-filter-remove-button {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.p-column-filter-add-button .p-button-label,
|
||||
.p-column-filter-remove-button .p-button-label {
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
.p-column-filter-buttonbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.p-column-filter-buttonbar .p-button {
|
||||
width: auto;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -13,15 +13,19 @@
|
|||
<span class="p-column-title" v-if="columnProp(col, 'header')">{{columnProp(col, 'header')}}</span>
|
||||
<span v-if="columnProp(col, 'sortable')" :class="getSortableColumnIcon(col)"></span>
|
||||
<span v-if="isMultiSorted(col)" class="p-sortable-column-badge">{{getMultiSortMetaIndex(col) + 1}}</span>
|
||||
<DTHeaderCheckbox :checked="allRowsSelected" @change="onHeaderCheckboxChange($event)" :disabled="empty" v-if="columnProp(col, 'selectionMode') ==='multiple' && !hasColumnFilter()" />
|
||||
<DTHeaderCheckbox :checked="allRowsSelected" @change="onHeaderCheckboxChange($event)" :disabled="empty" v-if="columnProp(col, 'selectionMode') ==='multiple' && filterDisplay !== 'row'" />
|
||||
</th>
|
||||
</template>
|
||||
</tr>
|
||||
<tr v-if="hasColumnFilter()">
|
||||
<tr v-if="filters && filterDisplay === 'row'">
|
||||
<template v-for="(col,i) of columns">
|
||||
<th v-if="rowGroupMode !== 'subheader' || (groupRowsBy !== columnProp(col, 'field'))" :key="columnProp(col, 'columnKey')||columnProp(col, 'field')||i"
|
||||
:class="getFilterColumnHeaderClass(col)" :style="columnProp(col, 'filterHeaderStyle')">
|
||||
<component :is="col.children.filter" :column="col" v-if="col.children && col.children.filter"/>
|
||||
<DTColumnFilter v-if="filters[columnProp(col, 'filterField')||columnProp(col, 'field')]" :field="columnProp(col, 'filterField')||columnProp(col, 'field')" :type="columnProp(col, 'dataType')" display="row"
|
||||
:showMenu="columnProp(col, 'showFilterMenu')" :filterElement="col.children && col.children.filter" :filterHeader="col.children && col.children.filterHeader" :filterFooter="col.children && col.children.filterFooter"
|
||||
:filters="filters" @filtermeta-change="$emit('filtermeta-change', $event)"
|
||||
:operator="columnProp(col, 'filterOperator')" :showFilterOperator="columnProp(col, 'showFilterOperator')" :showClearButton="columnProp(col, 'showClearButton')" :showApplyButton="columnProp(col, 'showApplyButton')"
|
||||
:showFilterMatchModes="columnProp(col, 'showFilterMatchModes')" :showAddButton="columnProp(col, 'showAddButton')" :matchModeOptions="columnProp(col, 'filterMatchModeOptions')" :maxConstraints="columnProp(col, 'maxConstraints')" />
|
||||
<DTHeaderCheckbox :checked="allRowsSelected" @change="onHeaderCheckboxChange($event)" :disabled="empty" v-if="columnProp(col, 'selectionMode')==='multiple'" />
|
||||
</th>
|
||||
</template>
|
||||
|
|
@ -47,10 +51,11 @@
|
|||
<script>
|
||||
import {DomHandler} from 'primevue/utils';
|
||||
import HeaderCheckbox from './HeaderCheckbox.vue';
|
||||
import ColumnFilter from './ColumnFilter';
|
||||
|
||||
export default {
|
||||
emits: ['column-click', 'column-mousedown', 'column-dragstart', 'column-dragover', 'column-dragleave', 'column-drop',
|
||||
'column-resizestart', 'checkbox-change', 'column-click'],
|
||||
'column-resizestart', 'checkbox-change', 'column-click','filtermeta-change'],
|
||||
props: {
|
||||
columnGroup: {
|
||||
type: null,
|
||||
|
|
@ -95,6 +100,14 @@ export default {
|
|||
multiSortMeta: {
|
||||
type: Array,
|
||||
default: null
|
||||
},
|
||||
filters: {
|
||||
type: Object,
|
||||
default: null
|
||||
},
|
||||
filterDisplay: {
|
||||
type: String,
|
||||
default: null
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -196,21 +209,11 @@ export default {
|
|||
else {
|
||||
return null;
|
||||
}
|
||||
},
|
||||
hasColumnFilter() {
|
||||
if (this.columns) {
|
||||
for (let col of this.columns) {
|
||||
if (col.children && col.children.filter) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'DTHeaderCheckbox': HeaderCheckbox
|
||||
'DTHeaderCheckbox': HeaderCheckbox,
|
||||
'DTColumnFilter': ColumnFilter
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -32,6 +32,21 @@ export default class FilterUtils {
|
|||
return stringValue.indexOf(filterValue) !== -1;
|
||||
}
|
||||
|
||||
static notContains(value, filter, filterLocale) {
|
||||
if (filter === undefined || filter === null || (typeof filter === 'string' && filter.trim() === '')) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (value === undefined || value === null) {
|
||||
return false;
|
||||
}
|
||||
|
||||
let filterValue = ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
|
||||
let stringValue = ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale);
|
||||
|
||||
return stringValue.indexOf(filterValue) === -1;
|
||||
}
|
||||
|
||||
static endsWith(value, filter, filterLocale) {
|
||||
if (filter === undefined || filter === null || filter.trim() === '') {
|
||||
return true;
|
||||
|
|
@ -59,7 +74,7 @@ export default class FilterUtils {
|
|||
if (value.getTime && filter.getTime)
|
||||
return value.getTime() === filter.getTime();
|
||||
else
|
||||
return ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) === ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
|
||||
return ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) == ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
|
||||
}
|
||||
|
||||
static notEquals(value, filter, filterLocale) {
|
||||
|
|
@ -74,7 +89,7 @@ export default class FilterUtils {
|
|||
if (value.getTime && filter.getTime)
|
||||
return value.getTime() !== filter.getTime();
|
||||
else
|
||||
return ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) !== ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
|
||||
return ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) != ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
|
||||
}
|
||||
|
||||
static in(value, filter) {
|
||||
|
|
@ -82,10 +97,6 @@ export default class FilterUtils {
|
|||
return true;
|
||||
}
|
||||
|
||||
if (value === undefined || value === null) {
|
||||
return false;
|
||||
}
|
||||
|
||||
for (let i = 0; i < filter.length; i++) {
|
||||
if (ObjectUtils.equals(value, filter[i])) {
|
||||
return true;
|
||||
|
|
@ -95,8 +106,23 @@ export default class FilterUtils {
|
|||
return false;
|
||||
}
|
||||
|
||||
static between(value, filter) {
|
||||
if (filter == null || filter[0] == null || filter[1] == null) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (value === undefined || value === null) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (value.getTime)
|
||||
return filter[0].getTime() <= value.getTime() && value.getTime() <= filter[1].getTime();
|
||||
else
|
||||
return filter[0] <= value && value <= filter[1];
|
||||
}
|
||||
|
||||
static lt(value, filter) {
|
||||
if (filter === undefined || filter === null || (filter.trim && filter.trim().length === 0)) {
|
||||
if (filter === undefined || filter === null) {
|
||||
return true;
|
||||
}
|
||||
|
||||
|
|
@ -107,11 +133,11 @@ export default class FilterUtils {
|
|||
if (value.getTime && filter.getTime)
|
||||
return value.getTime() < filter.getTime();
|
||||
else
|
||||
return value < parseFloat(filter);
|
||||
return value < filter;
|
||||
}
|
||||
|
||||
static lte(value, filter) {
|
||||
if (filter === undefined || filter === null || (filter.trim && filter.trim().length === 0)) {
|
||||
if (filter === undefined || filter === null) {
|
||||
return true;
|
||||
}
|
||||
|
||||
|
|
@ -122,11 +148,11 @@ export default class FilterUtils {
|
|||
if (value.getTime && filter.getTime)
|
||||
return value.getTime() <= filter.getTime();
|
||||
else
|
||||
return value <= parseFloat(filter);
|
||||
return value <= filter;
|
||||
}
|
||||
|
||||
static gt(value, filter) {
|
||||
if (filter === undefined || filter === null || (filter.trim && filter.trim().length === 0)) {
|
||||
if (filter === undefined || filter === null) {
|
||||
return true;
|
||||
}
|
||||
|
||||
|
|
@ -137,11 +163,11 @@ export default class FilterUtils {
|
|||
if (value.getTime && filter.getTime)
|
||||
return value.getTime() > filter.getTime();
|
||||
else
|
||||
return value > parseFloat(filter);
|
||||
return value > filter;
|
||||
}
|
||||
|
||||
static gte(value, filter) {
|
||||
if (filter === undefined || filter === null || (filter.trim && filter.trim().length === 0)) {
|
||||
if (filter === undefined || filter === null) {
|
||||
return true;
|
||||
}
|
||||
|
||||
|
|
@ -152,7 +178,23 @@ export default class FilterUtils {
|
|||
if (value.getTime && filter.getTime)
|
||||
return value.getTime() >= filter.getTime();
|
||||
else
|
||||
return value >= parseFloat(filter);
|
||||
return value >= filter;
|
||||
}
|
||||
|
||||
static is(value, filter, filterLocale) {
|
||||
return this.filters.equals(value, filter, filterLocale);
|
||||
}
|
||||
|
||||
static isNot(value, filter, filterLocale) {
|
||||
return this.filters.notEquals(value, filter, filterLocale);
|
||||
}
|
||||
|
||||
static before(value, filter, filterLocale) {
|
||||
return this.filters.lt(value, filter, filterLocale);
|
||||
}
|
||||
|
||||
static after(value, filter, filterLocale) {
|
||||
return this.filters.gt(value, filter, filterLocale);
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -9,14 +9,15 @@
|
|||
|
||||
<div class="content-section implementation">
|
||||
<div class="card">
|
||||
<h5>Filter Row</h5>
|
||||
<p>Filters are displayed inline within a separate row.</p>
|
||||
<DataTable :value="customers" :paginator="true" class="p-datatable-customers" :rows="10"
|
||||
dataKey="id" :filters="filters" :loading="loading">
|
||||
dataKey="id" :filters="filters" filterDisplay="row" :loading="loading">
|
||||
<template #header>
|
||||
<div class="table-header">
|
||||
List of Customers
|
||||
<div class="p-d-flex p-jc-end">
|
||||
<span class="p-input-icon-left ">
|
||||
<i class="pi pi-search" />
|
||||
<InputText v-model="filters['global']" placeholder="Global Search" />
|
||||
<InputText v-model="filters['global'].value" placeholder="Keyword Search" />
|
||||
</span>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -32,7 +33,7 @@
|
|||
{{slotProps.data.name}}
|
||||
</template>
|
||||
<template #filter>
|
||||
<InputText type="text" v-model="filters['name']" class="p-column-filter" placeholder="Search by name"/>
|
||||
<InputText type="text" v-model="filters['name'].value" class="p-column-filter" placeholder="Search by name"/>
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="Country" filterField="country.name" filterMatchMode="contains">
|
||||
|
|
@ -42,17 +43,17 @@
|
|||
<span class="image-text">{{slotProps.data.country.name}}</span>
|
||||
</template>
|
||||
<template #filter>
|
||||
<InputText type="text" v-model="filters['country.name']" class="p-column-filter" placeholder="Search by country"/>
|
||||
<InputText type="text" v-model="filters['country.name'].value" class="p-column-filter" placeholder="Search by country"/>
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="Representative" filterField="representative.name" filterMatchMode="in">
|
||||
<Column header="Agent" filterField="representative" filterMatchMode="in" :showFilterMenu="false">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Representative</span>
|
||||
<span class="p-column-title">Agent</span>
|
||||
<img :alt="slotProps.data.representative.name" :src="'demo/images/avatar/' + slotProps.data.representative.image" width="32" style="vertical-align: middle" />
|
||||
<span class="image-text">{{slotProps.data.representative.name}}</span>
|
||||
</template>
|
||||
<template #filter>
|
||||
<MultiSelect v-model="filters['representative.name']" :options="representatives" optionLabel="name" optionValue="name" placeholder="All" class="p-column-filter">
|
||||
<MultiSelect v-model="filters['representative'].value" :options="representatives" optionLabel="name" placeholder="Any" class="p-column-filter">
|
||||
<template #option="slotProps">
|
||||
<div class="p-multiselect-representative-option">
|
||||
<img :alt="slotProps.option.name" :src="'demo/images/avatar/' + slotProps.option.image" width="32" style="vertical-align: middle" />
|
||||
|
|
@ -62,35 +63,26 @@
|
|||
</MultiSelect>
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="date" header="Date" filterMatchMode="custom" :filterFunction="filterDate">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Date</span>
|
||||
<span>{{slotProps.data.date}}</span>
|
||||
</template>
|
||||
<template #filter>
|
||||
<Calendar v-model="filters['date']" dateFormat="yy-mm-dd" class="p-column-filter" placeholder="Registration Date"/>
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="status" header="Status" filterMatchMode="equals">
|
||||
<Column field="status" header="Status" filterMatchMode="equals" :showFilterMenu="false">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Status</span>
|
||||
<span :class="'customer-badge status-' + slotProps.data.status">{{slotProps.data.status}}</span>
|
||||
</template>
|
||||
<template #filter>
|
||||
<Dropdown v-model="filters['status']" :options="statuses" placeholder="Select a Status" class="p-column-filter" :showClear="true">
|
||||
<Dropdown v-model="filters['status'].value" :options="statuses" placeholder="Any" class="p-column-filter" :showClear="true">
|
||||
<template #option="slotProps">
|
||||
<span :class="'customer-badge status-' + slotProps.option">{{slotProps.option}}</span>
|
||||
</template>
|
||||
</Dropdown>
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="activity" header="Activity" filterMatchMode="gte">
|
||||
<Column field="verified" header="Verified" filterMatchMode="equals" dataType="boolean" headerStyle="width: 6rem">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Activity</span>
|
||||
<ProgressBar :value="slotProps.data.activity" :showValue="false" />
|
||||
<span class="p-column-title">Verified</span>
|
||||
<i class="pi" :class="{'true-icon pi-check-circle': slotProps.data.verified, 'false-icon pi-times-circle': !slotProps.data.verified}"></i>
|
||||
</template>
|
||||
<template #filter>
|
||||
<InputText type="text" v-model="filters['activity']" class="p-column-filter" placeholder="Minimum"/>
|
||||
<TriStateCheckbox v-model="filters['verified'].value" />
|
||||
</template>
|
||||
</Column>
|
||||
</DataTable>
|
||||
|
|
@ -100,159 +92,12 @@
|
|||
<div class="content-section documentation">
|
||||
<TabView>
|
||||
<TabPanel header="Source">
|
||||
<div class="p-d-flex p-jc-end">
|
||||
<LiveEditor name="DataTableDemo" :sources="sources" service="CustomerService" data="customers-large" :components="['Column', 'InputText', 'MultiSelect', 'Calendar', 'Dropdown', 'ProgressBar', 'Button']" />
|
||||
</div>
|
||||
<pre v-code><code><template v-pre>
|
||||
<DataTable :value="customers" :paginator="true" class="p-datatable-customers" :rows="10"
|
||||
dataKey="id" :filters="filters" :loading="loading">
|
||||
<template #header>
|
||||
<div class="table-header">
|
||||
List of Customers
|
||||
<span class="p-input-icon-left">
|
||||
<i class="pi pi-search" />
|
||||
<InputText v-model="filters['global']" placeholder="Global Search" />
|
||||
</span>
|
||||
</div>
|
||||
</template>
|
||||
<template #empty>
|
||||
No customers found.
|
||||
</template>
|
||||
<template #loading>
|
||||
Loading customers data. Please wait.
|
||||
</template>
|
||||
<Column field="name" header="Name">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Name</span>
|
||||
{{slotProps.data.name}}
|
||||
</template>
|
||||
<template #filter>
|
||||
<InputText type="text" v-model="filters['name']" class="p-column-filter" placeholder="Search by name"/>
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="Country" filterField="country.name" filterMatchMode="contains">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Country</span>
|
||||
<img src="../../assets/images/flag_placeholder.png" :class="'flag flag-' + slotProps.data.country.code" width="30" />
|
||||
<span class="image-text">{{slotProps.data.country.name}}</span>
|
||||
</template>
|
||||
<template #filter>
|
||||
<InputText type="text" v-model="filters['country.name']" class="p-column-filter" placeholder="Search by country"/>
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="Representative" filterField="representative.name" filterMatchMode="in">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Representative</span>
|
||||
<img :alt="slotProps.data.representative.name" :src="'demo/images/avatar/' + slotProps.data.representative.image" width="32" style="vertical-align: middle" />
|
||||
<span class="image-text">{{slotProps.data.representative.name}}</span>
|
||||
</template>
|
||||
<template #filter>
|
||||
<MultiSelect v-model="filters['representative.name']" :options="representatives" optionLabel="name" optionValue="name" placeholder="All" class="p-column-filter">
|
||||
<template #option="slotProps">
|
||||
<div class="p-multiselect-representative-option">
|
||||
<img :alt="slotProps.option.name" :src="'demo/images/avatar/' + slotProps.option.image" width="32" style="vertical-align: middle" />
|
||||
<span class="image-text">{{slotProps.option.name}}</span>
|
||||
</div>
|
||||
</template>
|
||||
</MultiSelect>
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="date" header="Date" filterMatchMode="custom" :filterFunction="filterDate">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Date</span>
|
||||
<span>{{slotProps.data.date}}</span>
|
||||
</template>
|
||||
<template #filter>
|
||||
<Calendar v-model="filters['date']" dateFormat="yy-mm-dd" class="p-column-filter" placeholder="Registration Date"/>
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="status" header="Status" filterMatchMode="equals">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Status</span>
|
||||
<span :class="'customer-badge status-' + slotProps.data.status">{{slotProps.data.status}}</span>
|
||||
</template>
|
||||
<template #filter>
|
||||
<Dropdown v-model="filters['status']" :options="statuses" placeholder="Select a Status" class="p-column-filter" :showClear="true">
|
||||
<template #option="slotProps">
|
||||
<span :class="'customer-badge status-' + slotProps.option">{{slotProps.option}}</span>
|
||||
</template>
|
||||
</Dropdown>
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="activity" header="Activity" filterMatchMode="gte">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Activity</span>
|
||||
<ProgressBar :value="slotProps.data.activity" :showValue="false" />
|
||||
</template>
|
||||
<template #filter>
|
||||
<InputText type="text" v-model="filters['activity']" class="p-column-filter" placeholder="Minimum"/>
|
||||
</template>
|
||||
</Column>
|
||||
</DataTable>
|
||||
|
||||
</template>
|
||||
</code></pre>
|
||||
|
||||
<pre v-code.script><code>
|
||||
import CustomerService from '../../service/CustomerService';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
customers: null,
|
||||
filters: {},
|
||||
loading: true,
|
||||
representatives: [
|
||||
{name: "Amy Elsner", image: 'amyelsner.png'},
|
||||
{name: "Anna Fali", image: 'annafali.png'},
|
||||
{name: "Asiya Javayant", image: 'asiyajavayant.png'},
|
||||
{name: "Bernardo Dominic", image: 'bernardodominic.png'},
|
||||
{name: "Elwin Sharvill", image: 'elwinsharvill.png'},
|
||||
{name: "Ioni Bowcher", image: 'ionibowcher.png'},
|
||||
{name: "Ivan Magalhaes",image: 'ivanmagalhaes.png'},
|
||||
{name: "Onyama Limba", image: 'onyamalimba.png'},
|
||||
{name: "Stephen Shaw", image: 'stephenshaw.png'},
|
||||
{name: "XuXue Feng", image: 'xuxuefeng.png'}
|
||||
],
|
||||
statuses: [
|
||||
'unqualified', 'qualified', 'new', 'negotiation', 'renewal', 'proposal'
|
||||
]
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.customerService = new CustomerService();
|
||||
},
|
||||
mounted() {
|
||||
this.customerService.getCustomersLarge().then(data => this.customers = data);
|
||||
this.loading = false;
|
||||
},
|
||||
methods: {
|
||||
filterDate(value, filter) {
|
||||
if (filter === undefined || filter === null || (typeof filter === 'string' && filter.trim() === '')) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (value === undefined || value === null) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return value === this.formatDate(filter);
|
||||
},
|
||||
formatDate(date) {
|
||||
let month = date.getMonth() + 1;
|
||||
let day = date.getDate();
|
||||
|
||||
if (month < 10) {
|
||||
month = '0' + month;
|
||||
}
|
||||
|
||||
if (day < 10) {
|
||||
day = '0' + day;
|
||||
}
|
||||
|
||||
return date.getFullYear() + '-' + month + '-' + day;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</code></pre>
|
||||
</TabPanel>
|
||||
|
|
@ -263,13 +108,20 @@ export default {
|
|||
|
||||
<script>
|
||||
import CustomerService from '../../service/CustomerService';
|
||||
import LiveEditor from '../liveeditor/LiveEditor';
|
||||
import {FilterMatchMode} from 'primevue/api';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
customers: null,
|
||||
filters: {},
|
||||
filters: {
|
||||
'global': {value: null, matchMode: FilterMatchMode.CONTAINS},
|
||||
'name': {value: null, matchMode: FilterMatchMode.STARTS_WITH},
|
||||
'country.name': {value: null, matchMode: FilterMatchMode.STARTS_WITH},
|
||||
'representative': {value: null, matchMode: FilterMatchMode.IN},
|
||||
'status': {value: null, matchMode: FilterMatchMode.EQUALS},
|
||||
'verified': {value: null, matchMode: FilterMatchMode.EQUALS}
|
||||
},
|
||||
loading: true,
|
||||
representatives: [
|
||||
{name: "Amy Elsner", image: 'amyelsner.png'},
|
||||
|
|
@ -286,124 +138,6 @@ export default {
|
|||
statuses: [
|
||||
'unqualified', 'qualified', 'new', 'negotiation', 'renewal', 'proposal'
|
||||
],
|
||||
sources: {
|
||||
'template': {
|
||||
content: `<template>
|
||||
<div class="layout-content">
|
||||
<div class="content-section implementation">
|
||||
<div class="card">
|
||||
<DataTable :value="customers" :paginator="true" class="p-datatable-customers" :rows="10"
|
||||
dataKey="id" :filters="filters" :loading="loading">
|
||||
<template #header>
|
||||
<div class="table-header">
|
||||
List of Customers
|
||||
<span class="p-input-icon-left">
|
||||
<i class="pi pi-search" />
|
||||
<InputText v-model="filters['global']" placeholder="Global Search" />
|
||||
</span>
|
||||
</div>
|
||||
</template>
|
||||
<template #empty>
|
||||
No customers found.
|
||||
</template>
|
||||
<template #loading>
|
||||
Loading customers data. Please wait.
|
||||
</template>
|
||||
<Column field="name" header="Name">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Name</span>
|
||||
{{slotProps.data.name}}
|
||||
</template>
|
||||
<template #filter>
|
||||
<InputText type="text" v-model="filters['name']" class="p-column-filter" placeholder="Search by name"/>
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="Country" filterField="country.name" filterMatchMode="contains">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Country</span>
|
||||
<img src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" :class="'flag flag-' + slotProps.data.country.code" width="30" />
|
||||
<span class="image-text">{{slotProps.data.country.name}}</span>
|
||||
</template>
|
||||
<template #filter>
|
||||
<InputText type="text" v-model="filters['country.name']" class="p-column-filter" placeholder="Search by country"/>
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="Representative" filterField="representative.name" filterMatchMode="in">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Representative</span>
|
||||
<img :alt="slotProps.data.representative.name" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" width="32" style="vertical-align: middle" />
|
||||
<span class="image-text">{{slotProps.data.representative.name}}</span>
|
||||
</template>
|
||||
<template #filter>
|
||||
<MultiSelect v-model="filters['representative.name']" :options="representatives" optionLabel="name" optionValue="name" placeholder="All" class="p-column-filter">
|
||||
<template #option="slotProps">
|
||||
<div class="p-multiselect-representative-option">
|
||||
<img :alt="slotProps.option.name" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" width="32" style="vertical-align: middle" />
|
||||
<span class="image-text">{{slotProps.option.name}}</span>
|
||||
</div>
|
||||
</template>
|
||||
</MultiSelect>
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="date" header="Date" filterMatchMode="custom" :filterFunction="filterDate">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Date</span>
|
||||
<span>{{slotProps.data.date}}</span>
|
||||
</template>
|
||||
<template #filter>
|
||||
<Calendar v-model="filters['date']" dateFormat="yy-mm-dd" class="p-column-filter" placeholder="Registration Date"/>
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="status" header="Status" filterMatchMode="equals">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Status</span>
|
||||
<span :class="'customer-badge status-' + slotProps.data.status">{{slotProps.data.status}}</span>
|
||||
</template>
|
||||
<template #filter>
|
||||
<Dropdown v-model="filters['status']" :options="statuses" placeholder="Select a Status" class="p-column-filter" :showClear="true">
|
||||
<template #option="slotProps">
|
||||
<span :class="'customer-badge status-' + slotProps.option">{{slotProps.option}}</span>
|
||||
</template>
|
||||
</Dropdown>
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="activity" header="Activity" filterMatchMode="gte">
|
||||
<template #body="slotProps">
|
||||
<span class="p-column-title">Activity</span>
|
||||
<ProgressBar :value="slotProps.data.activity" :showValue="false" />
|
||||
</template>
|
||||
<template #filter>
|
||||
<InputText type="text" v-model="filters['activity']" class="p-column-filter" placeholder="Minimum"/>
|
||||
</template>
|
||||
</Column>
|
||||
</DataTable>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import CustomerService from '../service/CustomerService';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
customers: null,
|
||||
filters: {},
|
||||
loading: true,
|
||||
representatives: [
|
||||
{name: "Amy Elsner", image: 'amyelsner.png'},
|
||||
{name: "Anna Fali", image: 'annafali.png'},
|
||||
{name: "Asiya Javayant", image: 'asiyajavayant.png'},
|
||||
{name: "Bernardo Dominic", image: 'bernardodominic.png'},
|
||||
{name: "Elwin Sharvill", image: 'elwinsharvill.png'},
|
||||
{name: "Ioni Bowcher", image: 'ionibowcher.png'},
|
||||
{name: "Ivan Magalhaes",image: 'ivanmagalhaes.png'},
|
||||
{name: "Onyama Limba", image: 'onyamalimba.png'},
|
||||
{name: "Stephen Shaw", image: 'stephenshaw.png'},
|
||||
{name: "XuXue Feng", image: 'xuxuefeng.png'}
|
||||
],
|
||||
statuses: [
|
||||
'unqualified', 'qualified', 'new', 'negotiation', 'renewal', 'proposal'
|
||||
]
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
|
@ -441,144 +175,6 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
`,
|
||||
style: `<style lang="scss" scoped>
|
||||
::v-deep(.p-paginator) {
|
||||
.p-paginator-current {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep(.p-progressbar) {
|
||||
height: .5rem;
|
||||
background-color: #D8DADC;
|
||||
|
||||
.p-progressbar-value {
|
||||
background-color: #607D8B;
|
||||
}
|
||||
}
|
||||
|
||||
.table-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
::v-deep(.p-datepicker) {
|
||||
min-width: 25rem;
|
||||
|
||||
td {
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep(.p-datatable.p-datatable-customers) {
|
||||
.p-datatable-header {
|
||||
padding: 1rem;
|
||||
text-align: left;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.p-paginator {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.p-datatable-thead > tr > th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.p-datatable-tbody > tr > td {
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
.p-dropdown-label:not(.p-placeholder) {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
.p-datatable-customers .p-datatable-tbody > tr > td .p-column-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 960px) {
|
||||
::v-deep(.p-datatable) {
|
||||
&.p-datatable-customers {
|
||||
.p-datatable-thead > tr > th,
|
||||
.p-datatable-tfoot > tr > td {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.p-datatable-tbody > tr {
|
||||
border-bottom: 1px solid var(--layer-2);
|
||||
|
||||
> td {
|
||||
text-align: left;
|
||||
display: block;
|
||||
border: 0 none !important;
|
||||
width: 100% !important;
|
||||
float: left;
|
||||
clear: left;
|
||||
border: 0 none;
|
||||
|
||||
.p-column-title {
|
||||
padding: .4rem;
|
||||
min-width: 30%;
|
||||
display: inline-block;
|
||||
margin: -.4rem 1rem -.4rem -.4rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.p-progressbar {
|
||||
margin-top: .5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>`
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.customerService = new CustomerService();
|
||||
},
|
||||
mounted() {
|
||||
this.customerService.getCustomersLarge().then(data => this.customers = data);
|
||||
this.loading = false;
|
||||
},
|
||||
methods: {
|
||||
filterDate(value, filter) {
|
||||
if (filter === undefined || filter === null || (typeof filter === 'string' && filter.trim() === '')) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (value === undefined || value === null) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return value === this.formatDate(filter);
|
||||
},
|
||||
formatDate(date) {
|
||||
let month = date.getMonth() + 1;
|
||||
let day = date.getDate();
|
||||
|
||||
if (month < 10) {
|
||||
month = '0' + month;
|
||||
}
|
||||
|
||||
if (day < 10) {
|
||||
day = '0' + day;
|
||||
}
|
||||
|
||||
return date.getFullYear() + '-' + month + '-' + day;
|
||||
}
|
||||
},
|
||||
components: {
|
||||
LiveEditor
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@ module.exports = {
|
|||
'primevue/useconfirm': path.resolve(__dirname, 'src/components/useconfirm/UseConfirm.js'),
|
||||
'primevue/usetoast': path.resolve(__dirname, 'src/components/usetoast/UseToast.js'),
|
||||
'primevue/utils': path.resolve(__dirname, 'src/components/utils/Utils.js'),
|
||||
'primevue/api': path.resolve(__dirname, 'src/components/api/Api.js'),
|
||||
'primevue/button': path.resolve(__dirname, 'src/components/button/Button.vue'),
|
||||
'primevue/inputtext': path.resolve(__dirname, 'src/components/inputtext/InputText.vue'),
|
||||
'primevue/dialog': path.resolve(__dirname, 'src/components/dialog/Dialog.vue'),
|
||||
|
|
|
|||
Loading…
Reference in New Issue