feat(issue-views): Style add view button's hover state like tab (#77983)

Makes the hover background of the add view button the same as the tabs https://github.com/user-attachments/assets/9a1fe232-5632-4b5e-8411-f1242dcbfd79
getsentry · Sep 23, 2024 · 382ca4e · 382ca4e
1 parent f0e52ff
commit 382ca4e
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/static/app/components/draggableTabs/draggableTabList.tsx b/static/app/components/draggableTabs/draggableTabList.tsx
@@ -508,10 +508,10 @@ const AddViewButton = styled(Button)`
  display: flex;
  color: ${p => p.theme.gray300};
  font-weight: normal;
- padding: ${space(0.5)} ${space(1)};
- margin-bottom: 1px;
- border: none;
- bottom: -1px;
+ border-radius: ${p => `${p.theme.borderRadius} ${p.theme.borderRadius} 0 0`};
+ padding: ${space(1)} ${space(1)};
+ height: 31px;
+ line-height: 1.4;
 `;
 
 const StyledIconAdd = styled(IconAdd)`