fix scss

elastic · Sep 17, 2020 · fdc9d2b · fdc9d2b
1 parent fed77da
commit fdc9d2b
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 24 deletions.
diff --git a/x-pack/plugins/lens/public/indexpattern_datasource/datapanel.scss b/x-pack/plugins/lens/public/indexpattern_datasource/datapanel.scss
@@ -10,27 +10,6 @@
   margin-bottom: $euiSizeS;
 }
 
-/**
- * 1. Don't cut off the shadow of the field items
- */
-
-.lnsInnerIndexPatternDataPanel__listWrapper {
-  @include euiOverflowShadow;
-  @include euiScrollBar;
-  margin-left: -$euiSize; /* 1 */
-  position: relative;
-  flex-grow: 1;
-  overflow: auto;
-}
-
-.lnsInnerIndexPatternDataPanel__list {
-  padding-top: $euiSizeS;
-  position: absolute;
-  top: 0;
-  left: $euiSize; /* 1 */
-  right: $euiSizeXS; /* 1 */
-}
-
 .lnsInnerIndexPatternDataPanel__fieldItems {
   // Quick fix for making sure the shadow and focus rings are visible outside the accordion bounds
   padding: $euiSizeXS $euiSizeXS 0;

diff --git a/x-pack/plugins/lens/public/indexpattern_datasource/field_list.scss b/x-pack/plugins/lens/public/indexpattern_datasource/field_list.scss
@@ -0,0 +1,20 @@
+/**
+ * 1. Don't cut off the shadow of the field items
+ */
+
+.lnsIndexPatternFieldList {
+  @include euiOverflowShadow;
+  @include euiScrollBar;
+  margin-left: -$euiSize; /* 1 */
+  position: relative;
+  flex-grow: 1;
+  overflow: auto;
+}
+
+.lnsIndexPatternFieldList__accordionContainer {
+  padding-top: $euiSizeS;
+  position: absolute;
+  top: 0;
+  left: $euiSize; /* 1 */
+  right: $euiSizeXS; /* 1 */
+}
diff --git a/x-pack/plugins/lens/public/indexpattern_datasource/field_list.tsx b/x-pack/plugins/lens/public/indexpattern_datasource/field_list.tsx
@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import './datapanel.scss';
+import './field_list.scss';
 import { throttle } from 'lodash';
 import React, { useState, Fragment, useCallback, useMemo, useEffect } from 'react';
 import { EuiSpacer } from '@elastic/eui';
@@ -128,7 +128,7 @@ export function FieldList({
 
   return (
     <div
-      className="lnsInnerIndexPatternDataPanel__listWrapper"
+      className="lnsIndexPatternFieldList"
       ref={(el) => {
         if (el && !el.dataset.dynamicScroll) {
           el.dataset.dynamicScroll = 'true';
@@ -137,7 +137,7 @@ export function FieldList({
       }}
       onScroll={throttle(lazyScroll, 100)}
     >
-      <div className="lnsInnerIndexPatternDataPanel__list">
+      <div className="lnsIndexPatternFieldList__accordionContainer">
         {Object.entries(fieldGroups)
           .filter(([, { showInAccordion }]) => !showInAccordion)
           .flatMap(([, { fields }]) =>