Merge pull request #135 from danielgolden/main

fix: map list scrolling issue fixed
newrelic · Nov 3, 2020 · 08ddb42 · 08ddb42
2 parents 340bb1a + 45be1f7
commit 08ddb42
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/nerdlets/geo-ops-nerdlet/MapList/index.js b/nerdlets/geo-ops-nerdlet/MapList/index.js
@@ -8,13 +8,20 @@ import RightToolbar from './Toolbars/RightToolbar';
 import LeftToolbar from './Toolbars/LeftToolbar';
 
 const StyledGrid = styled(Grid)`
+  width: 100%;
   padding: 24px;
   background-color: #f4f5f5;
   height: calc(100% - 74px);
+  overflow: scroll;
 
   div.map-grid {
     grid-gap: 16px;
   }
+
+  .map-grid-container {
+    padding-bottom: 20px;
+    overflow: visible;
+  }
 `;
 
 const AddNewMapButton = styled.div`
@@ -100,7 +107,7 @@ export default class MapList extends PureComponent {
         <StyledGrid
           spacingType={[Grid.SPACING_TYPE.NONE, Grid.SPACING_TYPE.NONE]}
         >
-          <GridItem columnSpan={12} fullHeight>
+          <GridItem columnSpan={12} fullHeight className="map-grid-container">
             <Grid className="map-grid">
               {mapGridItems}
               <GridItem columnSpan={3}>