[StatusIndicator]: fixed table border in example. [RangeDatePicker]: …

…fixed footer background
epam · Apr 3, 2024 · a78b94f · a78b94f
1 parent 125ad59
commit a78b94f
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 52 deletions.
diff --git a/app/src/docs/_examples/statusIndicator/WithTable.example.tsx b/app/src/docs/_examples/statusIndicator/WithTable.example.tsx
@@ -42,13 +42,13 @@ const personColumns: DataColumnProps<Person, number>[] = [
         key: 'jobTitle',
         caption: 'Title',
         render: (r) => <Text>{r.jobTitle}</Text>,
-        width: 200,
+        width: 220,
     },
     {
         key: 'productionCategory',
         caption: 'Is Production',
         render: (r) => <Text>{r.productionCategory ? 'Yes' : 'No' }</Text>,
-        width: 100,
+        width: 150,
     },
 ];
 
@@ -70,7 +70,7 @@ export default function WithTableExample() {
     const view = dataSource.useView(tableState, setTableState);
 
     return (
-        <Panel background="surface-main" style={ { height: '400px' } }>
+        <Panel background="surface-main" style={ { height: '400px' } } shadow={ true }>
             <DataTable getRows={ view.getVisibleRows } columns={ personColumns } value={ tableState } onValueChange={ setTableState } { ...view.getListProps() } />
         </Panel>
     );

diff --git a/app/src/docs/rangeDatePicker/rangeDatePickerExamples.module.scss b/app/src/docs/rangeDatePicker/rangeDatePickerExamples.module.scss
@@ -5,7 +5,6 @@
     justify-content: center;
     align-items: center;
     border-top: 1px solid var(--uui-control-border);
-    background-color: var(--white);
 }
 
 .dot {

diff --git a/public/docs/content/examples-rangeDatePicker-PresetsAndFooter.json b/public/docs/content/examples-rangeDatePicker-PresetsAndFooter.json
@@ -1,53 +1,25 @@
-{
-  "object": "value",
-  "document": {
-    "object": "document",
+[
+  {
     "data": {},
-    "nodes": [
+    "type": "paragraph",
+    "children": [
       {
-        "object": "block",
-        "type": "paragraph",
-        "data": {},
-        "nodes": [
-          {
-            "object": "text",
-            "text": "You can define range presets via the ",
-            "marks": []
-          },
-          {
-            "object": "text",
-            "text": "presets",
-            "marks": [
-              {
-                "object": "mark",
-                "type": "uui-richTextEditor-code",
-                "data": {}
-              }
-            ]
-          },
-          {
-            "object": "text",
-            "text": " prop and a footer via the ",
-            "marks": []
-          },
-          {
-            "object": "text",
-            "text": "renderFooter",
-            "marks": [
-              {
-                "object": "mark",
-                "type": "uui-richTextEditor-code",
-                "data": {}
-              }
-            ]
-          },
-          {
-            "object": "text",
-            "text": " prop.",
-            "marks": []
-          }
-        ]
+        "text": "You can define range presets via the "
+      },
+      {
+        "text": "presets",
+        "uui-richTextEditor-code": true
+      },
+      {
+        "text": " prop and a footer via the "
+      },
+      {
+        "text": "renderFooter",
+        "uui-richTextEditor-code": true
+      },
+      {
+        "text": " prop."
       }
     ]
   }
-}
+]