Fix: left border correctly works in Safari (#1456)

Co-authored-by: Simon <simon@aam-digital.com>
Aam-Digital · Sep 23, 2022 · 7111dce · 7111dce
1 parent d1f9de3
commit 7111dce
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/.../child-dev-project/notes/dashboard-widgets/important-notes/important-notes.component.html b/.../child-dev-project/notes/dashboard-widgets/important-notes/important-notes.component.html
@@ -19,7 +19,7 @@
           <th scope="col">Title</th>
         </tr>
         <ng-container matColumnDef="date">
-          <td *matCellDef="let note">
+          <td *matCellDef="let note" class="date-cell">
             {{ note.date | date }}
           </td>
         </ng-container>

diff --git a/.../child-dev-project/notes/dashboard-widgets/important-notes/important-notes.component.scss b/.../child-dev-project/notes/dashboard-widgets/important-notes/important-notes.component.scss
@@ -5,21 +5,27 @@
   text-align: right;
 }
 
-.row-view {
-  cursor: pointer;
+.date-cell {
   position: relative;
 
   &::before {
+    left: 0;
+    top: 0;
     content: '';
     display: block;
-    width: 8px;
+    width: $standard-margin-small;
     height: 100%;
     position: absolute;
     background-color: var(--important-notes-bg-color);
   }
+}
+
+.row-view {
+  cursor: pointer;
+  position: relative;
 
   & > td:first-child {
-    padding-left: $standard-margin-small + 4;
+    padding-left: 2 * $standard-margin-small;
   }
 
   & > td:last-child {