Skip to content

Commit

Permalink
Showing 81 changed files with 4,939 additions and 4,753 deletions.
56 changes: 29 additions & 27 deletions src/app/components/accordion/accordion.css
Original file line number Diff line number Diff line change
@@ -1,33 +1,35 @@
.p-accordion-header-link {
cursor: pointer;
display: flex;
align-items: center;
user-select: none;
position: relative;
text-decoration: none;
}
@layer primeng {
.p-accordion-header-link {
cursor: pointer;
display: flex;
align-items: center;
user-select: none;
position: relative;
text-decoration: none;
}

.p-accordion-header-link:focus {
z-index: 1;
}
.p-accordion-header-link:focus {
z-index: 1;
}

.p-accordion-header-text {
line-height: 1;
}
.p-accordion-header-text {
line-height: 1;
}

.p-accordion .p-toggleable-content{
overflow: hidden;
}
.p-accordion .p-toggleable-content {
overflow: hidden;
}

.p-accordion .p-accordion-tab-active > .p-toggleable-content:not(.ng-animating) {
overflow: inherit;
}
.p-accordion .p-accordion-tab-active > .p-toggleable-content:not(.ng-animating) {
overflow: inherit;
}

.p-accordion-toggle-icon-end {
order: 1;
margin-left: auto;
}
.p-accordion-toggle-icon-end {
order: 1;
margin-left: auto;
}

.p-accordion-toggle-icon{
order: 0;
}
.p-accordion-toggle-icon {
order: 0;
}
}
204 changes: 103 additions & 101 deletions src/app/components/autocomplete/autocomplete.css
Original file line number Diff line number Diff line change
@@ -1,102 +1,104 @@
.p-autocomplete {
display: inline-flex;
position: relative;
}

.p-autocomplete-loader {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}

.p-autocomplete-dd .p-autocomplete-input {
flex: 1 1 auto;
width: 1%;
}

.p-autocomplete-dd .p-autocomplete-input,
.p-autocomplete-dd .p-autocomplete-multiple-container {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.p-autocomplete-dd .p-autocomplete-dropdown {
border-top-left-radius: 0;
border-bottom-left-radius: 0px;
}

.p-autocomplete-panel {
overflow: auto;
}

.p-autocomplete-items {
margin: 0;
padding: 0;
list-style-type: none;
}

.p-autocomplete-item {
cursor: pointer;
white-space: nowrap;
position: relative;
overflow: hidden;
}

.p-autocomplete-multiple-container {
margin: 0;
padding: 0;
list-style-type: none;
cursor: text;
overflow: hidden;
display: flex;
align-items: center;
flex-wrap: wrap;
}

.p-autocomplete-token {
width: fit-content;
cursor: default;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
}

.p-autocomplete-token-icon {
display: flex;
cursor: pointer;
}

.p-autocomplete-input-token {
flex: 1 1 auto;
display: inline-flex;
}

.p-autocomplete-input-token input {
border: 0 none;
outline: 0 none;
background-color: transparent;
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
width: 100%;
}

.p-fluid .p-autocomplete {
display: flex;
}

.p-fluid .p-autocomplete-dd .p-autocomplete-input {
width: 1%;
}

.p-autocomplete-clear-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
cursor: pointer;
}

.p-autocomplete-clearable {
position: relative;
@layer primeng {
.p-autocomplete {
display: inline-flex;
position: relative;
}

.p-autocomplete-loader {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}

.p-autocomplete-dd .p-autocomplete-input {
flex: 1 1 auto;
width: 1%;
}

.p-autocomplete-dd .p-autocomplete-input,
.p-autocomplete-dd .p-autocomplete-multiple-container {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.p-autocomplete-dd .p-autocomplete-dropdown {
border-top-left-radius: 0;
border-bottom-left-radius: 0px;
}

.p-autocomplete-panel {
overflow: auto;
}

.p-autocomplete-items {
margin: 0;
padding: 0;
list-style-type: none;
}

.p-autocomplete-item {
cursor: pointer;
white-space: nowrap;
position: relative;
overflow: hidden;
}

.p-autocomplete-multiple-container {
margin: 0;
padding: 0;
list-style-type: none;
cursor: text;
overflow: hidden;
display: flex;
align-items: center;
flex-wrap: wrap;
}

.p-autocomplete-token {
width: fit-content;
cursor: default;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
}

.p-autocomplete-token-icon {
display: flex;
cursor: pointer;
}

.p-autocomplete-input-token {
flex: 1 1 auto;
display: inline-flex;
}

.p-autocomplete-input-token input {
border: 0 none;
outline: 0 none;
background-color: transparent;
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
width: 100%;
}

.p-fluid .p-autocomplete {
display: flex;
}

.p-fluid .p-autocomplete-dd .p-autocomplete-input {
width: 1%;
}

.p-autocomplete-clear-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
cursor: pointer;
}

.p-autocomplete-clearable {
position: relative;
}
}
44 changes: 23 additions & 21 deletions src/app/components/avatar/avatar.css
Original file line number Diff line number Diff line change
@@ -1,26 +1,28 @@
.p-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
font-size: 1rem;
}
@layer primeng {
.p-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
font-size: 1rem;
}

.p-avatar.p-avatar-image {
background-color: transparent;
}
.p-avatar.p-avatar-image {
background-color: transparent;
}

.p-avatar.p-avatar-circle {
border-radius: 50%;
overflow: hidden;
}
.p-avatar.p-avatar-circle {
border-radius: 50%;
overflow: hidden;
}

.p-avatar .p-avatar-icon {
font-size: 1rem;
}
.p-avatar .p-avatar-icon {
font-size: 1rem;
}

.p-avatar img {
width: 100%;
height: 100%;
.p-avatar img {
width: 100%;
height: 100%;
}
}
16 changes: 9 additions & 7 deletions src/app/components/avatargroup/avatargroup.css
Original file line number Diff line number Diff line change
@@ -1,8 +1,10 @@
.p-avatar-group p-avatar + p-avatar {
margin-left: -1rem;
}
@layer primeng {
.p-avatar-group p-avatar + p-avatar {
margin-left: -1rem;
}

.p-avatar-group {
display: flex;
align-items: center;
}
.p-avatar-group {
display: flex;
align-items: center;
}
}
58 changes: 30 additions & 28 deletions src/app/components/badge/badge.css
Original file line number Diff line number Diff line change
@@ -1,32 +1,34 @@
.p-badge {
display: inline-block;
border-radius: 10px;
text-align: center;
padding: 0 .5rem;
}
@layer primeng {
.p-badge {
display: inline-block;
border-radius: 10px;
text-align: center;
padding: 0 0.5rem;
}

.p-overlay-badge {
position: relative;
}
.p-overlay-badge {
position: relative;
}

.p-overlay-badge .p-badge {
position: absolute;
top: 0;
right: 0;
transform: translate(50%,-50%);
transform-origin: 100% 0;
margin: 0;
}
.p-overlay-badge .p-badge {
position: absolute;
top: 0;
right: 0;
transform: translate(50%, -50%);
transform-origin: 100% 0;
margin: 0;
}

.p-badge-dot {
width: .5rem;
min-width: .5rem;
height: .5rem;
border-radius: 50%;
padding: 0;
}
.p-badge-dot {
width: 0.5rem;
min-width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
padding: 0;
}

.p-badge-no-gutter {
padding: 0;
border-radius: 50%;
}
.p-badge-no-gutter {
padding: 0;
border-radius: 50%;
}
}
44 changes: 23 additions & 21 deletions src/app/components/blockui/blockui.css
Original file line number Diff line number Diff line change
@@ -1,24 +1,26 @@
.p-blockui {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
transition-property: background-color;
display: flex;
align-items: center;
justify-content: center;
}
@layer primeng {
.p-blockui {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
transition-property: background-color;
display: flex;
align-items: center;
justify-content: center;
}

.p-blockui.p-component-overlay {
position: absolute;
}
.p-blockui.p-component-overlay {
position: absolute;
}

.p-blockui-document.p-component-overlay {
position: fixed;
}
.p-blockui-document.p-component-overlay {
position: fixed;
}

.p-blockui-leave.p-component-overlay {
background-color: transparent;
}
.p-blockui-leave.p-component-overlay {
background-color: transparent;
}
}
54 changes: 28 additions & 26 deletions src/app/components/breadcrumb/breadcrumb.css
Original file line number Diff line number Diff line change
@@ -1,31 +1,33 @@
.p-breadcrumb {
overflow-x: auto;
}
@layer primeng {
.p-breadcrumb {
overflow-x: auto;
}

.p-breadcrumb .p-breadcrumb-list {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.p-breadcrumb .p-breadcrumb-list {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
align-items: center;
flex-wrap: nowrap;
}

.p-breadcrumb .p-menuitem-text {
line-height: 1;
}
.p-breadcrumb .p-menuitem-text {
line-height: 1;
}

.p-breadcrumb .p-menuitem-link {
text-decoration: none;
display: flex;
align-items: center;
}
.p-breadcrumb .p-menuitem-link {
text-decoration: none;
display: flex;
align-items: center;
}

.p-breadcrumb .p-menuitem-separator {
display: flex;
align-items: center;
}
.p-breadcrumb .p-menuitem-separator {
display: flex;
align-items: center;
}

.p-breadcrumb::-webkit-scrollbar {
display: none;
}
.p-breadcrumb::-webkit-scrollbar {
display: none;
}
}
122 changes: 62 additions & 60 deletions src/app/components/button/button.css
Original file line number Diff line number Diff line change
@@ -1,74 +1,76 @@
.p-button {
margin: 0;
display: inline-flex;
cursor: pointer;
user-select: none;
align-items: center;
vertical-align: bottom;
text-align: center;
overflow: hidden;
position: relative;
}
@layer primeng {
.p-button {
margin: 0;
display: inline-flex;
cursor: pointer;
user-select: none;
align-items: center;
vertical-align: bottom;
text-align: center;
overflow: hidden;
position: relative;
}

.p-button-label {
flex: 1 1 auto;
}
.p-button-label {
flex: 1 1 auto;
}

.p-button-icon-right {
order: 1;
}
.p-button-icon-right {
order: 1;
}

.p-button:disabled {
cursor: default;
pointer-events: none;
}
.p-button:disabled {
cursor: default;
pointer-events: none;
}

.p-button-icon-only {
justify-content: center;
}
.p-button-icon-only {
justify-content: center;
}

.p-button-icon-only:after {
content: 'p';
visibility: hidden;
clip: rect(0 0 0 0);
width: 0;
}
.p-button-icon-only:after {
content: 'p';
visibility: hidden;
clip: rect(0 0 0 0);
width: 0;
}

.p-button-vertical {
flex-direction: column;
}
.p-button-vertical {
flex-direction: column;
}

.p-button-icon-bottom {
order: 2;
}
.p-button-icon-bottom {
order: 2;
}

.p-buttonset .p-button {
margin: 0;
}
.p-buttonset .p-button {
margin: 0;
}

.p-buttonset .p-button:not(:last-child) {
border-right: 0 none;
}
.p-buttonset .p-button:not(:last-child) {
border-right: 0 none;
}

.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}

.p-buttonset .p-button:first-of-type {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.p-buttonset .p-button:first-of-type {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.p-buttonset .p-button:last-of-type {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.p-buttonset .p-button:last-of-type {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.p-buttonset .p-button:focus {
position: relative;
z-index: 1;
}
.p-buttonset .p-button:focus {
position: relative;
z-index: 1;
}

p-button[iconpos="right"] spinnericon {
order: 1;
}
p-button[iconpos='right'] spinnericon {
order: 1;
}
}
341 changes: 171 additions & 170 deletions src/app/components/calendar/calendar.css
Original file line number Diff line number Diff line change
@@ -1,171 +1,172 @@
.p-calendar {
position: relative;
display: inline-flex;
max-width: 100%;
@layer primeng {
.p-calendar {
position: relative;
display: inline-flex;
max-width: 100%;
}

.p-calendar .p-inputtext {
flex: 1 1 auto;
width: 1%;
}

.p-calendar-w-btn .p-inputtext {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.p-calendar-w-btn .p-datepicker-trigger {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

/* Fluid */
.p-fluid .p-calendar {
display: flex;
}

.p-fluid .p-calendar .p-inputtext {
width: 1%;
}

/* Datepicker */
.p-calendar .p-datepicker {
min-width: 100%;
}

.p-datepicker {
width: auto;
position: absolute;
top: 0;
left: 0;
}

.p-datepicker-inline {
display: inline-block;
position: static;
overflow-x: auto;
}

/* Header */
.p-datepicker-header {
display: flex;
align-items: center;
justify-content: space-between;
}

.p-datepicker-header .p-datepicker-title {
margin: 0 auto;
}

.p-datepicker-prev,
.p-datepicker-next {
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
}

/* Multiple Month DatePicker */
.p-datepicker-multiple-month .p-datepicker-group-container {
display: flex;
}

.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
flex: 1 1 auto;
}

/* Multiple Month DatePicker */
.p-datepicker-multiple-month .p-datepicker-group-container {
display: flex;
}

/* DatePicker Table */
.p-datepicker table {
width: 100%;
border-collapse: collapse;
}

.p-datepicker td > span {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin: 0 auto;
overflow: hidden;
position: relative;
}

/* Month Picker */
.p-monthpicker-month {
width: 33.3%;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
overflow: hidden;
position: relative;
}

/* Button Bar */
.p-datepicker-buttonbar {
display: flex;
justify-content: space-between;
align-items: center;
}

/* Time Picker */
.p-timepicker {
display: flex;
justify-content: center;
align-items: center;
}

.p-timepicker button {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
overflow: hidden;
position: relative;
}

.p-timepicker > div {
display: flex;
align-items: center;
flex-direction: column;
}

/* Touch UI */
.p-datepicker-touch-ui,
.p-calendar .p-datepicker-touch-ui {
position: fixed;
top: 50%;
left: 50%;
min-width: 80vw;
transform: translate(-50%, -50%);
}

/* Year Picker */
.p-yearpicker-year {
width: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
overflow: hidden;
position: relative;
}

.p-calendar-clear-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
cursor: pointer;
}

.p-calendar-clearable {
position: relative;
}
}

.p-calendar .p-inputtext {
flex: 1 1 auto;
width: 1%;
}

.p-calendar-w-btn .p-inputtext {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.p-calendar-w-btn .p-datepicker-trigger {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

/* Fluid */
.p-fluid .p-calendar {
display: flex;
}

.p-fluid .p-calendar .p-inputtext {
width: 1%;
}

/* Datepicker */
.p-calendar .p-datepicker {
min-width: 100%;
}

.p-datepicker {
width: auto;
position: absolute;
top: 0;
left: 0;
}

.p-datepicker-inline {
display: inline-block;
position: static;
overflow-x: auto;
}

/* Header */
.p-datepicker-header {
display: flex;
align-items: center;
justify-content: space-between;
}

.p-datepicker-header .p-datepicker-title {
margin: 0 auto;
}

.p-datepicker-prev,
.p-datepicker-next {
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
}


/* Multiple Month DatePicker */
.p-datepicker-multiple-month .p-datepicker-group-container {
display: flex;
}

.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
flex: 1 1 auto;
}

/* Multiple Month DatePicker */
.p-datepicker-multiple-month .p-datepicker-group-container {
display: flex;
}

/* DatePicker Table */
.p-datepicker table {
width: 100%;
border-collapse: collapse;
}

.p-datepicker td > span {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin: 0 auto;
overflow: hidden;
position: relative;
}

/* Month Picker */
.p-monthpicker-month {
width: 33.3%;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
overflow: hidden;
position: relative;
}

/* Button Bar */
.p-datepicker-buttonbar {
display: flex;
justify-content: space-between;
align-items: center;
}

/* Time Picker */
.p-timepicker {
display: flex;
justify-content: center;
align-items: center;
}

.p-timepicker button {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
overflow: hidden;
position: relative;
}

.p-timepicker > div {
display: flex;
align-items: center;
flex-direction: column;
}

/* Touch UI */
.p-datepicker-touch-ui,
.p-calendar .p-datepicker-touch-ui {
position: fixed;
top: 50%;
left: 50%;
min-width: 80vw;
transform: translate(-50%, -50%);
}

/* Year Picker */
.p-yearpicker-year {
width: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
overflow: hidden;
position: relative;
}

.p-calendar-clear-icon {
position: absolute;
top: 50%;
margin-top: -.5rem;
cursor: pointer;
}

.p-calendar-clearable {
position: relative;
}
8 changes: 5 additions & 3 deletions src/app/components/card/card.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
.p-card-header img {
width: 100%;
}
@layer primeng {
.p-card-header img {
width: 100%;
}
}
118 changes: 60 additions & 58 deletions src/app/components/carousel/carousel.css
Original file line number Diff line number Diff line change
@@ -1,69 +1,71 @@
.p-carousel {
display: flex;
flex-direction: column;
}
@layer primeng {
.p-carousel {
display: flex;
flex-direction: column;
}

.p-carousel-content {
display: flex;
flex-direction: column;
overflow: auto;
}
.p-carousel-content {
display: flex;
flex-direction: column;
overflow: auto;
}

.p-carousel-prev,
.p-carousel-next {
align-self: center;
flex-grow: 0;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
}
.p-carousel-prev,
.p-carousel-next {
align-self: center;
flex-grow: 0;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
}

.p-carousel-container {
display: flex;
flex-direction: row;
}
.p-carousel-container {
display: flex;
flex-direction: row;
}

.p-carousel-items-content {
overflow: hidden;
width: 100%;
}
.p-carousel-items-content {
overflow: hidden;
width: 100%;
}

.p-carousel-items-container {
display: flex;
flex-direction: row;
}
.p-carousel-items-container {
display: flex;
flex-direction: row;
}

.p-carousel-indicators {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
.p-carousel-indicators {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}

.p-carousel-indicator > button {
display: flex;
align-items: center;
justify-content: center;
}
.p-carousel-indicator > button {
display: flex;
align-items: center;
justify-content: center;
}

/* Vertical */
.p-carousel-vertical .p-carousel-container {
flex-direction: column;
}
/* Vertical */
.p-carousel-vertical .p-carousel-container {
flex-direction: column;
}

.p-carousel-vertical .p-carousel-items-container {
flex-direction: column;
height: 100%;
}
.p-carousel-vertical .p-carousel-items-container {
flex-direction: column;
height: 100%;
}

/* Keyboard Support */
.p-items-hidden .p-carousel-item {
visibility: hidden;
}
/* Keyboard Support */
.p-items-hidden .p-carousel-item {
visibility: hidden;
}

.p-items-hidden .p-carousel-item.p-carousel-item-active {
visibility: visible;
}
.p-items-hidden .p-carousel-item.p-carousel-item-active {
visibility: visible;
}
}
192 changes: 97 additions & 95 deletions src/app/components/cascadeselect/cascadeselect.css
Original file line number Diff line number Diff line change
@@ -1,96 +1,98 @@
.p-cascadeselect {
display: inline-flex;
cursor: pointer;
position: relative;
user-select: none;
}

.p-cascadeselect-trigger {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.p-cascadeselect-label {
display: block;
white-space: nowrap;
overflow: hidden;
flex: 1 1 auto;
width: 1%;
text-overflow: ellipsis;
cursor: pointer;
}

.p-cascadeselect-label-empty {
overflow: hidden;
visibility: hidden;
}

.p-cascadeselect-item {
cursor: pointer;
font-weight: normal;
white-space: nowrap;
}

.p-cascadeselect-item-content {
display: flex;
align-items: center;
overflow: hidden;
position: relative;
}

.p-cascadeselect-group-icon {
margin-left: auto;
}

.p-cascadeselect-items {
margin: 0;
padding: 0;
list-style-type: none;
}

.p-fluid .p-cascadeselect {
display: flex;
}

.p-fluid .p-cascadeselect .p-cascadeselect-label {
width: 1%;
}

.p-cascadeselect-sublist {
position: absolute;
min-width: 100%;
z-index: 1;
display: none;
}

.p-cascadeselect-item-active {
overflow: visible !important;
}

.p-cascadeselect-item-active > .p-cascadeselect-sublist {
display: block;
left: 100%;
top: 0;
}

.p-cascadeselect-clear-icon {
position: absolute;
top: 50%;
margin-top: -.5rem;
cursor: pointer;
}

.p-cascadeselect-clearable {
position: relative;
}

/* Modal */
.p-overlay-modal .p-cascadeselect-sublist {
position: relative;
}

.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-sublist {
left: 0;
@layer primeng {
.p-cascadeselect {
display: inline-flex;
cursor: pointer;
position: relative;
user-select: none;
}

.p-cascadeselect-trigger {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.p-cascadeselect-label {
display: block;
white-space: nowrap;
overflow: hidden;
flex: 1 1 auto;
width: 1%;
text-overflow: ellipsis;
cursor: pointer;
}

.p-cascadeselect-label-empty {
overflow: hidden;
visibility: hidden;
}

.p-cascadeselect-item {
cursor: pointer;
font-weight: normal;
white-space: nowrap;
}

.p-cascadeselect-item-content {
display: flex;
align-items: center;
overflow: hidden;
position: relative;
}

.p-cascadeselect-group-icon {
margin-left: auto;
}

.p-cascadeselect-items {
margin: 0;
padding: 0;
list-style-type: none;
}

.p-fluid .p-cascadeselect {
display: flex;
}

.p-fluid .p-cascadeselect .p-cascadeselect-label {
width: 1%;
}

.p-cascadeselect-sublist {
position: absolute;
min-width: 100%;
z-index: 1;
display: none;
}

.p-cascadeselect-item-active {
overflow: visible !important;
}

.p-cascadeselect-item-active > .p-cascadeselect-sublist {
display: block;
left: 100%;
top: 0;
}

.p-cascadeselect-clear-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
cursor: pointer;
}

.p-cascadeselect-clearable {
position: relative;
}

/* Modal */
.p-overlay-modal .p-cascadeselect-sublist {
position: relative;
}

.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-sublist {
left: 0;
}
}
48 changes: 25 additions & 23 deletions src/app/components/checkbox/checkbox.css
Original file line number Diff line number Diff line change
@@ -1,28 +1,30 @@
.p-checkbox {
display: inline-flex;
cursor: pointer;
user-select: none;
vertical-align: bottom;
position: relative;
}
@layer primeng {
.p-checkbox {
display: inline-flex;
cursor: pointer;
user-select: none;
vertical-align: bottom;
position: relative;
}

.p-checkbox-disabled {
cursor: default !important;
pointer-events: none;
}
.p-checkbox-disabled {
cursor: default !important;
pointer-events: none;
}

.p-checkbox-box {
display: flex;
justify-content: center;
align-items: center;
}
.p-checkbox-box {
display: flex;
justify-content: center;
align-items: center;
}

p-checkbox {
display: inline-flex;
vertical-align: bottom;
align-items: center;
}
p-checkbox {
display: inline-flex;
vertical-align: bottom;
align-items: center;
}

.p-checkbox-label {
line-height: 1;
.p-checkbox-label {
line-height: 1;
}
}
42 changes: 22 additions & 20 deletions src/app/components/chip/chip.css
Original file line number Diff line number Diff line change
@@ -1,24 +1,26 @@
.p-chip {
display: inline-flex;
align-items: center;
}
@layer primeng {
.p-chip {
display: inline-flex;
align-items: center;
}

.p-chip-text {
line-height: 1.5;
}

.p-chip-icon.pi {
line-height: 1.5;
}
.p-chip-text {
line-height: 1.5;
}

.pi-chip-remove-icon.pi {
line-height: 1.5;
}
.p-chip-icon.pi {
line-height: 1.5;
}

.pi-chip-remove-icon {
cursor: pointer;
}
.pi-chip-remove-icon.pi {
line-height: 1.5;
}

.pi-chip-remove-icon {
cursor: pointer;
}

.p-chip img {
border-radius: 50%;
}
.p-chip img {
border-radius: 50%;
}
}
114 changes: 58 additions & 56 deletions src/app/components/chips/chips.css
Original file line number Diff line number Diff line change
@@ -1,66 +1,68 @@
.p-chips {
display: inline-flex;
}
@layer primeng {
.p-chips {
display: inline-flex;
}

.p-chips-multiple-container {
margin: 0;
padding: 0;
list-style-type: none;
cursor: text;
overflow: hidden;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.p-chips-multiple-container {
margin: 0;
padding: 0;
list-style-type: none;
cursor: text;
overflow: hidden;
display: flex;
align-items: center;
flex-wrap: wrap;
}

.p-chips-token {
cursor: default;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
max-width: 100%;
}
.p-chips-token {
cursor: default;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
max-width: 100%;
}

.p-chips-token-label {
min-width: 0%;
overflow: auto;
}
.p-chips-token-label {
min-width: 0%;
overflow: auto;
}

.p-chips-token-label::-webkit-scrollbar {
display: none;
}
.p-chips-token-label::-webkit-scrollbar {
display: none;
}

.p-chips-input-token {
flex: 1 1 auto;
display: inline-flex;
}
.p-chips-input-token {
flex: 1 1 auto;
display: inline-flex;
}

.p-chips-token-icon {
cursor: pointer;
}
.p-chips-token-icon {
cursor: pointer;
}

.p-chips-input-token input {
border: 0 none;
outline: 0 none;
background-color: transparent;
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
width: 100%;
}
.p-chips-input-token input {
border: 0 none;
outline: 0 none;
background-color: transparent;
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
width: 100%;
}

.p-fluid .p-chips {
display: flex;
}
.p-fluid .p-chips {
display: flex;
}

.p-chips-clear-icon {
position: absolute;
top: 50%;
margin-top: -.5rem;
cursor: pointer;
}
.p-chips-clear-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
cursor: pointer;
}

.p-chips-clearable .p-inputtext {
position: relative;
}
.p-chips-clearable .p-inputtext {
position: relative;
}
}
140 changes: 71 additions & 69 deletions src/app/components/colorpicker/colorpicker.css
Original file line number Diff line number Diff line change
@@ -1,81 +1,83 @@
.p-colorpicker {
display: inline-block;
}
@layer primeng {
.p-colorpicker {
display: inline-block;
}

.p-colorpicker-dragging {
cursor: pointer;
}
.p-colorpicker-dragging {
cursor: pointer;
}

.p-colorpicker-overlay {
position: relative;
}
.p-colorpicker-overlay {
position: relative;
}

.p-colorpicker-panel {
position: relative;
width: 193px;
height: 166px;
}
.p-colorpicker-panel {
position: relative;
width: 193px;
height: 166px;
}

.p-colorpicker-overlay-panel {
position: absolute;
top: 0;
left: 0;
}
.p-colorpicker-overlay-panel {
position: absolute;
top: 0;
left: 0;
}

.p-colorpicker-preview {
cursor: pointer;
}
.p-colorpicker-preview {
cursor: pointer;
}

.p-colorpicker-panel .p-colorpicker-content {
position: relative;
}
.p-colorpicker-panel .p-colorpicker-content {
position: relative;
}

.p-colorpicker-panel .p-colorpicker-color-selector {
width: 150px;
height: 150px;
top: 8px;
left: 8px;
position: absolute;
}
.p-colorpicker-panel .p-colorpicker-color-selector {
width: 150px;
height: 150px;
top: 8px;
left: 8px;
position: absolute;
}

.p-colorpicker-panel .p-colorpicker-color {
width: 150px;
height: 150px;
}
.p-colorpicker-panel .p-colorpicker-color {
width: 150px;
height: 150px;
}

.p-colorpicker-panel .p-colorpicker-color-handle {
position: absolute;
top: 0px;
left: 150px;
border-radius: 100%;
width: 10px;
height: 10px;
border-width: 1px;
border-style: solid;
margin: -5px 0 0 -5px;
cursor: pointer;
opacity: .85;
}
.p-colorpicker-panel .p-colorpicker-color-handle {
position: absolute;
top: 0px;
left: 150px;
border-radius: 100%;
width: 10px;
height: 10px;
border-width: 1px;
border-style: solid;
margin: -5px 0 0 -5px;
cursor: pointer;
opacity: 0.85;
}

.p-colorpicker-panel .p-colorpicker-hue {
width: 17px;
height: 150px;
top: 8px;
left: 167px;
position: absolute;
opacity: .85;
}
.p-colorpicker-panel .p-colorpicker-hue {
width: 17px;
height: 150px;
top: 8px;
left: 167px;
position: absolute;
opacity: 0.85;
}

.p-colorpicker-panel .p-colorpicker-hue-handle {
position: absolute;
top: 150px;
left: 0px;
width: 21px;
margin-left: -2px;
margin-top: -5px;
height: 10px;
border-width: 2px;
border-style: solid;
opacity: .85;
cursor: pointer;
.p-colorpicker-panel .p-colorpicker-hue-handle {
position: absolute;
top: 150px;
left: 0px;
width: 21px;
margin-left: -2px;
margin-top: -5px;
height: 10px;
border-width: 2px;
border-style: solid;
opacity: 0.85;
cursor: pointer;
}
}
260 changes: 136 additions & 124 deletions src/app/components/common/common.css
Original file line number Diff line number Diff line change
@@ -1,148 +1,160 @@
.p-component, .p-component * {
box-sizing: border-box;
}
@layer primeng {
.p-component,
.p-component * {
box-sizing: border-box;
}

.p-hidden {
display: none;
}
.p-hidden {
display: none;
}

.p-hidden-space {
visibility: hidden;
}
.p-hidden-space {
visibility: hidden;
}

.p-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.p-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

.p-hidden-accessible input,
.p-hidden-accessible select {
transform: scale(0);
}
.p-hidden-accessible input,
.p-hidden-accessible select {
transform: scale(0);
}

.p-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.p-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
text-decoration: none;
font-size: 100%;
list-style: none;
}

.p-disabled, .p-disabled * {
cursor: default !important;
pointer-events: none;
}
.p-disabled,
.p-disabled * {
cursor: default !important;
pointer-events: none;
}

.p-component-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.p-component-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.p-overflow-hidden {
overflow: hidden;
padding-right: var(--scrollbar-width);
}
.p-overflow-hidden {
overflow: hidden;
padding-right: var(--scrollbar-width);
}

.p-unselectable-text {
user-select: none;
}
.p-unselectable-text {
user-select: none;
}

.p-scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
}
.p-scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
}

@-webkit-keyframes p-fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes p-fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes p-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes p-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
button {
border-radius: 0;
}
input[type='button'],
input[type='submit'],
input[type='reset'],
input[type='file']::-webkit-file-upload-button,
button {
border-radius: 0;
}

.p-link {
text-align: left;
background-color: transparent;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
user-select: none;
}
.p-link {
text-align: left;
background-color: transparent;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
user-select: none;
}

.p-link:disabled {
cursor: default;
}
.p-link:disabled {
cursor: default;
}

.p-sr-only {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.p-sr-only {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}

/* Non ng overlay animations */
.p-connected-overlay {
opacity: 0;
transform: scaleY(0.8);
transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);
}
/* Non ng overlay animations */
.p-connected-overlay {
opacity: 0;
transform: scaleY(0.8);
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
}

.p-connected-overlay-visible {
opacity: 1;
transform: scaleY(1);
}
.p-connected-overlay-visible {
opacity: 1;
transform: scaleY(1);
}

.p-connected-overlay-hidden {
opacity: 0;
transform: scaleY(1);
transition: opacity .1s linear;
}
.p-connected-overlay-hidden {
opacity: 0;
transform: scaleY(1);
transition: opacity 0.1s linear;
}

.p-toggleable-content.ng-animating {
overflow: hidden;
}
.p-toggleable-content.ng-animating {
overflow: hidden;
}

.p-icon-wrapper {
display: inline-flex;
}
.p-icon-wrapper {
display: inline-flex;
}

.p-icon {
display: inline-block;
}
.p-icon {
display: inline-block;
}

.p-icon-spin {
-webkit-animation: p-icon-spin 2s infinite linear;
animation: p-icon-spin 2s infinite linear;
.p-icon-spin {
-webkit-animation: p-icon-spin 2s infinite linear;
animation: p-icon-spin 2s infinite linear;
}
}

@-webkit-keyframes p-icon-spin {
@@ -165,4 +177,4 @@ button {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
}
100 changes: 52 additions & 48 deletions src/app/components/confirmpopup/confirmpopup.css
Original file line number Diff line number Diff line change
@@ -1,49 +1,53 @@
.p-confirm-popup {
position: absolute;
margin-top: 10px;
top: 0;
left: 0;
}

.p-confirm-popup-flipped {
margin-top: 0;
margin-bottom: 10px;
}

.p-confirm-popup:after, .p-confirm-popup:before {
bottom: 100%;
left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.p-confirm-popup:after {
border-width: 8px;
margin-left: -8px;
}

.p-confirm-popup:before {
border-width: 10px;
margin-left: -10px;
}

.p-confirm-popup-flipped:after, .p-confirm-popup-flipped:before {
bottom: auto;
top: 100%;
}

.p-confirm-popup.p-confirm-popup-flipped:after {
border-bottom-color: transparent;
}

.p-confirm-popup.p-confirm-popup-flipped:before {
border-bottom-color: transparent
}

.p-confirm-popup .p-confirm-popup-content {
display: flex;
align-items: center;
@layer primeng {
.p-confirm-popup {
position: absolute;
margin-top: 10px;
top: 0;
left: 0;
}

.p-confirm-popup-flipped {
margin-top: 0;
margin-bottom: 10px;
}

.p-confirm-popup:after,
.p-confirm-popup:before {
bottom: 100%;
left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.p-confirm-popup:after {
border-width: 8px;
margin-left: -8px;
}

.p-confirm-popup:before {
border-width: 10px;
margin-left: -10px;
}

.p-confirm-popup-flipped:after,
.p-confirm-popup-flipped:before {
bottom: auto;
top: 100%;
}

.p-confirm-popup.p-confirm-popup-flipped:after {
border-bottom-color: transparent;
}

.p-confirm-popup.p-confirm-popup-flipped:before {
border-bottom-color: transparent;
}

.p-confirm-popup .p-confirm-popup-content {
display: flex;
align-items: center;
}
}
68 changes: 35 additions & 33 deletions src/app/components/contextmenu/contextmenu.css
Original file line number Diff line number Diff line change
@@ -1,40 +1,42 @@
.p-contextmenu {
position: absolute;
}
@layer primeng {
.p-contextmenu {
position: absolute;
}

.p-contextmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
.p-contextmenu ul {
margin: 0;
padding: 0;
list-style: none;
}

.p-contextmenu .p-submenu-list {
position: absolute;
min-width: 100%;
z-index: 1;
}
.p-contextmenu .p-submenu-list {
position: absolute;
min-width: 100%;
z-index: 1;
}

.p-contextmenu .p-menuitem-link {
cursor: pointer;
display: flex;
align-items: center;
text-decoration: none;
overflow: hidden;
position: relative;
}
.p-contextmenu .p-menuitem-link {
cursor: pointer;
display: flex;
align-items: center;
text-decoration: none;
overflow: hidden;
position: relative;
}

.p-contextmenu .p-menuitem-text {
line-height: 1;
}
.p-contextmenu .p-menuitem-text {
line-height: 1;
}

.p-contextmenu .p-menuitem {
position: relative;
}
.p-contextmenu .p-menuitem {
position: relative;
}

.p-contextmenu .p-menuitem-link .p-submenu-icon:not(svg) {
margin-left: auto;
}
.p-contextmenu .p-menuitem-link .p-submenu-icon:not(svg) {
margin-left: auto;
}

.p-contextmenu .p-menuitem-link .p-icon-wrapper {
margin-left: auto;
}
.p-contextmenu .p-menuitem-link .p-icon-wrapper {
margin-left: auto;
}
}
22 changes: 12 additions & 10 deletions src/app/components/dataview/dataview.css
Original file line number Diff line number Diff line change
@@ -1,11 +1,13 @@
.p-dataview {
position: relative;
}
@layer primeng {
.p-dataview {
position: relative;
}

.p-dataview .p-dataview-loading-overlay {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.p-dataview .p-dataview-loading-overlay {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
}
249 changes: 125 additions & 124 deletions src/app/components/dialog/dialog.css
Original file line number Diff line number Diff line change
@@ -1,138 +1,139 @@
.p-dialog-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
@layer primeng {
.p-dialog-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}

.p-dialog-mask.p-component-overlay {
pointer-events: auto;
}
.p-dialog-mask.p-component-overlay {
pointer-events: auto;
}

.p-dialog {
display: flex;
flex-direction: column;
pointer-events: auto;
max-height: 90%;
transform: scale(1);
position: relative;
}
.p-dialog-content {
overflow-y: auto;
flex-grow: 1;
}
.p-dialog {
display: flex;
flex-direction: column;
pointer-events: auto;
max-height: 90%;
transform: scale(1);
position: relative;
}
.p-dialog-content {
overflow-y: auto;
flex-grow: 1;
}

.p-dialog-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
}
.p-dialog-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
}

.p-dialog-draggable .p-dialog-header {
cursor: move;
}
.p-dialog-draggable .p-dialog-header {
cursor: move;
}

.p-dialog-footer {
flex-shrink: 0;
}
.p-dialog-footer {
flex-shrink: 0;
}

.p-dialog .p-dialog-header-icons {
display: flex;
align-items: center;
}
.p-dialog .p-dialog-header-icons {
display: flex;
align-items: center;
}

.p-dialog .p-dialog-header-icon {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.p-dialog .p-dialog-header-icon {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}

/* Fluid */
.p-fluid .p-dialog-footer .p-button {
width: auto;
}
/* Fluid */
.p-fluid .p-dialog-footer .p-button {
width: auto;
}

/* Top, Bottom, Left, Right, Top* and Bottom* */
.p-dialog-top .p-dialog,
.p-dialog-bottom .p-dialog,
.p-dialog-left .p-dialog,
.p-dialog-right .p-dialog,
.p-dialog-top-left .p-dialog,
.p-dialog-top-right .p-dialog,
.p-dialog-bottom-left .p-dialog,
.p-dialog-bottom-right .p-dialog {
margin: 0.75rem;
transform: translate3d(0px, 0px, 0px);
}

/* Top, Bottom, Left, Right, Top* and Bottom* */
.p-dialog-top .p-dialog,
.p-dialog-bottom .p-dialog,
.p-dialog-left .p-dialog,
.p-dialog-right .p-dialog,
.p-dialog-top-left .p-dialog,
.p-dialog-top-right .p-dialog,
.p-dialog-bottom-left .p-dialog,
.p-dialog-bottom-right .p-dialog {
margin: .75rem;
transform: translate3d(0px, 0px, 0px);
}
/* Maximize */
.p-dialog-maximized {
-webkit-transition: none;
transition: none;
transform: none;
width: 100vw !important;
height: 100vh !important;
top: 0px !important;
left: 0px !important;
max-height: 100%;
height: 100%;
}
.p-dialog-maximized .p-dialog-content {
flex-grow: 1;
}

/* Maximize */
.p-dialog-maximized {
-webkit-transition: none;
transition: none;
transform: none;
width: 100vw !important;
height: 100vh !important;
top: 0px !important;
left: 0px !important;
max-height: 100%;
height: 100%;
}
.p-dialog-maximized .p-dialog-content {
flex-grow: 1;
}
/* Position */
.p-dialog-left {
justify-content: flex-start;
}
.p-dialog-right {
justify-content: flex-end;
}
.p-dialog-top {
align-items: flex-start;
}
.p-dialog-top-left {
justify-content: flex-start;
align-items: flex-start;
}
.p-dialog-top-right {
justify-content: flex-end;
align-items: flex-start;
}
.p-dialog-bottom {
align-items: flex-end;
}
.p-dialog-bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.p-dialog-bottom-right {
justify-content: flex-end;
align-items: flex-end;
}

/* Position */
.p-dialog-left {
justify-content: flex-start;
}
.p-dialog-right {
justify-content: flex-end;
}
.p-dialog-top {
align-items: flex-start;
}
.p-dialog-top-left {
justify-content: flex-start;
align-items: flex-start;
}
.p-dialog-top-right {
justify-content: flex-end;
align-items: flex-start;
}
.p-dialog-bottom {
align-items: flex-end;
}
.p-dialog-bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.p-dialog-bottom-right {
justify-content: flex-end;
align-items: flex-end;
}

/* Resizable */
.p-dialog .p-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
/* Resizable */
.p-dialog .p-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}

.p-confirm-dialog .p-dialog-content {
display: flex;
align-items: center;
.p-confirm-dialog .p-dialog-content {
display: flex;
align-items: center;
}
}
168 changes: 85 additions & 83 deletions src/app/components/divider/divider.css
Original file line number Diff line number Diff line change
@@ -1,84 +1,86 @@
.p-divider-horizontal {
display: flex;
width: 100%;
position: relative;
align-items: center;
@layer primeng {
.p-divider-horizontal {
display: flex;
width: 100%;
position: relative;
align-items: center;
}

.p-divider-horizontal:before {
position: absolute;
display: block;
top: 50%;
left: 0;
width: 100%;
content: '';
}

.p-divider-horizontal.p-divider-left {
justify-content: flex-start;
}

.p-divider-horizontal.p-divider-right {
justify-content: flex-end;
}

.p-divider-horizontal.p-divider-center {
justify-content: center;
}

.p-divider-content {
z-index: 1;
}

.p-divider-vertical {
min-height: 100%;
margin: 0 1rem;
display: flex;
position: relative;
justify-content: center;
}

.p-divider-vertical:before {
position: absolute;
display: block;
top: 0;
left: 50%;
height: 100%;
content: '';
}

.p-divider-vertical.p-divider-top {
align-items: flex-start;
}

.p-divider-vertical.p-divider-center {
align-items: center;
}

.p-divider-vertical.p-divider-bottom {
align-items: flex-end;
}

.p-divider-solid.p-divider-horizontal:before {
border-top-style: solid;
}

.p-divider-solid.p-divider-vertical:before {
border-left-style: solid;
}

.p-divider-dashed.p-divider-horizontal:before {
border-top-style: dashed;
}

.p-divider-dashed.p-divider-vertical:before {
border-left-style: dashed;
}

.p-divider-dotted.p-divider-horizontal:before {
border-top-style: dotted;
}

.p-divider-dotted.p-divider-horizontal:before {
border-left-style: dotted;
}
}

.p-divider-horizontal:before {
position: absolute;
display: block;
top: 50%;
left: 0;
width: 100%;
content: "";
}

.p-divider-horizontal.p-divider-left {
justify-content: flex-start;
}

.p-divider-horizontal.p-divider-right {
justify-content: flex-end;
}

.p-divider-horizontal.p-divider-center {
justify-content: center;
}

.p-divider-content {
z-index: 1;
}

.p-divider-vertical {
min-height: 100%;
margin: 0 1rem;
display: flex;
position: relative;
justify-content: center;
}

.p-divider-vertical:before {
position: absolute;
display: block;
top: 0;
left: 50%;
height: 100%;
content: "";
}

.p-divider-vertical.p-divider-top {
align-items: flex-start;
}

.p-divider-vertical.p-divider-center {
align-items: center;
}

.p-divider-vertical.p-divider-bottom {
align-items: flex-end;
}

.p-divider-solid.p-divider-horizontal:before {
border-top-style: solid;
}

.p-divider-solid.p-divider-vertical:before {
border-left-style: solid;
}

.p-divider-dashed.p-divider-horizontal:before {
border-top-style: dashed;
}

.p-divider-dashed.p-divider-vertical:before {
border-left-style: dashed;
}

.p-divider-dotted.p-divider-horizontal:before {
border-top-style: dotted;
}

.p-divider-dotted.p-divider-horizontal:before {
border-left-style: dotted;
}
210 changes: 106 additions & 104 deletions src/app/components/dock/dock.css
Original file line number Diff line number Diff line change
@@ -1,105 +1,107 @@
.p-dock {
position: absolute;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}

.p-dock-list-container {
display: flex;
pointer-events: auto;
}

.p-dock-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
}

.p-dock-item {
transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
}

.p-dock-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
cursor: default;
}

.p-dock-item-second-prev,
.p-dock-item-second-next {
transform: scale(1.2);
}

.p-dock-item-prev,
.p-dock-item-next {
transform: scale(1.4);
}

.p-dock-item-current {
transform: scale(1.6);
z-index: 1;
}

/* Position */
/* top */
.p-dock-top {
left: 0;
top: 0;
width: 100%;
}

.p-dock-top .p-dock-item {
transform-origin: center top;
}

/* bottom */
.p-dock-bottom {
left: 0;
bottom: 0;
width: 100%;
}

.p-dock-bottom .p-dock-item {
transform-origin: center bottom;
}

/* right */
.p-dock-right {
right: 0;
top: 0;
height: 100%;
}

.p-dock-right .p-dock-item {
transform-origin: center right;
}

.p-dock-right .p-dock-list {
flex-direction: column;
}

/* left */
.p-dock-left {
left: 0;
top: 0;
height: 100%;
}

.p-dock-left .p-dock-item {
transform-origin: center left;
}

.p-dock-left .p-dock-list {
flex-direction: column;
@layer primeng {
.p-dock {
position: absolute;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}

.p-dock-list-container {
display: flex;
pointer-events: auto;
}

.p-dock-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
}

.p-dock-item {
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
}

.p-dock-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
cursor: default;
}

.p-dock-item-second-prev,
.p-dock-item-second-next {
transform: scale(1.2);
}

.p-dock-item-prev,
.p-dock-item-next {
transform: scale(1.4);
}

.p-dock-item-current {
transform: scale(1.6);
z-index: 1;
}

/* Position */
/* top */
.p-dock-top {
left: 0;
top: 0;
width: 100%;
}

.p-dock-top .p-dock-item {
transform-origin: center top;
}

/* bottom */
.p-dock-bottom {
left: 0;
bottom: 0;
width: 100%;
}

.p-dock-bottom .p-dock-item {
transform-origin: center bottom;
}

/* right */
.p-dock-right {
right: 0;
top: 0;
height: 100%;
}

.p-dock-right .p-dock-item {
transform-origin: center right;
}

.p-dock-right .p-dock-list {
flex-direction: column;
}

/* left */
.p-dock-left {
left: 0;
top: 0;
height: 100%;
}

.p-dock-left .p-dock-item {
transform-origin: center left;
}

.p-dock-left .p-dock-list {
flex-direction: column;
}
}
130 changes: 66 additions & 64 deletions src/app/components/dropdown/dropdown.css
Original file line number Diff line number Diff line change
@@ -1,78 +1,80 @@
.p-dropdown {
display: inline-flex;
cursor: pointer;
position: relative;
user-select: none;
}
@layer primeng {
.p-dropdown {
display: inline-flex;
cursor: pointer;
position: relative;
user-select: none;
}

.p-dropdown-clear-icon {
position: absolute;
top: 50%;
margin-top: -.5rem;
}
.p-dropdown-clear-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}

.p-dropdown-trigger {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.p-dropdown-trigger {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.p-dropdown-label {
display: block;
white-space: nowrap;
overflow: hidden;
flex: 1 1 auto;
width: 1%;
text-overflow: ellipsis;
cursor: pointer;
}
.p-dropdown-label {
display: block;
white-space: nowrap;
overflow: hidden;
flex: 1 1 auto;
width: 1%;
text-overflow: ellipsis;
cursor: pointer;
}

.p-dropdown-label-empty {
overflow: hidden;
visibility: hidden;
}
.p-dropdown-label-empty {
overflow: hidden;
visibility: hidden;
}

input.p-dropdown-label {
cursor: default;
}
input.p-dropdown-label {
cursor: default;
}

.p-dropdown-items-wrapper {
overflow: auto;
}
.p-dropdown-items-wrapper {
overflow: auto;
}

.p-dropdown-item {
cursor: pointer;
font-weight: normal;
white-space: nowrap;
position: relative;
overflow: hidden;
}
.p-dropdown-item {
cursor: pointer;
font-weight: normal;
white-space: nowrap;
position: relative;
overflow: hidden;
}

.p-dropdown-items {
margin: 0;
padding: 0;
list-style-type: none;
}
.p-dropdown-items {
margin: 0;
padding: 0;
list-style-type: none;
}

.p-dropdown-filter {
width: 100%;
}
.p-dropdown-filter {
width: 100%;
}

.p-dropdown-filter-container {
position: relative;
}
.p-dropdown-filter-container {
position: relative;
}

.p-dropdown-filter-icon {
position: absolute;
top: 50%;
margin-top: -.5rem;
}
.p-dropdown-filter-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}

.p-fluid .p-dropdown {
display: flex;
}
.p-fluid .p-dropdown {
display: flex;
}

.p-fluid .p-dropdown .p-dropdown-label {
width: 1%;
.p-fluid .p-dropdown .p-dropdown-label {
width: 1%;
}
}
42 changes: 22 additions & 20 deletions src/app/components/fieldset/fieldset.css
Original file line number Diff line number Diff line change
@@ -1,25 +1,27 @@
.p-fieldset-legend > a,
.p-fieldset-legend > span {
display: flex;
align-items: center;
justify-content: center;
}
@layer primeng {
.p-fieldset-legend > a,
.p-fieldset-legend > span {
display: flex;
align-items: center;
justify-content: center;
}

.p-fieldset-toggleable .p-fieldset-legend a {
cursor: pointer;
user-select: none;
overflow: hidden;
position: relative;
}
.p-fieldset-toggleable .p-fieldset-legend a {
cursor: pointer;
user-select: none;
overflow: hidden;
position: relative;
}

.p-fieldset-legend-text {
line-height: 1;
}
.p-fieldset-legend-text {
line-height: 1;
}

.p-fieldset-toggleable.p-fieldset-expanded > .p-toggleable-content:not(.ng-animating) {
overflow: visible;
}
.p-fieldset-toggleable.p-fieldset-expanded > .p-toggleable-content:not(.ng-animating) {
overflow: visible;
}

.p-fieldset-toggleable .p-toggleable-content{
overflow: hidden;
.p-fieldset-toggleable .p-toggleable-content {
overflow: hidden;
}
}
90 changes: 46 additions & 44 deletions src/app/components/fileupload/fileupload.css
Original file line number Diff line number Diff line change
@@ -1,45 +1,47 @@
.p-fileupload-content {
position: relative;
}

.p-fileupload-row {
display: flex;
align-items: center;
}

.p-fileupload-row > div {
flex: 1 1 auto;
width: 25%;
}

.p-fileupload-row > div:last-child {
text-align: right;
}

.p-fileupload-content .p-progressbar {
width: 100%;
position: absolute;
top: 0;
left: 0;
}

.p-button.p-fileupload-choose {
position: relative;
overflow: hidden;
}

.p-button.p-fileupload-choose input[type=file] {
display: none;
}

.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {
display: none;
}

.p-fluid .p-fileupload .p-button {
width: auto;
}

.p-fileupload-filename {
word-break: break-all;
@layer primeng {
.p-fileupload-content {
position: relative;
}

.p-fileupload-row {
display: flex;
align-items: center;
}

.p-fileupload-row > div {
flex: 1 1 auto;
width: 25%;
}

.p-fileupload-row > div:last-child {
text-align: right;
}

.p-fileupload-content .p-progressbar {
width: 100%;
position: absolute;
top: 0;
left: 0;
}

.p-button.p-fileupload-choose {
position: relative;
overflow: hidden;
}

.p-button.p-fileupload-choose input[type='file'] {
display: none;
}

.p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {
display: none;
}

.p-fluid .p-fileupload .p-button {
width: auto;
}

.p-fileupload-filename {
word-break: break-all;
}
}
Loading

1 comment on commit 833d4ff

@vercel
Copy link

@vercel vercel bot commented on 833d4ff Sep 25, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.