[OSCI] Docs/modal width (opensearch-project#1066)

* Removing the 'Widths' section from the OuiModal docs Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com> * Removing the 'Widths' section from the OuiModal docs Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com> * updating CHANGELOG.md file Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com> * removing file modal_width.js Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com> --------- Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
BigSamu · Oct 12, 2023 · f9c7474 · f9c7474
1 parent f65ea67
commit f9c7474
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 123 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -26,6 +26,7 @@
 - Update default docsite theme to Next Dark ([#1029](https://github.com/opensearch-project/oui/pull/1029))
 - Fix next light color guidelines ([#1030](https://github.com/opensearch-project/oui/pull/1030))
 - Update docsite version selector to use OUI components ([#1028](https://github.com/opensearch-project/oui/pull/1028))
+- Remove "Widths" section from the OuiModal docs ([#1066](https://github.com/opensearch-project/oui/pull/1066))
 
 ### 🛠 Maintenance
 

diff --git a/src-docs/src/views/modal/modal_example.js b/src-docs/src/views/modal/modal_example.js
@@ -38,9 +38,6 @@ const confirmModalSource = require('!!raw-loader!./confirm_modal');
 import ConfirmLoadingModal from './confirm_modal_loading';
 const confirmModalLoadingSource = require('!!raw-loader!./confirm_modal_loading');
 
-import ModalWidth from './modal_width';
-const modalWidthSource = require('!!raw-loader!./modal_width');
-
 const modalSnippet = `<OuiModal onClose={closeModal}>
   <OuiModalHeader>
     <OuiModalHeaderTitle><h1><!-- Modal title --></h1></OuiModalHeaderTitle>
@@ -55,20 +52,6 @@ const modalSnippet = `<OuiModal onClose={closeModal}>
   </OuiModalFooter>
 </OuiModal>`;
 
-const modalWidthSnippet = `<OuiModal style={{ width: 800 }} onClose={closeModal}>
-  <OuiModalHeader>
-    <OuiModalHeaderTitle><h1><!-- Modal title --></h1></OuiModalHeaderTitle>
-  </OuiModalHeader>
-
-  <OuiModalBody>
-    <!-- Modal body -->
-  </OuiModalBody>
-
-  <OuiModalFooter>
-    <OuiButton onClick={closeModal} fill>Close</OuiButton>
-  </OuiModalFooter>
-</OuiModal>`;
-
 const modalFormSnippet = `<OuiModal onClose={closeModal}>
   <OuiModalHeader>
     <OuiModalHeaderTitle><h1><!-- Modal title --></h1></OuiModalHeaderTitle>
@@ -243,32 +226,5 @@ export const ModalExample = {
       snippet: confirmModalLoadingSnippet,
       demo: <ConfirmLoadingModal />,
     },
-    {
-      title: 'Widths',
-      source: [
-        {
-          type: GuideSectionTypes.JS,
-          code: modalWidthSource,
-        },
-      ],
-      text: (
-        <>
-          <p>
-            Modals start with a minimum width of <OuiCode>400px</OuiCode>, just
-            enough to display form rows. They will grow to fit the contents
-            until it reaches the specified <OuiCode>maxWidth</OuiCode>, the
-            default of which is set to the medium breakpoint.
-          </p>
-          <p>
-            If the modal is not growing wide enough to fit your contents, you
-            can pass a specific <OuiCode>style.width</OuiCode>, just remember
-            that modals will always shrink to fit the window width.
-          </p>
-        </>
-      ),
-      props: { OuiModal },
-      snippet: modalWidthSnippet,
-      demo: <ModalWidth />,
-    },
   ],
 };
diff --git a/src-docs/src/views/modal/modal_width.js b/src-docs/src/views/modal/modal_width.js