Fix: sidebar http methods (#527)

* fixes unresponsive method badge * adds horizontal scrolling to the sidebar
microsoftgraph · May 7, 2020 · 65ca584 · 65ca584
1 parent 7f91332
commit 65ca584
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/app/views/App.tsx b/src/app/views/App.tsx
@@ -68,7 +68,7 @@ interface IAppState {
 
 class App extends Component<IAppProps, IAppState> {
 
-  private mediaQueryList = window.matchMedia('(max-width: 1260px)');
+  private mediaQueryList = window.matchMedia('(max-width: 992px)');
 
   constructor(props: IAppProps) {
     super(props);

diff --git a/src/app/views/sidebar/Sidebar.styles.ts b/src/app/views/sidebar/Sidebar.styles.ts
@@ -22,7 +22,7 @@ export const sidebarStyles = (theme: ITheme) => {
       maxHeight: pageHeight,
       minHeight: pageHeight,
       overflowY: 'auto',
-      overflowX: 'hidden',
+      overflowX: 'auto',
       fontSize: FontSizes.medium,
       background: 'inherit'
     },

diff --git a/src/app/views/sidebar/sample-queries/SampleQueries.tsx b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
@@ -326,6 +326,11 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
           </a>
         </MessageBar>
         <DetailsList className={classes.queryList}
+         cellStyleProps={{
+          cellRightPadding: 0,
+          cellExtraRightPadding: 0,
+          cellLeftPadding: 0,
+        }}
           layoutMode={DetailsListLayoutMode.justified}
           onRenderItemColumn={this.renderItemColumn}
           items={groupedList.samples}