From 7760e75474cb7ce0beb21e2b8fc0aabce0fdfa44 Mon Sep 17 00:00:00 2001
From: Elblinator <lelble@intevation.de>
Date: Fri, 10 Jul 2026 13:47:01 +0200
Subject: [PATCH] Add tooltips in comment-detail

---
 .../motions/pages/comments/comments.module.ts    |  2 ++
 .../comment-section-list.component.html          | 16 ++++++++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/client/src/app/site/pages/meetings/pages/motions/pages/comments/comments.module.ts b/client/src/app/site/pages/meetings/pages/motions/pages/comments/comments.module.ts
index 7fe3479dc43..ad44547f51d 100644
--- a/client/src/app/site/pages/meetings/pages/motions/pages/comments/comments.module.ts
+++ b/client/src/app/site/pages/meetings/pages/motions/pages/comments/comments.module.ts
@@ -9,6 +9,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
 import { MatMenuModule } from '@angular/material/menu';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { OpenSlidesTranslationModule } from 'src/app/site/modules/translations';
 import { CommaSeparatedListingComponent } from 'src/app/ui/modules/comma-separated-listing';
 import { HeadBarModule } from 'src/app/ui/modules/head-bar';
@@ -40,6 +41,7 @@ import { CommentSectionSortComponent } from './components/comment-section-sort/c
         MatFormFieldModule,
         MatDialogModule,
         MatInputModule,
+        MatTooltipModule,
         MatCheckboxModule,
         ReactiveFormsModule
     ]
diff --git a/client/src/app/site/pages/meetings/pages/motions/pages/comments/components/comment-section-list/comment-section-list.component.html b/client/src/app/site/pages/meetings/pages/motions/pages/comments/components/comment-section-list/comment-section-list.component.html
index 58b4667623d..087479a5d90 100644
--- a/client/src/app/site/pages/meetings/pages/motions/pages/comments/components/comment-section-list/comment-section-list.component.html
+++ b/client/src/app/site/pages/meetings/pages/motions/pages/comments/components/comment-section-list/comment-section-list.component.html
@@ -29,7 +29,11 @@ <h1 class="mock-h2" translate>Comment fields</h1>
                                 {{ section.name }}
                             </div>
                             <div class="read">
-                                <os-icon-container icon="visibility">
+                                <os-icon-container
+                                    icon="visibility"
+                                    matTooltipPosition="left"
+                                    [matTooltip]="'Can read' | translate"
+                                >
                                     @if (section.read_groups?.length) {
                                         <ng-container
                                             *ngTemplateOutlet="groupList; context: { groups: section.read_groups }"
@@ -41,7 +45,11 @@ <h1 class="mock-h2" translate>Comment fields</h1>
                                 </os-icon-container>
                             </div>
                             <div class="write">
-                                <os-icon-container icon="edit">
+                                <os-icon-container
+                                    icon="edit"
+                                    matTooltipPosition="left"
+                                    [matTooltip]="'Can write' | translate"
+                                >
                                     @if (section.write_groups?.length) {
                                         <ng-container
                                             *ngTemplateOutlet="groupList; context: { groups: section.write_groups }"
@@ -86,10 +94,10 @@ <h3>{{ 'Groups with write permissions' | translate }}</h3>
                 }
                 <mat-action-row>
                     <button mat-icon-button (click)="openDialog(section)">
-                        <mat-icon>edit</mat-icon>
+                        <mat-icon [matTooltip]="'Edit' | translate">edit</mat-icon>
                     </button>
                     <button mat-icon-button (click)="onDeleteButton(section)">
-                        <mat-icon>delete</mat-icon>
+                        <mat-icon [matTooltip]="'Delete' | translate">delete</mat-icon>
                     </button>
                 </mat-action-row>
             </mat-expansion-panel>