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

fix(ui): Fix overflowing release details filters on mobile (#39377)

Malachi Willey 2 лет назад
Родитель
Сommit
ed273415e9

+ 1 - 0
static/app/components/organizations/headerItem.tsx

@@ -129,6 +129,7 @@ const StyledHeaderItem = styled('div', {
 const Content = styled('div')`
   display: flex;
   flex: 1;
+  width: 0;
   white-space: nowrap;
   overflow: hidden;
   margin-right: ${space(1.5)};

+ 4 - 0
static/app/views/releases/detail/overview/index.tsx

@@ -716,6 +716,10 @@ const ReleaseDetailsPageFilters = styled('div')`
   grid-template-columns: minmax(0, max-content) 1fr;
   gap: ${space(2)};
   margin-bottom: ${space(2)};
+
+  @media (max-width: ${p => p.theme.breakpoints.small}) {
+    grid-template-columns: auto;
+  }
 `;
 
 const StyledPageTimeRangeSelector = styled(PageTimeRangeSelector)`