Skip to content

Commit fb1bc70

Browse files
authored
fix(breadcrumbsFilter): Fix level tag crop issue (#37777)
* fix(breadcrumbsFilter): Fix vertical crop of level tags * ref(breadcrumbsFilter): Add comment explaining level tag's height
1 parent 153cf50 commit fb1bc70

File tree

1 file changed

+2
-1
lines changed
  • static/app/components/events/interfaces/breadcrumbs/breadcrumb

1 file changed

+2
-1
lines changed

static/app/components/events/interfaces/breadcrumbs/breadcrumb/level.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,10 +49,11 @@ const Level = memo(function Level({level, searchTerm = ''}: Props) {
4949
export default Level;
5050

5151
const LevelTag = styled(Tag)`
52-
height: 24px;
5352
display: flex;
5453
align-items: center;
5554
${Background} {
55+
/** Same height as menu item labels, to prevent vertical cropping */
56+
height: calc(${p => p.theme.fontSizeMedium} * 1.4);
5657
overflow: hidden;
5758
}
5859
`;

0 commit comments

Comments
 (0)