fix: [argoproj#5462] ArgoCD UI External links dropdown caret position…

…ed incorrectly in list view (argoproj#6668) * fix: argoproj#5462 ArgoCD UI External links dropdown caret positioned incorrectly in list view Signed-off-by: ciiay <[email protected]> * fix: minor uddaptes to fix eslint error Signed-off-by: ciiay <[email protected]>
tkasuz · Jul 9, 2021 · 040202e · 040202e
1 parent 7e68b1e
commit 040202e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/ui/src/app/applications/components/application-urls.tsx b/ui/src/app/applications/components/application-urls.tsx
@@ -37,7 +37,7 @@ export const ApplicationURLs = ({urls}: {urls: string[]}) => {
 
     return (
         ((externalLinks || []).length > 0 && (
-            <span>
+            <div className='applications-list__external-links-icon-container'>
                 <a
                     title={externalLinks[0].title}
                     onClick={e => {
@@ -55,7 +55,7 @@ export const ApplicationURLs = ({urls}: {urls: string[]}) => {
                         />
                     )}
                 </a>
-            </span>
+            </div>
         )) ||
         null
     );

diff --git a/ui/src/app/applications/components/applications-list/applications-list.scss b/ui/src/app/applications/components/applications-list/applications-list.scss
@@ -207,4 +207,10 @@
         top: 1em;
         right: 1em;
     }
+
+    &__external-links-icon-container {
+        position: relative;
+        display: inline-block;
+        width: 28px;
+    }
 }