arrows are now synchronised with the toggle

dainst · Jan 22, 2025 · f63c611 · f63c611
1 parent 540172d
commit f63c611
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 8 deletions.
diff --git a/desktop/src/app/components/widgets/changes-history-modal.html b/desktop/src/app/components/widgets/changes-history-modal.html
@@ -8,15 +8,21 @@ <h5  class="modal-title" i18n="@@widgets.historyModal.header">Änderunghistorie<
         <div *ngIf="document.modified[0].user">
             <div id="list" class="col-lg-12 col-md-12 col-sm-12">               
                 <div id="list-header">  
-                    <div class="list-header-field" i18n="@@changes.list.colnames.date" >
-                        <span (click)="toggleColumnSort('date')">Änderungsdatum </span>
-                        <span class="sort-arrow-up arrow-up mdi-16px" (click)="sortDownBy('date')"></span>
-                        <span class="sort-arrow-down arrow-down" (click)="sortUpBy('date')"></span>
+                    <div class="list-header-field"
+                        i18n="@@changes.list.colnames.date" 
+                        (click)="toggleColumnSort('date')" 
+                        [ngClass]="toggledDate ? 'arrow-down' : 'arrow-up'">
+                        <span class="text-left">Änderungsdatum </span>
+                        <!-- <span class="sort-arrow-up arrow-up mdi-16px" (click)="sortDownBy('date')"></span>
+                        <span class="sort-arrow-down arrow-down" (click)="sortUpBy('date')"></span> -->
                     </div>
-                    <div class="list-header-field" i18n="@@changes.list.colnames.user">
-                        <span (click)="toggleColumnSort('user')">Benutzer </span>
-                        <span class="sort-arrow-up arrow-up" (click)="sortDownBy('user')"></span>
-                        <span class="sort-arrow-down arrow-down" (click)="sortUpBy('user')"></span>
+                    <div class="list-header-field" 
+                        i18n="@@changes.list.colnames.user"
+                        (click)="toggleColumnSort('user')"
+                        [ngClass]="toggledUser ? 'arrow-down' : 'arrow-up'">
+                        <span class="text-left">Benutzer </span>
+                        <!-- <span class="sort-arrow-up arrow-up" (click)="sortDownBy('user')"></span>
+                        <span class="sort-arrow-down arrow-down" (click)="sortUpBy('user')"></span> -->
                     </div>
                 </div>            
                 <div class="list-body">

diff --git a/desktop/src/app/components/widgets/changes-history-modal.scss b/desktop/src/app/components/widgets/changes-history-modal.scss
@@ -46,4 +46,9 @@
 }
 .sort-arrow-down:hover{
   color:green;
+}
+
+.text-left{
+  float:left;
+  margin-right: 4pt;
 }