Minor docuemntation fixes

react-ui-org · Jul 26, 2023 · 6916361 · 6916361
1 parent f87613c
commit 6916361
Show file tree

Hide file tree

Showing 6 changed files with 3 additions and 11 deletions.
diff --git a/src/components/FormLayout/FormLayout.jsx b/src/components/FormLayout/FormLayout.jsx
@@ -59,9 +59,7 @@ export const FormLayout = ({
       )}
       {...hasCustomLabelWidth ? { style: { '--rui-custom-label-width': labelWidth } } : {}}
     >
-      <FormLayoutContext.Provider
-        value={childProps}
-      >
+      <FormLayoutContext.Provider value={childProps}>
         {children}
       </FormLayoutContext.Provider>
     </div>

diff --git a/src/components/FormLayout/README.md b/src/components/FormLayout/README.md
@@ -104,8 +104,6 @@ with CSS custom properties.
 - The `custom` mode (local) allows you to enter any **custom label width for
   individual FormLayouts.**
 
-📐 Try resizing the playground to see how individual options work.
-
 ```docoff-react-preview
 React.createElement(() => {
   const [labelWidth, setLabelWidth] = React.useState('default');

diff --git a/src/components/Grid/README.md b/src/components/Grid/README.md
@@ -76,8 +76,6 @@ You can use the [`repeat()`][repeat] function to specify a recurring pattern.
 Combine `repeat()` with `auto-fit` and [`minmax()`][minmax] to build automatic
 responsive layouts.
 
-📐 Try resizing the playground to see it in action.
-
 ```docoff-react-preview
 <Grid columns="repeat(auto-fit, minmax(200px, auto))">
   <docoff-placeholder bordered>Grid item</docoff-placeholder>

diff --git a/src/components/Modal/_hooks/useModalScrollPrevention.js b/src/components/Modal/_hooks/useModalScrollPrevention.js
@@ -13,8 +13,8 @@ export const useModalScrollPrevention = (preventScrollUnderneath) => {
         const prevPaddingRight = window.document.body.style.paddingRight;
 
         window.document.body.style.overflow = 'hidden';
-
         if (Number.isNaN(parseInt(prevPaddingRight, 10))) {
+          console.log('A')
           window.document.body.style.paddingRight = `${scrollbarWidth}px`;
         } else {
           window.document.body.style.paddingRight = `calc(${prevPaddingRight} + ${scrollbarWidth}px)`;

diff --git a/src/components/Table/_components/TableHeaderCell/TableHeaderCell.jsx b/src/components/Table/_components/TableHeaderCell/TableHeaderCell.jsx
@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Button } from '../../../../index';
+import { Button } from '../../../..';
 import styles from '../TableCell.scss';
 
 export const TableHeaderCell = ({

diff --git a/src/components/Toolbar/README.md b/src/components/Toolbar/README.md
@@ -239,8 +239,6 @@ set the `nowrap` option on the Toolbar or on individual ToolbarGroups. Note that
 ToolbarGroups can still wrap when the wrapping is disabled just on their parent
 Toolbar.
 
-📐 Try resizing the playground below to see how it works.
-
 ```docoff-react-preview
 <p>Disabled wrapping on entire toolbar:</p>
 <Toolbar justify="space-between" nowrap>