fix(angular): fix icon sizing issue in dropdown toggle

Signed-off-by: Scott Mathis <smathis@vmware.com>
vmware-archive · Jan 10, 2022 · 0cb5c3b · 0cb5c3b
1 parent e074c23
commit 0cb5c3b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/projects/angular/src/layout/nav/_header.clarity.scss b/projects/angular/src/layout/nav/_header.clarity.scss
@@ -1,4 +1,4 @@
-// Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
+// Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
 // This software is released under MIT license.
 // The full license information can be found in LICENSE in the root directory of this project.
 
@@ -262,6 +262,7 @@
         cds-icon[shape^='angle'],
         clr-icon[shape^='angle'] {
           right: $clr-header-action-caret-icon-right-position;
+          top: 44%;
         }
       }
 

diff --git a/projects/angular/src/popover/dropdown/_dropdown.clarity.scss b/projects/angular/src/popover/dropdown/_dropdown.clarity.scss
@@ -1,4 +1,4 @@
-// Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
+// Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
 // This software is released under MIT license.
 // The full license information can be found in LICENSE in the root directory of this project.
 
@@ -34,7 +34,7 @@
         top: 50%;
         transform: translateY(-50%);
         color: inherit;
-        @include equilateral($clr-dropdown-caret-icon-dimension);
+        @include min-equilateral($clr-dropdown-caret-icon-dimension);
       }
 
       // NOTE: cds-icon handles direction internally.
@@ -45,7 +45,7 @@
         position: absolute;
         top: 35%;
         color: inherit;
-        @include equilateral($clr-dropdown-caret-icon-dimension);
+        @include min-equilateral($clr-dropdown-caret-icon-dimension);
       }
 
       &.btn {