.caption {
height: 40px;
- display: flex;
+ width: 100%;
+ display: inline-flex;
align-items: center;
+
+ .input-group-text {
+ background-color: transparent;
+ }
}
}
font-size: 11px !important;
top: 0 !important;
- &.pi-sort-up {
+ &.pi-sort-amount-up-alt {
@extend .glyphicon-triangle-top;
color: var(--mainForegroundColor) !important;
}
- &.pi-sort-down {
+ &.pi-sort-amount-down {
@extend .glyphicon-triangle-bottom;
color: var(--mainForegroundColor) !important;
}
// overflow data table
-@mixin overflow-datatable ($table-min-width, $horizontal-margins) {
+@mixin overflow-datatable ($table-min-width, $horizontal-margins, $mobile-paginator: true) {
p-table {
.ui-table-wrapper {
overflow-x: auto;
}
}
- p-paginator .ui-paginator-bottom {
- display: block;
-
- .ui-paginator-current {
- position: relative;
+ @if $mobile-paginator {
+ p-paginator .ui-paginator-bottom {
display: block;
- }
- a, .ui-paginator-pages {
- vertical-align: middle;
+ .ui-paginator-current {
+ position: relative;
+ display: block;
+ }
+
+ a, .ui-paginator-pages {
+ vertical-align: middle;
+ }
}
}
}
}
}
- .pi.pi-chevron-down{
+ .pi.pi-chevron-down {
margin-left: 0 !important;
&::after {
.ui-toast-message {
font-family: $main-fonts;
background-color: var(--mainBackgroundColor) !important;
+ color: var(--mainForegroundColor) !important;
border-radius: 5px;
box-sizing: border-box;
border: 1px solid #EBEEF5 !important;