Просмотр исходного кода

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 лет назад
Родитель
Сommit
fb1bc70261
1 измененных файлов с 2 добавлено и 1 удалено
  1. 2 1
      static/app/components/events/interfaces/breadcrumbs/breadcrumb/level.tsx

+ 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;
 export default Level;
 
 
 const LevelTag = styled(Tag)`
 const LevelTag = styled(Tag)`
-  height: 24px;
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   ${Background} {
   ${Background} {
+    /** Same height as menu item labels, to prevent vertical cropping */
+    height: calc(${p => p.theme.fontSizeMedium} * 1.4);
     overflow: hidden;
     overflow: hidden;
   }
   }
 `;
 `;