Skip to content

Commit c72d84d

Browse files
committed
fix(tag-distribution-meter): Fix truncating long values
Need to put inline-block back on these elements so they respect overflow / truncation rules. These lines were previously removed in #13666.
1 parent 75f3539 commit c72d84d

File tree

1 file changed

+3
-1
lines changed
  • src/sentry/static/sentry/app/components/tagDistributionMeter

1 file changed

+3
-1
lines changed

src/sentry/static/sentry/app/components/tagDistributionMeter/index.jsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -156,9 +156,9 @@ const Segments = styled('div')`
156156
`;
157157

158158
const Segment = styled(Link, {shouldForwardProp: isPropValid})`
159-
display: block;
160159
width: 100%;
161160
height: 16px;
161+
display: inline-block;
162162
color: inherit;
163163
164164
&:hover {
@@ -185,12 +185,14 @@ const Description = styled('span', {shouldForwardProp: isPropValid})`
185185
`;
186186

187187
const Percentage = styled('span')`
188+
display: inline-block;
188189
margin-right: 6px;
189190
color: ${p => p.theme.gray2};
190191
vertical-align: middle;
191192
`;
192193

193194
const Label = styled('span')`
195+
display: inline-block;
194196
white-space: nowrap;
195197
overflow: hidden;
196198
text-overflow: ellipsis;

0 commit comments

Comments
 (0)