From c8df483c21107f3abf033f42f36b121ddb222804 Mon Sep 17 00:00:00 2001
From: Diego Franchina <diegofranchina@gmail.com>
Date: Thu, 7 Sep 2023 15:25:38 +0200
Subject: [PATCH] docs: Changed height picklist documentation (#4886)

---
 components/doc/picklist/basicdoc.js  |  8 ++++----
 components/doc/picklist/filterdoc.js | 10 +++++-----
 components/doc/picklist/pt/ptdoc.js  | 16 ++++++++--------
 3 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/components/doc/picklist/basicdoc.js b/components/doc/picklist/basicdoc.js
index 22acd6cc35..96cb875efa 100644
--- a/components/doc/picklist/basicdoc.js
+++ b/components/doc/picklist/basicdoc.js
@@ -36,7 +36,7 @@ export function BasicDoc(props) {
     const code = {
         basic: `
 <PickList source={source} target={target} onChange={onChange} itemTemplate={itemTemplate} breakpoint="1400px"
-    sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '30rem' }} targetStyle={{ height: '30rem' }} />
+    sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '24rem' }} targetStyle={{ height: '24rem' }} />
         `,
         javascript: `
 import React, { useState, useEffect } from 'react';
@@ -75,7 +75,7 @@ export default function BasicDemo() {
     return (
         <div className="card">
             <PickList source={source} target={target} onChange={onChange} itemTemplate={itemTemplate} breakpoint="1400px"
-                sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '30rem' }} targetStyle={{ height: '30rem' }} />
+                sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '24rem' }} targetStyle={{ height: '24rem' }} />
         </div>
     );
 }
@@ -130,7 +130,7 @@ export default function BasicDemo() {
     return (
         <div className="card">
             <PickList source={source} target={target} onChange={onChange} itemTemplate={itemTemplate} breakpoint="1400px"
-                sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '30rem' }} targetStyle={{ height: '30rem' }} />
+                sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '24rem' }} targetStyle={{ height: '24rem' }} />
         </div>
     );
 }
@@ -162,7 +162,7 @@ export default function BasicDemo() {
                 </p>
             </DocSectionText>
             <div className="card">
-                <PickList source={source} target={target} onChange={onChange} itemTemplate={itemTemplate} breakpoint="1400px" sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '30rem' }} targetStyle={{ height: '30rem' }} />
+                <PickList source={source} target={target} onChange={onChange} itemTemplate={itemTemplate} breakpoint="1400px" sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '24rem' }} targetStyle={{ height: '24rem' }} />
             </div>
             <DocSectionCode code={code} service={['ProductService']} />
         </>
diff --git a/components/doc/picklist/filterdoc.js b/components/doc/picklist/filterdoc.js
index d85d013eeb..48f8bff318 100644
--- a/components/doc/picklist/filterdoc.js
+++ b/components/doc/picklist/filterdoc.js
@@ -36,7 +36,7 @@ export function FilterDoc(props) {
     const code = {
         basic: `
 <PickList source={source} target={target} onChange={onChange} itemTemplate={itemTemplate} filter filterBy="name" breakpoint="1400px"
-    sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '30rem' }} targetStyle={{ height: '30rem' }}
+    sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '24rem' }} targetStyle={{ height: '24rem' }}
     sourceFilterPlaceholder="Search by name" targetFilterPlaceholder="Search by name" />
         `,
         javascript: `
@@ -76,7 +76,7 @@ export default function FilterDemo() {
     return (
         <div className="card">
             <PickList source={source} target={target} onChange={onChange} itemTemplate={itemTemplate} filter filterBy="name" breakpoint="1400px"
-                sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '30rem' }} targetStyle={{ height: '30rem' }}
+                sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '24rem' }} targetStyle={{ height: '24rem' }}
                 sourceFilterPlaceholder="Search by name" targetFilterPlaceholder="Search by name" />
         </div>
     );
@@ -132,7 +132,7 @@ export default function FilterDemo() {
     return (
         <div className="card">
             <PickList source={source} target={target} onChange={onChange} itemTemplate={itemTemplate} filter filterBy="name" breakpoint="1400px"
-                sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '30rem' }} targetStyle={{ height: '30rem' }}
+                sourceHeader="Available" targetHeader="Selected" sourceStyle={{ height: '24rem' }} targetStyle={{ height: '24rem' }}
                 sourceFilterPlaceholder="Search by name" targetFilterPlaceholder="Search by name" />
         </div>
     );
@@ -172,8 +172,8 @@ export default function FilterDemo() {
                     itemTemplate={itemTemplate}
                     sourceHeader="Available"
                     targetHeader="Selected"
-                    sourceStyle={{ height: '30rem' }}
-                    targetStyle={{ height: '30rem' }}
+                    sourceStyle={{ height: '24rem' }}
+                    targetStyle={{ height: '24rem' }}
                     breakpoint="1400px"
                     filter
                     filterBy="name"
diff --git a/components/doc/picklist/pt/ptdoc.js b/components/doc/picklist/pt/ptdoc.js
index 76d0c053fe..a86d6f0d99 100644
--- a/components/doc/picklist/pt/ptdoc.js
+++ b/components/doc/picklist/pt/ptdoc.js
@@ -43,8 +43,8 @@ export function PTDoc(props) {
     breakpoint="1400px"
     sourceHeader="Available"
     targetHeader="Selected"
-    sourceStyle={{ height: '30rem' }}
-    targetStyle={{ height: '30rem' }}
+    sourceStyle={{ height: '24rem' }}
+    targetStyle={{ height: '24rem' }}
     pt={{
         list: { style: { height: '342px' } },
         moveAllToTargetButton: {
@@ -101,8 +101,8 @@ export default function PTDemo() {
                 breakpoint="1400px"
                 sourceHeader="Available"
                 targetHeader="Selected"
-                sourceStyle={{ height: '30rem' }}
-                targetStyle={{ height: '30rem' }}
+                sourceStyle={{ height: '24rem' }}
+                targetStyle={{ height: '24rem' }}
                 pt={{
                     list: { style: { height: '342px' } },
                     moveAllToTargetButton: {
@@ -175,8 +175,8 @@ export default function PTDemo() {
                 breakpoint="1400px"
                 sourceHeader="Available"
                 targetHeader="Selected"
-                sourceStyle={{ height: '30rem' }}
-                targetStyle={{ height: '30rem' }}
+                sourceStyle={{ height: '24rem' }}
+                targetStyle={{ height: '24rem' }}
                 pt={{
                     list: { style: { height: '342px' } },
                     moveAllToTargetButton: {
@@ -222,8 +222,8 @@ export default function PTDemo() {
                     breakpoint="1400px"
                     sourceHeader="Available"
                     targetHeader="Selected"
-                    sourceStyle={{ height: '30rem' }}
-                    targetStyle={{ height: '30rem' }}
+                    sourceStyle={{ height: '24rem' }}
+                    targetStyle={{ height: '24rem' }}
                     pt={{
                         list: { style: { height: '342px' } },
                         moveAllToTargetButton: {