Browse Source

feat(issue-views): Make search suggestion list dividers disappear on hover (#77886)

https://github.com/user-attachments/assets/f603ec48-91d6-4ddc-bbef-69e153e59709
Michael Sun 5 months ago
parent
commit
db5b5f9529
1 changed files with 14 additions and 6 deletions
  1. 14 6
      static/app/views/issueList/addViewPage.tsx

+ 14 - 6
static/app/views/issueList/addViewPage.tsx

@@ -243,6 +243,20 @@ const QueryWrapper = styled('div')`
   overflow: hidden;
 `;
 
+const SuggestionList = styled('ul')`
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+
+  li:has(+ li:hover) {
+    border-bottom: 1px solid transparent;
+  }
+
+  li:hover {
+    border-bottom: 1px solid transparent;
+  }
+`;
+
 const Suggestion = styled('li')`
   position: relative;
   display: inline-grid;
@@ -261,12 +275,6 @@ const Suggestion = styled('li')`
   }
 `;
 
-const SuggestionList = styled('ul')`
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-`;
-
 const Banner = styled('div')`
   position: relative;
   display: flex;