fix(code): symbol tree style (#33224)

elastic · Mar 14, 2019 · 45bf396 · 45bf396
1 parent 5b8e0e2
commit 45bf396
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/...ugins/code/public/components/symbol_tree/__test__/__snapshots__/symbol_tree.test.tsx.snap b/...ugins/code/public/components/symbol_tree/__test__/__snapshots__/symbol_tree.test.tsx.snap
@@ -81,7 +81,7 @@ exports[`render symbol tree correctly 1`] = `
               className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
             >
               <div
-                className="sc-bwzfXH eSZWNW"
+                className="sc-bwzfXH jYPrbO"
               >
                 <svg
                   className="euiIcon euiIcon--small euiIcon--subdued codeStructureTree--icon"
@@ -154,7 +154,7 @@ exports[`render symbol tree correctly 1`] = `
                   className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                 >
                   <div
-                    className="sc-bwzfXH havHSm"
+                    className="sc-bwzfXH jYpsNE"
                   >
                     <div
                       className="euiFlexItem euiFlexItem--flexGrow1"
@@ -204,7 +204,7 @@ exports[`render symbol tree correctly 1`] = `
                   className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                 >
                   <div
-                    className="sc-bwzfXH havHSm"
+                    className="sc-bwzfXH jYpsNE"
                   >
                     <div
                       className="euiFlexItem euiFlexItem--flexGrow1"
@@ -254,7 +254,7 @@ exports[`render symbol tree correctly 1`] = `
                   className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                 >
                   <div
-                    className="sc-bwzfXH eSZWNW"
+                    className="sc-bwzfXH jYPrbO"
                   >
                     <svg
                       className="euiIcon euiIcon--small euiIcon--subdued codeStructureTree--icon"
@@ -328,7 +328,7 @@ exports[`render symbol tree correctly 1`] = `
                       className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                     >
                       <div
-                        className="sc-bwzfXH havHSm"
+                        className="sc-bwzfXH jYpsNE"
                       >
                         <div
                           className="euiFlexItem euiFlexItem--flexGrow1"
@@ -378,7 +378,7 @@ exports[`render symbol tree correctly 1`] = `
                       className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                     >
                       <div
-                        className="sc-bwzfXH havHSm"
+                        className="sc-bwzfXH jYpsNE"
                       >
                         <div
                           className="euiFlexItem euiFlexItem--flexGrow1"
@@ -428,7 +428,7 @@ exports[`render symbol tree correctly 1`] = `
                       className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                     >
                       <div
-                        className="sc-bwzfXH havHSm"
+                        className="sc-bwzfXH jYpsNE"
                       >
                         <div
                           className="euiFlexItem euiFlexItem--flexGrow1"
@@ -478,7 +478,7 @@ exports[`render symbol tree correctly 1`] = `
                       className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                     >
                       <div
-                        className="sc-bwzfXH eSZWNW"
+                        className="sc-bwzfXH jYPrbO"
                       >
                         <svg
                           className="euiIcon euiIcon--small euiIcon--subdued codeStructureTree--icon"
@@ -552,7 +552,7 @@ exports[`render symbol tree correctly 1`] = `
                           className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
                           <div
-                            className="sc-bwzfXH havHSm"
+                            className="sc-bwzfXH jYpsNE"
                           >
                             <div
                               className="euiFlexItem euiFlexItem--flexGrow1"

diff --git a/x-pack/plugins/code/public/components/symbol_tree/code_symbol_tree.tsx b/x-pack/plugins/code/public/components/symbol_tree/code_symbol_tree.tsx
@@ -25,6 +25,8 @@ const Root = styled.div`
 const Symbol = styled.div<{ isContainer: boolean }>`
   cursor: pointer;
   display: flex;
+  flex-grow: 0;
+  flex-shrink: 0;
   align-items: center;
   height: 1.5rem;
   margin-left: ${props => (props.isContainer ? '0.75rem' : '2rem')};