.caption {
height: 40px;
- display: flex;
+ width: 100%;
+ display: inline-flex;
align-items: center;
+
+ .input-group-text {
+ background-color: transparent;
+ }
}
}
.ui-dropdown {
position: absolute;
+ top: 3px;
left: 0;
+
+ &.ui-state-focus {
+ box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest);
+ }
+
+ .ui-dropdown-label {
+ color: var(--inputPlaceholderColor);
+ }
}
.ui-paginator-current {
position: absolute;
right: 0;
+ color: var(--inputPlaceholderColor);
}
.ui-paginator-first,
}
// 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;
+ }
}
}
}