From 148ae8197725da0db1319e049d543bb5cf42e831 Mon Sep 17 00:00:00 2001 From: FlorianEisenmenger Date: Mon, 12 May 2025 10:57:29 +0200 Subject: [PATCH] buttons in tables --- angular/src/app/_components/list/list.component.ts | 2 ++ angular/src/assets/scss/_button.scss | 2 ++ angular/src/assets/scss/_table.scss | 4 +++- 3 files changed, 7 insertions(+), 1 deletion(-) diff --git a/angular/src/app/_components/list/list.component.ts b/angular/src/app/_components/list/list.component.ts index 43cdbcb..f9bd4dd 100644 --- a/angular/src/app/_components/list/list.component.ts +++ b/angular/src/app/_components/list/list.component.ts @@ -314,7 +314,9 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy { switch (column.type) { case ListComponent.COLUMN_TYPE_DETAIL: return "spt-button-td"; + case ListComponent.COLUMN_TYPE_DETAIL_LINK: case ListComponent.COLUMN_TYPE_BTN_REMOVE: + case ListComponent.COLUMN_TYPE_BTN_EDIT: return "spt-button-td text-end"; case ListComponent.COLUMN_TYPE_TEXT: return "spt-version-td"; diff --git a/angular/src/assets/scss/_button.scss b/angular/src/assets/scss/_button.scss index 1822f44..9f5d879 100644 --- a/angular/src/assets/scss/_button.scss +++ b/angular/src/assets/scss/_button.scss @@ -95,11 +95,13 @@ body { display: block; width: 32px; height: 32px; + margin: 0 16px 0 0; background-size: 20px auto; background-color: #2e3a43; border-color: #2e3a43; background-repeat: no-repeat; background-position: 50% 50%; + cursor: pointer; &:hover { background-color: #6d757c !important; border-color: #6d757c !important; diff --git a/angular/src/assets/scss/_table.scss b/angular/src/assets/scss/_table.scss index 85bf9d4..a45faf8 100644 --- a/angular/src/assets/scss/_table.scss +++ b/angular/src/assets/scss/_table.scss @@ -119,7 +119,9 @@ app-paging > .mat-mdc-paginator:first-child { } .spt-button-td { - width: 85px; + width: 50px; + padding-left: 0 !important; + padding-right: 0 !important; } .spt-version-td { min-width: 160px;