fix(code/frontend): fix files and directories overlap in ie 11 (#43246)…

… (#43422)
elastic · Aug 16, 2019 · bf19b19 · bf19b19
1 parent a167d08
commit bf19b19
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 11 deletions.
diff --git a/x-pack/legacy/plugins/code/public/components/main/directory.tsx b/x-pack/legacy/plugins/code/public/components/main/directory.tsx
@@ -52,18 +52,18 @@ const DirectoryNodes = (props: DirectoryNodesProps) => {
     </EuiFlexItem>
   ));
   return (
-    <EuiFlexItem className="codeContainer__directoryList">
-      <EuiFlexGroup direction="column" gutterSize="none">
-        <EuiFlexItem>
+    <div className="codeContainer__directoryList">
+      <div>
+        <div>
           <EuiTitle size="s">
             <h3>{props.title}</h3>
           </EuiTitle>
-        </EuiFlexItem>
+        </div>
         <EuiFlexGroup wrap direction="row" gutterSize="none" justifyContent="flexStart">
           {nodes}
         </EuiFlexGroup>
-      </EuiFlexGroup>
-    </EuiFlexItem>
+      </div>
+    </div>
   );
 };
 
@@ -120,9 +120,5 @@ export const Directory = withRouter((props: Props) => {
       {folders.length > 0 && folderList}
     </React.Fragment>
   );
-  return (
-    <EuiFlexGroup direction="column" gutterSize="none">
-      {children}
-    </EuiFlexGroup>
-  );
+  return <div>{children}</div>;
 });
diff --git a/x-pack/legacy/plugins/code/public/style/_layout.scss b/x-pack/legacy/plugins/code/public/style/_layout.scss
@@ -185,6 +185,7 @@
   }
   &:not(:first-child) {
     padding-top: 0;
+    padding-bottom: 0;
   }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -185,6 +185,7 @@ @@
       }
       &:not(:first-child) {
         padding-top: 0;
+        padding-bottom: 0;
       }
     }
@@ Expand Down @@