gru/mikrotik_backup_system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes in css

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-04-15 20:13:32 +02:00
parent 5356342f6d
commit 91c178b450
2 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/app/features/routers/routers-page.component.html
View File

@@ -22,31 +22,36 @@
</div> </div>
<app-section-card [title]="'routers.listTitle' | translate" [subtitle]="'routers.listSubtitle' | translate"> <app-section-card [title]="'routers.listTitle' | translate" [subtitle]="'routers.listSubtitle' | translate">
<p-table [value]="routers" responsiveLayout="stack" [breakpoint]="'960px'" styleClass="app-table repository-table"> <p-table [value]="routers" responsiveLayout="stack" [breakpoint]="'960px'" styleClass="app-table repository-table repository-table--routers">
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr><th>{{ 'routers.name' | translate }}</th><th>{{ 'routers.endpoint' | translate }}</th><th>{{ 'routers.access' | translate }}</th><th>{{ 'routers.backupPolicy' | translate }}</th><th>{{ 'routers.ping' | translate }}</th><th>{{ 'common.actions' | translate }}</th></tr> <tr><th>{{ 'routers.name' | translate }}</th><th>{{ 'routers.endpoint' | translate }}</th><th>{{ 'routers.access' | translate }}</th><th>{{ 'routers.backupPolicy' | translate }}</th><th>{{ 'routers.ping' | translate }}</th><th>{{ 'common.actions' | translate }}</th></tr>
</ng-template> </ng-template>
<ng-template pTemplate="body" let-routerItem> <ng-template pTemplate="body" let-routerItem>
<tr> <tr>
<td> <td>
<div class="table-primary">{{ routerItem.name }}</div> <span class="p-column-title">{{ 'routers.name' | translate }}</span>
<div class="table-primary table-primary--ellipsis" [attr.title]="routerItem.name">{{ routerItem.name }}</div>
<small class="table-secondary">{{ deviceTypeLabel(routerItem) }}</small> <small class="table-secondary">{{ deviceTypeLabel(routerItem) }}</small>
</td> </td>
<td> <td>
<span class="p-column-title">{{ 'routers.endpoint' | translate }}</span>
<div class="table-primary">{{ routerItem.host }}:{{ routerItem.port }}</div> <div class="table-primary">{{ routerItem.host }}:{{ routerItem.port }}</div>
<small class="table-secondary">{{ accessUser(routerItem) }}</small> <small class="table-secondary">{{ accessUser(routerItem) }}</small>
</td> </td>
<td> <td>
<span class="p-column-title">{{ 'routers.access' | translate }}</span>
<div class="inline-tags"> <div class="inline-tags">
<p-tag [value]="primaryAccessTag(routerItem).value" [severity]="primaryAccessTag(routerItem).severity"></p-tag> <p-tag [value]="primaryAccessTag(routerItem).value" [severity]="primaryAccessTag(routerItem).severity"></p-tag>
<p-tag [value]="secondaryAccessTag(routerItem).value" [severity]="secondaryAccessTag(routerItem).severity"></p-tag> <p-tag [value]="secondaryAccessTag(routerItem).value" [severity]="secondaryAccessTag(routerItem).severity"></p-tag>
</div> </div>
</td> </td>
<td> <td>
<span class="p-column-title">{{ 'routers.backupPolicy' | translate }}</span>
<div class="table-primary">{{ backupPolicyLabel(routerItem) }}</div> <div class="table-primary">{{ backupPolicyLabel(routerItem) }}</div>
<small class="table-secondary" *ngIf="routerItem.disable_all_backups">{{ 'common.disabled' | translate }}</small> <small class="table-secondary" *ngIf="routerItem.disable_all_backups">{{ 'common.disabled' | translate }}</small>
</td> </td>
<td> <td>
<span class="p-column-title">{{ 'routers.ping' | translate }}</span>
<small class="table-secondary">{{ pingLabel(routerItem) }}</small> <small class="table-secondary">{{ pingLabel(routerItem) }}</small>
</td> </td>
<td> <td>

18
frontend/src/styles/pages.css
View File

@@ -3138,6 +3138,17 @@ body.dark-theme .device-toggle.is-active{background:linear-gradient(135deg,color
padding-inline: 0.8rem; padding-inline: 0.8rem;
} }
.repository-table--routers.app-table .p-datatable-thead > tr > th:first-child,
.repository-table--routers.app-table .p-datatable-tbody > tr > td:first-child{
width: 18%;
min-width: 220px;
max-width: 0;
}
.repository-table--routers .table-primary--ellipsis{
max-width: 100%;
}
.repository-table .table-primary--ellipsis{ .repository-table .table-primary--ellipsis{
display:block; display:block;
max-width:100%; max-width:100%;
@@ -3336,6 +3347,13 @@ body.dark-theme .device-toggle.is-active{background:linear-gradient(135deg,color
text-overflow:unset; text-overflow:unset;
} }
.repository-table--routers.app-table .p-datatable-thead > tr > th:first-child,
.repository-table--routers.app-table .p-datatable-tbody > tr > td:first-child{
width: auto;
min-width: 0;
max-width: none;
}
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(2), .repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(2),
.repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(2), .repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(2),
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(7), .repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(7),