sh-edraft.de/sh_discord_bot
4
1
Fork 1
Code Issues 21 Pull Requests Actions Packages Projects 3 Releases 27 Wiki Activity

Merge pull request 'Fixed responsive styling #1.1.0.rc5' (#350) from 1.1.0.rc5 into 1.1.0

Browse Source 
Reviewed-on: sh-edraft.de/kd_discord_bot#350
This commit is contained in:
Sven Heidemann 2023-08-18 16:56:11 +02:00
commit 12f231aa41
2 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
kdb-web/src/app/modules/shared/components/feature-flag-list/feature-flag-list.component.html
View File

@ -4,7 +4,7 @@
{{'common.feature_flags' | translate}}: {{'common.feature_flags' | translate}}:
</div> </div>
<div class="content-data-value-row"> <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"> <ng-template pTemplate="caption">
<div class="table-caption"> <div class="table-caption">
<div class="table-caption-btn-wrapper btn-wrapper"> <div class="table-caption-btn-wrapper btn-wrapper">
@ -15,7 +15,7 @@
</div> </div>
</ng-template> </ng-template>
<ng-template pTemplate="body" let-value let-editing="editing" let-ri="rowIndex"> <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;"> <td style="flex: 3;">
<p-cellEditor> <p-cellEditor>
<ng-template pTemplate="input"> <ng-template pTemplate="input">

16
kdb-web/src/styles.scss
View File

@ -712,7 +712,8 @@ p-inputNumber {
width: 100%; width: 100%;
} }
app-config-list { app-config-list,
app-feature-flag-list {
.content-row { .content-row {
.content-column { .content-column {
flex-direction: column; flex-direction: column;
@ -723,6 +724,15 @@ p-inputNumber {
.content-data-value-row { .content-data-value-row {
.content-table-row { .content-table-row {
flex-direction: column; 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; gap: 5px;
} }
} }
p-dropdown {
width: 100%;
}
} }