Browse Source

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
Vu Luong 2 years ago
parent
commit
fb1bc70261

+ 2 - 1
static/app/components/events/interfaces/breadcrumbs/breadcrumb/level.tsx

@@ -49,10 +49,11 @@ const Level = memo(function Level({level, searchTerm = ''}: Props) {
 export default Level;
 
 const LevelTag = styled(Tag)`
-  height: 24px;
   display: flex;
   align-items: center;
   ${Background} {
+    /** Same height as menu item labels, to prevent vertical cropping */
+    height: calc(${p => p.theme.fontSizeMedium} * 1.4);
     overflow: hidden;
   }
 `;