Align baseline items

https://community.openproject.org/work_packages/48418
opf · Jul 24, 2023 · 01e69a4 · 01e69a4
1 parent e93b7be
commit 01e69a4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/frontend/src/app/features/work-packages/components/wp-table/wp-table.component.html b/frontend/src/app/features/work-packages/components/wp-table/wp-table.component.html
@@ -25,8 +25,8 @@
             </div>
           </th>
           <th *ngIf="baselineEnabled" class="wp-table--baseline-th -short hide-when-print">
-            <div class="generic-table--empty-header">
-              <op-icon icon-classes="icon-baseline"></op-icon>
+            <div class="generic-table--empty-header op-table-baseline--column-header">
+              <span class="spot-icon spot-icon_baseline"></span>
             </div>
           </th>
           <th *ngFor="let column of columns; trackBy:trackByHref"

diff --git a/frontend/src/global_styles/layout/work_packages/_table_baseline.sass b/frontend/src/global_styles/layout/work_packages/_table_baseline.sass
@@ -56,5 +56,11 @@
     // Ensure items are not taking full width
     align-items: flex-start
 
-  .spot-icon
-    vertical-align: middle
+  &--column-header
+    display: flex
+    align-items: center
+
+  .op-table-baseline--column-cell .spot-icon
+    display: flex
+    align-items: center
+    justify-items: center