vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Update ScrollTop visuals

pull/5806/head
Cagatay Civici 2024-05-25 13:21:50 +03:00
parent 004737eb38
commit 54fdc0447a
3 changed files with 6 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/lib/scrolltop/BaseScrollTop.vue
View File

@ -25,7 +25,7 @@ export default {
buttonProps: { buttonProps: {
type: Object, type: Object,
default: () => { default: () => {
return { severity: 'secondary' }; return { rounded: true };
} }
} }
}, },

2
components/lib/scrolltop/ScrollTop.d.ts vendored
View File

@ -132,7 +132,7 @@ export interface ScrollTopProps {
/** /**
* Used to pass all properties of the ButtonProps to the Button component. * Used to pass all properties of the ButtonProps to the Button component.
* @type {ButtonProps} * @type {ButtonProps}
* @defaultValue { severity: 'secondary', rounded: true } * @defaultValue { rounded: true }
*/ */
buttonProps?: object | undefined; buttonProps?: object | undefined;
/** /**

48
doc/scrolltop/ElementDoc.vue
View File

@ -11,17 +11,7 @@
dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan in nisl nisi. dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan in nisl nisi.
Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec. Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec.
</p> </p>
<ScrollTop <ScrollTop target="parent" :threshold="100" icon="pi pi-arrow-up" :buttonProps="{ severity: 'contrast', raised: true, rounded: true }" />
target="parent"
:threshold="100"
icon="pi pi-arrow-up"
:pt="{
button: {
root: 'w-8 h-8 rounded bg-primary text-primary-contrast',
icon: 'text-base w-4 h-4'
}
}"
/>
</ScrollPanel> </ScrollPanel>
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
@ -41,17 +31,7 @@ export default {
dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan in nisl nisi. dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan in nisl nisi.
Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec. Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec.
</p> </p>
<ScrollTop <ScrollTop target="parent" :threshold="100" icon="pi pi-arrow-up" :buttonProps="{ severity: 'contrast', raised: true, rounded: true }" />
target="parent"
:threshold="100"
icon="pi pi-arrow-up"
:pt="{
button: {
root: 'w-8 h-8 rounded bg-primary text-primary-contrast',
icon: 'text-base w-4 h-4'
}
}"
/>
</ScrollPanel> </ScrollPanel>
`, `,
options: ` options: `
@ -65,17 +45,7 @@ export default {
dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan in nisl nisi. dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan in nisl nisi.
Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec. Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec.
</p> </p>
<ScrollTop <ScrollTop target="parent" :threshold="100" icon="pi pi-arrow-up" :buttonProps="{ severity: 'contrast', raised: true, rounded: true }" />
target="parent"
:threshold="100"
icon="pi pi-arrow-up"
:pt="{
button: {
root: 'w-8 h-8 rounded bg-primary text-primary-contrast',
icon: 'text-base w-4 h-4'
}
}"
/>
</ScrollPanel> </ScrollPanel>
</div> </div>
</template> </template>
@ -91,17 +61,7 @@ export default {
dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan in nisl nisi. dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan in nisl nisi.
Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec. Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec.
</p> </p>
<ScrollTop <ScrollTop target="parent" :threshold="100" icon="pi pi-arrow-up" :buttonProps="{ severity: 'contrast', raised: true, rounded: true }" />
target="parent"
:threshold="100"
icon="pi pi-arrow-up"
:pt="{
button: {
root: 'w-8 h-8 rounded bg-primary text-primary-contrast',
icon: 'text-base w-4 h-4'
}
}"
/>
</ScrollPanel> </ScrollPanel>
</div> </div>
</template> </template>