fix: "API Docs By Redocly" overlapping last element in sidebar (#2132)

Redocly · Aug 16, 2022 · c60c6f5 · c60c6f5
1 parent c24b31b
commit c60c6f5
Showing 1 changed file with 25 additions and 21 deletions.
diff --git a/src/components/SideMenu/styled.elements.ts b/src/components/SideMenu/styled.elements.ts
@@ -84,6 +84,10 @@ export const MenuItemUl = styled.ul<{ expanded: boolean }>`
   margin: 0;
   padding: 0;
 
+  &:first-child {
+    padding-bottom: 32px;
+  }
+
   & & {
     font-size: 0.929em;
   }
@@ -169,27 +173,27 @@ export const MenuItemTitle = styled.span<{ width?: string }>`
 `;
 
 export const RedocAttribution = styled.div`
-  ${({ theme }) => `
-  font-size: 0.8em;
-  margin-top: ${theme.spacing.unit * 2}px;
-  text-align: center;
-  position: fixed;
-  width: ${theme.sidebar.width};
-  bottom: 0px;
-  background: ${theme.sidebar.backgroundColor};
- 
-  a,
-  a:visited,
-  a:hover {
-    color: ${theme.sidebar.textColor} !important;
-    padding: ${theme.spacing.unit}px 0;
-    border-top: 1px solid ${darken(0.1, theme.sidebar.backgroundColor)};
-    text-decoration: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-`};
+  ${({ theme }) => css`
+    font-size: 0.8em;
+    margin-top: ${theme.spacing.unit * 2}px;
+    text-align: center;
+    position: fixed;
+    width: ${theme.sidebar.width};
+    bottom: 0;
+    background: ${theme.sidebar.backgroundColor};
+
+    a,
+    a:visited,
+    a:hover {
+      color: ${theme.sidebar.textColor} !important;
+      padding: ${theme.spacing.unit}px 0;
+      border-top: 1px solid ${darken(0.1, theme.sidebar.backgroundColor)};
+      text-decoration: none;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  `};
   img {
     width: 15px;
     margin-right: 5px;