Fixed responsive styling #1.1.0.rc5

This commit is contained in:
Sven Heidemann 2023-08-18 16:50:19 +02:00
parent 2321c12bc9
commit 2f3ae229c9
2 changed files with 17 additions and 3 deletions

View File

@ -4,7 +4,7 @@
{{'common.feature_flags' | translate}}:
</div>
<div class="content-data-value-row">
<p-table #dt [value]="internal_data" [responsive]="true" responsiveLayout="stack" [breakpoint]="'720px'" dataKey="id" editMode="row">
<p-table #dt [value]="internal_data" [responsive]="true" responsiveLayout="stack" [breakpoint]="'720px'" dataKey="id" editMode="row">
<ng-template pTemplate="caption">
<div class="table-caption">
<div class="table-caption-btn-wrapper btn-wrapper">
@ -15,7 +15,7 @@
</div>
</ng-template>
<ng-template pTemplate="body" let-value let-editing="editing" let-ri="rowIndex">
<tr [pEditableRow]="value" style="display: flex;">
<tr class="content-table-row" [pEditableRow]="value" style="display: flex;">
<td style="flex: 3;">
<p-cellEditor>
<ng-template pTemplate="input">

View File

@ -712,7 +712,8 @@ p-inputNumber {
width: 100%;
}
app-config-list {
app-config-list,
app-feature-flag-list {
.content-row {
.content-column {
flex-direction: column;
@ -723,6 +724,15 @@ p-inputNumber {
.content-data-value-row {
.content-table-row {
flex-direction: column;
p-inputSwitch {
display: flex;
justify-content: center !important;
}
p-cellEditor {
justify-content: center !important;
}
}
}
}
@ -770,4 +780,8 @@ p-inputNumber {
gap: 5px;
}
}
p-dropdown {
width: 100%;
}
}