Browse Source

fix(ui) Fix tag bar segments having round corners. (#33933)

An inadvertant side-effect of #33873 was that tag bar links were also
rounded. This reverts the rounding on segments but retains the rounding
on the outer bar shape.
Mark Story 2 years ago
parent
commit
0f540810cf
1 changed files with 2 additions and 1 deletions
  1. 2 1
      static/app/components/tagDistributionMeter.tsx

+ 2 - 1
static/app/components/tagDistributionMeter.tsx

@@ -220,7 +220,7 @@ const TagSummary = styled('div')`
 const SegmentBar = styled('div')`
   display: flex;
   overflow: hidden;
-  border-radius: 2px;
+  border-radius: ${p => p.theme.borderRadius};
 `;
 
 const Title = styled('div')`
@@ -271,4 +271,5 @@ const Segment = styled(Link, {shouldForwardProp: isPropValid})<SegmentValue>`
   color: inherit;
   outline: none;
   background-color: ${p => COLORS[p.index]};
+  border-radius: 0;
 `;