[Code] fix find references style (#30911)

elastic · Feb 20, 2019 · 0dd40c8 · 0dd40c8
1 parent 300783c
commit 0dd40c8
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/x-pack/plugins/code/public/components/editor/references_panel.scss b/x-pack/plugins/code/public/components/editor/references_panel.scss
@@ -14,7 +14,7 @@
 .expandButton {
   position: absolute;
   top: -16px;
-  right: 12px;
+  right: 17px;
   background: #ffffff;
   border: 1px solid #d3dae6;
   border-bottom: 0;
@@ -25,3 +25,4 @@
   0px -6px 12px rgba(0, 0, 0, 0.05), 0px -12px 24px rgba(0, 0, 0, 0.05);
   border-radius: 4px 4px 0px 0px;
 }
+
diff --git a/x-pack/plugins/code/public/components/editor/references_panel.tsx b/x-pack/plugins/code/public/components/editor/references_panel.tsx
@@ -83,7 +83,7 @@ export class ReferencesPanel extends React.Component<Props, State> {
           <h3>{this.props.title}</h3>
         </EuiTitle>
 
-        <div className="code-auto-overflow">{body}</div>
+        <div className="code-auto-overflow-y">{body}</div>
       </EuiPanel>
     );
   }

diff --git a/x-pack/plugins/code/public/components/main/main.scss b/x-pack/plugins/code/public/components/main/main.scss
@@ -7,6 +7,11 @@
   overflow: auto;
 }
 
+.code-auto-overflow-y {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
 .code-no-overflow {
   overflow: hidden;
 }