// ---------------------------------------------------------------------------
p-table {
+ table {
+ table-layout: fixed;
+ }
+
.p-datatable-header {
border: none !important;
background-color: pvar(--mainBackgroundColor) !important;
.caption {
- height: 40px;
+ min-height: 40px;
width: 100%;
display: inline-flex;
align-items: center;
&.p-sortable-column:hover {
background-color: pvar(--submenuBackgroundColor) !important;
- border: 1px solid !important;
- border-color: pvar(--submenuBackgroundColor) !important;
- border-width: 0 1px !important;
-
- &:first-child {
- border-width: 0 1px 0 0 !important;
- }
}
&.p-highlight {
right: 0;
color: pvar(--inputPlaceholderColor);
overflow: visible;
+
+ @media screen and (max-width: $small-view) {
+ left: 0;
+ top: 40px;
+ }
}
.p-paginator-first,
@include margin-right(10px);
.p-paginator-icon {
- @extend .chevron-left !optional;
+ @include chevron-left-default;
}
}
@include margin-left(10px);
.p-paginator-icon {
- @extend .chevron-right !optional;
+ @include chevron-right-default;
}
}
}
.p-datepicker-next {
- @extend .chevron-right !optional;
+ @include chevron-right-default;
color: #000 !important;
text-align: end;
}
.p-datepicker-prev {
- @extend .chevron-left !optional;
+ @include chevron-left-default;
color: #000 !important;
text-align: start;
.p-timepicker {
.pi.pi-chevron-up {
- @extend .chevron-up !optional;
+ @include chevron-up-default;
color: #000 !important;
}
.pi.pi-chevron-down {
- @extend .chevron-down !optional;
+ @include chevron-down-default;
color: #000 !important;
}