Skip to content

Commit

Permalink
fix(custom-views): Reduce gap between selected and unselected tab to …
Browse files Browse the repository at this point in the history
…1px (down from 4px) (#76743)

Reduces the gap between a selected tab and the hover state of an
unselected tab from 4px to 1px.

Before

![image](https://github.com/user-attachments/assets/a54a67ed-f971-448e-a7f2-d5638510f4c0)


After:

![image](https://github.com/user-attachments/assets/f26fbc68-cfad-4106-8234-6d12f4e874ec)
  • Loading branch information
MichaelSun48 authored Aug 29, 2024
1 parent d96c59a commit 9679ffc
Showing 1 changed file with 4 additions and 1 deletion.
5 changes: 4 additions & 1 deletion static/app/components/draggableTabs/draggableTabList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -231,9 +231,12 @@ const TabDivider = styled(motion.div, {
width: 1px;
border-radius: 6px;
margin-right: ${space(0.5)};
margin-left: ${space(0.5)};
`}
${p => !p.isVisible && `margin-left: 1px;`}
margin-top: 1px;
margin-left: ${space(0.5)};
`;

const TabListOuterWrap = styled('div')<{
Expand Down

0 comments on commit 9679ffc

Please sign in to comment.