put the arrows on the right

the-last-pastafarian · the-last-pastafarian · commit 5ff68e618c61 · 2025-01-22T12:01:49.000+01:00
diff --git a/desktop/src/app/components/widgets/changes-history-modal.html b/desktop/src/app/components/widgets/changes-history-modal.html
@@ -8,21 +8,17 @@ <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"
+                    <div class="list-header-field text-right"
                         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> -->
+                        <span class="box-left">Änderungsdatum </span>
                     </div>
-                    <div class="list-header-field" 
+                    <div class="list-header-field text-right" 
                         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> -->
+                        <span class="box-left">Benutzer </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
@@ -15,6 +15,7 @@
       color: rgb(73, 80, 87);
       border: solid 1px rgb(221, 221, 221);
     }
+
   }
 
   .list-body{    
@@ -38,17 +39,17 @@
     }
   }
 }
-.sort-arrow-up .sort-arrow-down{
-  float:right;
-}
-.sort-arrow-up:hover{
-  color:red;
-}
-.sort-arrow-down:hover{
-  color:green;
+
+.list-header-field:hover{
+  background-color: rgb(200, 200, 200, 0.2);
 }
 
-.text-left{
+.box-left{
   float:left;
   margin-right: 4pt;
+}
+
+.text-right{
+  text-align:right;
+  // margin-right: 4pt;
 }

Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,7 @@`
`15`	`15`	`color: rgb(73, 80, 87);`
`16`	`16`	`border: solid 1px rgb(221, 221, 221);`
`17`	`17`	`}`
	`18`	`+`
`18`	`19`	`}`
`19`	`20`
`20`	`21`	`.list-body{`
`@@ -38,17 +39,17 @@`
`38`	`39`	`}`
`39`	`40`	`}`
`40`	`41`	`}`
`41`		`-.sort-arrow-up .sort-arrow-down{`
`42`		`- float:right;`
`43`		`-}`
`44`		`-.sort-arrow-up:hover{`
`45`		`- color:red;`
`46`		`-}`
`47`		`-.sort-arrow-down:hover{`
`48`		`- color:green;`
	`42`	`+`
	`43`	`+.list-header-field:hover{`
	`44`	`+ background-color: rgb(200, 200, 200, 0.2);`
`49`	`45`	`}`
`50`	`46`
`51`		`-.text-left{`
	`47`	`+.box-left{`
`52`	`48`	`float:left;`
`53`	`49`	`margin-right: 4pt;`
	`50`	`+}`
	`51`	`+`
	`52`	`+.text-right{`
	`53`	`+ text-align:right;`
	`54`	`+ // margin-right: 4pt;`
`54`	`55`	`}`