Allow horizontal scroll in Middle Panel and give tables extra padding

mongodb-forks · Oct 24, 2024 · eb97267 · eb97267
1 parent 0656378
commit eb97267
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/common-elements/fields-layout.ts b/src/common-elements/fields-layout.ts
@@ -155,6 +155,9 @@ export const PropertiesTable = styled.table`
   border-spacing: 0;
   width: 100%;
 
+  // Extra padding for overflow scroll
+  padding-right: 32px;
+
   > tr {
     vertical-align: middle;
   }

diff --git a/src/common-elements/panels.ts b/src/common-elements/panels.ts
@@ -5,6 +5,7 @@ export const MiddlePanel = styled.div<{ compact?: boolean }>`
   width: calc(100% - ${props => props.theme.rightPanel.width});
   padding: 0 ${props => props.theme.spacing.sectionHorizontal}px;
   background: var(--middle-panel-bg-color);
+  overflow-x: auto;
 
   ${({ compact, theme }) =>
     media.lessThan('medium', true)`