Fix non-css literal issues caught

elastic · Aug 18, 2022 · 902b0a9 · 902b0a9
1 parent 172b3b8
commit 902b0a9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src-docs/src/views/auto_sizer/auto_sizer.tsx b/src-docs/src/views/auto_sizer/auto_sizer.tsx
@@ -25,7 +25,9 @@ export default () => {
       <EuiAutoSizer>
         {({ height, width }) => (
           <EuiPanel css={[panelStyles, { height, width }]}>
-            <EuiCode>{`height: ${height}, width: ${width}`}</EuiCode>
+            <EuiCode>
+              height: {height}, width: {width}
+            </EuiCode>
           </EuiPanel>
         )}
       </EuiAutoSizer>

diff --git a/src-docs/src/views/scroll/scroll.tsx b/src-docs/src/views/scroll/scroll.tsx
@@ -137,8 +137,10 @@ export default () => {
           snippetLanguage="scss"
           snippet={`.scrollBarRegion {
   @include euiScrollBar;
+  ${/* eslint-disable-next-line local/css-logical-properties */ ''}
   overflow-y: auto;
-  height: $euiSize * 10;
+  overflow-block: auto;
+  block-size: $euiSize * 10;
 }`}
         />
       )}

diff --git a/src-docs/src/views/scroll/scroll_y.tsx b/src-docs/src/views/scroll/scroll_y.tsx
@@ -126,7 +126,7 @@ export default () => {
           snippetLanguage="scss"
           snippet={`.overflowShadowsY {
   @include euiYScrollWithShadows;
-  height: 180px;
+  block-size: 180px;
 }`}
         />
       )}