docs: Changed height picklist documentation (#4886)

primefaces · Sep 7, 2023 · c8df483 · c8df483
1 parent f76afa6
commit c8df483
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git 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
@@ -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
@@ -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: {