fix: bring back units address active state styling (#9394)

Closes: #9213
SAP · Oct 19, 2020 · 5fb02cb · 5fb02cb
1 parent e8b180e
commit 5fb02cb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/...s/organization/administration/components/unit/links/addresses/list/link-cell.component.ts b/...s/organization/administration/components/unit/links/addresses/list/link-cell.component.ts
@@ -12,6 +12,7 @@ import { OrganizationCellComponent } from '../../../../shared/organization-table
     <a
       *ngIf="unitKey$ | async as uid"
       [routerLink]="{ cxRoute: route, params: getRouterModel(uid) } | cxUrl"
+      routerLinkActive="is-current"
       [tabIndex]="tabIndex"
     >
       <span class="text">{{ property }}</span>

diff --git a/feature-libs/organization/administration/styles/_list.scss b/feature-libs/organization/administration/styles/_list.scss
@@ -1,3 +1,9 @@
+@mixin is-current-active-selection {
+  outline: solid 3px var(--cx-color-primary);
+  outline-offset: -3px;
+  background: var(--cx-color-background-focus);
+}
+
 %ghost {
   &.ghost {
     .header {
@@ -280,6 +286,11 @@
                 padding-inline-start: 5px;
               }
             }
+            a {
+              &.is-current {
+                @include is-current-active-selection;
+              }
+            }
           }
           th:last-child,
           td:last-child {
@@ -300,9 +311,7 @@
         }
         // highlight current items
         &.is-current {
-          outline: solid 3px var(--cx-color-primary);
-          outline-offset: -3px;
-          background: var(--cx-color-background-focus);
+          @include is-current-active-selection;
         }
 
         &:focus-within {