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

Fixed #691 - ScrollTop Component

pull/726/head
Cagatay Civici 2020-11-30 13:15:58 +03:00
parent 5cfa766281
commit c6c0388669
43 changed files with 2544 additions and 1570 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
exports/scrolltop.d.ts vendored Normal file
View File

@ -0,0 +1 @@
export * from './components/scrolltop/ScrollTop';

2
exports/scrolltop.vue Normal file
View File

@ -0,0 +1,2 @@
'use strict';
module.exports = require('./components/scrolltop/ScrollTop.vue');

110
public/themes/arya-blue/theme.css
View File

@ -4283,52 +4283,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #383838;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #64B5F6;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #383838;
border-radius: 3px;
@ -4380,6 +4334,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #1e1e1e;
}
@ -4404,6 +4362,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #383838;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #64B5F6;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(100, 181, 246, 0.16);
}
.p-scrolltop.p-link:hover {
background: rgba(100, 181, 246, 0.3616);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-tag {
background: #64B5F6;
color: #212529;
@ -4433,6 +4440,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #64B5F6;

110
public/themes/arya-green/theme.css
View File

@ -4283,52 +4283,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #383838;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #81C784;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #383838;
border-radius: 3px;
@ -4380,6 +4334,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #1e1e1e;
}
@ -4404,6 +4362,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #383838;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #81C784;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(129, 199, 132, 0.16);
}
.p-scrolltop.p-link:hover {
background: rgba(129, 199, 132, 0.3616);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-tag {
background: #81C784;
color: #212529;
@ -4433,6 +4440,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #81C784;

110
public/themes/arya-orange/theme.css
View File

@ -4283,52 +4283,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #383838;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #FFD54F;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #383838;
border-radius: 3px;
@ -4380,6 +4334,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #1e1e1e;
}
@ -4404,6 +4362,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #383838;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #FFD54F;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(255, 213, 79, 0.16);
}
.p-scrolltop.p-link:hover {
background: rgba(255, 213, 79, 0.3616);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-tag {
background: #FFD54F;
color: #212529;
@ -4433,6 +4440,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #FFD54F;

110
public/themes/arya-purple/theme.css
View File

@ -4283,52 +4283,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #383838;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #BA68C8;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #383838;
border-radius: 3px;
@ -4380,6 +4334,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #1e1e1e;
}
@ -4404,6 +4362,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #383838;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #BA68C8;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(186, 104, 200, 0.16);
}
.p-scrolltop.p-link:hover {
background: rgba(186, 104, 200, 0.3616);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-tag {
background: #BA68C8;
color: #ffffff;
@ -4433,6 +4440,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #BA68C8;

110
public/themes/bootstrap4-dark-blue/theme.css
View File

@ -4295,52 +4295,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.75rem;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #3f4b5b;
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #8dd0ff;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-terminal {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
padding: 1.25rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #3f4b5b;
border-radius: 4px;
@ -4392,6 +4346,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #2a323d;
}
@ -4416,6 +4374,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.75rem;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #3f4b5b;
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #8dd0ff;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 4px;
box-shadow: none;
transition: color 0.15s, box-shadow 0.15s;
}
.p-scrolltop.p-link {
background: #8dd0ff;
}
.p-scrolltop.p-link:hover {
background: #56bdff;
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #151515;
}
.p-tag {
background: #8dd0ff;
color: #151515;
@ -4445,6 +4452,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
padding: 1.25rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Vendor extensions to the designer enhanced bootstrap compatibility */
.p-breadcrumb .p-breadcrumb-chevron {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

110
public/themes/bootstrap4-dark-purple/theme.css
View File

@ -4295,52 +4295,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.75rem;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #3f4b5b;
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #c298d8;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-terminal {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
padding: 1.25rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #3f4b5b;
border-radius: 4px;
@ -4392,6 +4346,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #2a323d;
}
@ -4416,6 +4374,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.75rem;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #3f4b5b;
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #c298d8;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 4px;
box-shadow: none;
transition: color 0.15s, box-shadow 0.15s;
}
.p-scrolltop.p-link {
background: #c298d8;
}
.p-scrolltop.p-link:hover {
background: #aa70c7;
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #151515;
}
.p-tag {
background: #c298d8;
color: #151515;
@ -4445,6 +4452,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
padding: 1.25rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Vendor extensions to the designer enhanced bootstrap compatibility */
.p-breadcrumb .p-breadcrumb-chevron {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

110
public/themes/bootstrap4-light-blue/theme.css
View File

@ -4295,52 +4295,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.75rem;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #212529;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #e9ecef;
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #007bff;
}
.p-progressbar .p-progressbar-label {
color: #212529;
line-height: 1.5rem;
}
.p-terminal {
background: #ffffff;
color: #212529;
border: 1px solid #dee2e6;
padding: 1.25rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #dee2e6;
border-radius: 4px;
@ -4392,6 +4346,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4416,6 +4374,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.75rem;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #212529;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #e9ecef;
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #007bff;
}
.p-progressbar .p-progressbar-label {
color: #212529;
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 4px;
box-shadow: none;
transition: box-shadow 0.15s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #efefef;
}
.p-tag {
background: #007bff;
color: #ffffff;
@ -4445,6 +4452,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #212529;
border: 1px solid #dee2e6;
padding: 1.25rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Vendor extensions to the designer enhanced bootstrap compatibility */
.p-breadcrumb .p-breadcrumb-chevron {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

110
public/themes/bootstrap4-light-purple/theme.css
View File

@ -4295,52 +4295,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.75rem;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #212529;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #e9ecef;
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #883cae;
}
.p-progressbar .p-progressbar-label {
color: #212529;
line-height: 1.5rem;
}
.p-terminal {
background: #ffffff;
color: #212529;
border: 1px solid #dee2e6;
padding: 1.25rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #dee2e6;
border-radius: 4px;
@ -4392,6 +4346,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4416,6 +4374,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.75rem;
border-radius: 4px;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #212529;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #e9ecef;
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #883cae;
}
.p-progressbar .p-progressbar-label {
color: #212529;
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 4px;
box-shadow: none;
transition: box-shadow 0.15s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #efefef;
}
.p-tag {
background: #883cae;
color: #ffffff;
@ -4445,6 +4452,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #212529;
border: 1px solid #dee2e6;
padding: 1.25rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Vendor extensions to the designer enhanced bootstrap compatibility */
.p-breadcrumb .p-breadcrumb-chevron {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

110
public/themes/fluent-light/theme.css
View File

@ -4234,52 +4234,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #f3f2f1;
color: #323130;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #605e5c;
}
.p-progressbar {
border: 0 none;
height: 2px;
background: #edebe9;
border-radius: 2px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #0078d4;
}
.p-progressbar .p-progressbar-label {
color: #323130;
line-height: 2px;
}
.p-terminal {
background: #ffffff;
color: #323130;
border: 1px solid #a19f9d;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #edebe9;
border-radius: 2px;
@ -4331,6 +4285,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4355,6 +4313,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #f3f2f1;
color: #323130;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #605e5c;
}
.p-progressbar {
border: 0 none;
height: 2px;
background: #edebe9;
border-radius: 2px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #0078d4;
}
.p-progressbar .p-progressbar-label {
color: #323130;
line-height: 2px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #faf9f8;
}
.p-tag {
background: #0078d4;
color: #ffffff;
@ -4384,6 +4391,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #323130;
border: 1px solid #a19f9d;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */
.p-button-label {
font-weight: 600;

110
public/themes/luna-amber/theme.css
View File

@ -4246,52 +4246,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #4c4c4c;
color: #dedede;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #FFE082;
}
.p-progressbar .p-progressbar-label {
color: #dedede;
line-height: 24px;
}
.p-terminal {
background: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #4b4b4b;
border-radius: 3px;
@ -4343,6 +4297,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #323232;
}
@ -4367,6 +4325,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #4c4c4c;
color: #dedede;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #FFE082;
}
.p-progressbar .p-progressbar-label {
color: #dedede;
line-height: 24px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: #FFE082;
}
.p-scrolltop.p-link:hover {
background: #FFD54F;
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #212529;
}
.p-tag {
background: #FFE082;
color: #212529;
@ -4396,4 +4403,15 @@
font-size: 0.75rem;
}
.p-terminal {
background: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */

110
public/themes/luna-blue/theme.css
View File

@ -4246,52 +4246,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #4c4c4c;
color: #dedede;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #81D4FA;
}
.p-progressbar .p-progressbar-label {
color: #dedede;
line-height: 24px;
}
.p-terminal {
background: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #4b4b4b;
border-radius: 3px;
@ -4343,6 +4297,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #323232;
}
@ -4367,6 +4325,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #4c4c4c;
color: #dedede;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #81D4FA;
}
.p-progressbar .p-progressbar-label {
color: #dedede;
line-height: 24px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: #81D4FA;
}
.p-scrolltop.p-link:hover {
background: #4FC3F7;
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #212529;
}
.p-tag {
background: #81D4FA;
color: #212529;
@ -4396,4 +4403,15 @@
font-size: 0.75rem;
}
.p-terminal {
background: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */

110
public/themes/luna-green/theme.css
View File

@ -4246,52 +4246,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #4c4c4c;
color: #dedede;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #C5E1A5;
}
.p-progressbar .p-progressbar-label {
color: #dedede;
line-height: 24px;
}
.p-terminal {
background: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #4b4b4b;
border-radius: 3px;
@ -4343,6 +4297,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #323232;
}
@ -4367,6 +4325,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #4c4c4c;
color: #dedede;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #C5E1A5;
}
.p-progressbar .p-progressbar-label {
color: #dedede;
line-height: 24px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: #C5E1A5;
}
.p-scrolltop.p-link:hover {
background: #AED581;
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #212529;
}
.p-tag {
background: #C5E1A5;
color: #212529;
@ -4396,4 +4403,15 @@
font-size: 0.75rem;
}
.p-terminal {
background: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */

110
public/themes/luna-pink/theme.css
View File

@ -4246,52 +4246,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #4c4c4c;
color: #dedede;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #F48FB1;
}
.p-progressbar .p-progressbar-label {
color: #dedede;
line-height: 24px;
}
.p-terminal {
background: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #4b4b4b;
border-radius: 3px;
@ -4343,6 +4297,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #323232;
}
@ -4367,6 +4325,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #4c4c4c;
color: #dedede;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #F48FB1;
}
.p-progressbar .p-progressbar-label {
color: #dedede;
line-height: 24px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: #F48FB1;
}
.p-scrolltop.p-link:hover {
background: #F06292;
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #212529;
}
.p-tag {
background: #F48FB1;
color: #212529;
@ -4396,4 +4403,15 @@
font-size: 0.75rem;
}
.p-terminal {
background: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */

110
public/themes/md-dark-deeppurple/theme.css
View File

@ -4307,52 +4307,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(206, 147, 216, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #CE93D8;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 4px;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-avatar {
background-color: rgba(255, 255, 255, 0.12);
border-radius: 4px;
@ -4404,6 +4358,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-divider .p-divider-content {
background-color: #1e1e1e;
}
@ -4428,6 +4386,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(206, 147, 216, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #CE93D8;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 4px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: #A5D6A7;
}
.p-scrolltop.p-link:hover {
background: rgba(165, 214, 167, 0.92);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #121212;
}
.p-tag {
background: #CE93D8;
color: #121212;
@ -4457,6 +4464,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;

110
public/themes/md-dark-indigo/theme.css
View File

@ -4307,52 +4307,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(159, 168, 218, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #9FA8DA;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 4px;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-avatar {
background-color: rgba(255, 255, 255, 0.12);
border-radius: 4px;
@ -4404,6 +4358,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-divider .p-divider-content {
background-color: #1e1e1e;
}
@ -4428,6 +4386,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(159, 168, 218, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #9FA8DA;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 4px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: #F48FB1;
}
.p-scrolltop.p-link:hover {
background: rgba(244, 143, 177, 0.92);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #121212;
}
.p-tag {
background: #9FA8DA;
color: #121212;
@ -4457,6 +4464,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;

110
public/themes/md-light-deeppurple/theme.css
View File

@ -4307,52 +4307,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04);
color: #000001;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(103, 58, 183, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #673AB7;
}
.p-progressbar .p-progressbar-label {
color: #000001;
line-height: 4px;
}
.p-terminal {
background: #ffffff;
color: #000001;
border: 1px solid #e0e0e0;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-avatar {
background-color: rgba(0, 0, 0, 0.12);
border-radius: 4px;
@ -4404,6 +4358,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4428,6 +4386,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04);
color: #000001;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(103, 58, 183, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #673AB7;
}
.p-progressbar .p-progressbar-label {
color: #000001;
line-height: 4px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: #4CAF50;
}
.p-scrolltop.p-link:hover {
background: rgba(76, 175, 80, 0.92);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #ffffff;
}
.p-tag {
background: #673AB7;
color: #ffffff;
@ -4457,6 +4464,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #000001;
border: 1px solid #e0e0e0;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;

110
public/themes/md-light-indigo/theme.css
View File

@ -4307,52 +4307,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04);
color: #000001;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(63, 81, 181, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #3F51B5;
}
.p-progressbar .p-progressbar-label {
color: #000001;
line-height: 4px;
}
.p-terminal {
background: #ffffff;
color: #000001;
border: 1px solid #e0e0e0;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-avatar {
background-color: rgba(0, 0, 0, 0.12);
border-radius: 4px;
@ -4404,6 +4358,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4428,6 +4386,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04);
color: #000001;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(63, 81, 181, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #3F51B5;
}
.p-progressbar .p-progressbar-label {
color: #000001;
line-height: 4px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: #ff4081;
}
.p-scrolltop.p-link:hover {
background: rgba(255, 64, 129, 0.92);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #ffffff;
}
.p-tag {
background: #3F51B5;
color: #ffffff;
@ -4457,6 +4464,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #000001;
border: 1px solid #e0e0e0;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;

110
public/themes/mdc-dark-deeppurple/theme.css
View File

@ -4307,52 +4307,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(103, 58, 183, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #673AB7;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 4px;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 0.75rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-avatar {
background-color: rgba(255, 255, 255, 0.12);
border-radius: 4px;
@ -4404,6 +4358,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-divider .p-divider-content {
background-color: #1e1e1e;
}
@ -4428,6 +4386,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(103, 58, 183, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #673AB7;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 4px;
}
.p-scrolltop {
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: #4CAF50;
}
.p-scrolltop.p-link:hover {
background: rgba(76, 175, 80, 0.92);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.15rem;
color: #ffffff;
}
.p-tag {
background: #673AB7;
color: #ffffff;
@ -4457,6 +4464,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 0.75rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;

110
public/themes/mdc-dark-indigo/theme.css
View File

@ -4307,52 +4307,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(63, 81, 181, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #3F51B5;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 4px;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 0.75rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-avatar {
background-color: rgba(255, 255, 255, 0.12);
border-radius: 4px;
@ -4404,6 +4358,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-divider .p-divider-content {
background-color: #1e1e1e;
}
@ -4428,6 +4386,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(63, 81, 181, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #3F51B5;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 4px;
}
.p-scrolltop {
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: #ff4081;
}
.p-scrolltop.p-link:hover {
background: rgba(255, 64, 129, 0.92);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.15rem;
color: #ffffff;
}
.p-tag {
background: #3F51B5;
color: #ffffff;
@ -4457,6 +4464,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 0.75rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;

110
public/themes/mdc-light-deeppurple/theme.css
View File

@ -4307,52 +4307,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04);
color: #000001;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(103, 58, 183, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #673AB7;
}
.p-progressbar .p-progressbar-label {
color: #000001;
line-height: 4px;
}
.p-terminal {
background: #ffffff;
color: #000001;
border: 1px solid #e0e0e0;
padding: 0.75rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-avatar {
background-color: rgba(0, 0, 0, 0.12);
border-radius: 4px;
@ -4404,6 +4358,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4428,6 +4386,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04);
color: #000001;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(103, 58, 183, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #673AB7;
}
.p-progressbar .p-progressbar-label {
color: #000001;
line-height: 4px;
}
.p-scrolltop {
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: #4CAF50;
}
.p-scrolltop.p-link:hover {
background: rgba(76, 175, 80, 0.92);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.15rem;
color: #ffffff;
}
.p-tag {
background: #673AB7;
color: #ffffff;
@ -4457,6 +4464,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #000001;
border: 1px solid #e0e0e0;
padding: 0.75rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;

110
public/themes/mdc-light-indigo/theme.css
View File

@ -4307,52 +4307,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04);
color: #000001;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(63, 81, 181, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #3F51B5;
}
.p-progressbar .p-progressbar-label {
color: #000001;
line-height: 4px;
}
.p-terminal {
background: #ffffff;
color: #000001;
border: 1px solid #e0e0e0;
padding: 0.75rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-avatar {
background-color: rgba(0, 0, 0, 0.12);
border-radius: 4px;
@ -4404,6 +4358,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.32);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4428,6 +4386,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04);
color: #000001;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(63, 81, 181, 0.32);
border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #3F51B5;
}
.p-progressbar .p-progressbar-label {
color: #000001;
line-height: 4px;
}
.p-scrolltop {
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: #ff4081;
}
.p-scrolltop.p-link:hover {
background: rgba(255, 64, 129, 0.92);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.15rem;
color: #ffffff;
}
.p-tag {
background: #3F51B5;
color: #ffffff;
@ -4457,6 +4464,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #000001;
border: 1px solid #e0e0e0;
padding: 0.75rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;

110
public/themes/nova-accent/theme.css
View File

@ -4234,52 +4234,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #eaeaea;
color: #333333;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #007ad9;
}
.p-progressbar .p-progressbar-label {
color: #333333;
line-height: 24px;
}
.p-terminal {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #c8c8c8;
border-radius: 3px;
@ -4331,6 +4285,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4355,6 +4313,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #eaeaea;
color: #333333;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #007ad9;
}
.p-progressbar .p-progressbar-label {
color: #333333;
line-height: 24px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #f4f4f4;
}
.p-tag {
background: #007ad9;
color: #ffffff;
@ -4384,6 +4391,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-panel .p-panel-header .p-panel-header-icon {
color: #ffffff;
}

110
public/themes/nova-alt/theme.css
View File

@ -4246,52 +4246,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #eaeaea;
color: #333333;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #007ad9;
}
.p-progressbar .p-progressbar-label {
color: #333333;
line-height: 24px;
}
.p-terminal {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #c8c8c8;
border-radius: 3px;
@ -4343,6 +4297,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4367,6 +4325,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #eaeaea;
color: #333333;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #007ad9;
}
.p-progressbar .p-progressbar-label {
color: #333333;
line-height: 24px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #f4f4f4;
}
.p-tag {
background: #007ad9;
color: #ffffff;
@ -4396,6 +4403,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-panel .p-panel-header .p-panel-header-icon {
color: #ffffff;
}

110
public/themes/nova-vue/theme.css
View File

@ -4246,52 +4246,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #eaeaea;
color: #333333;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #41b883;
}
.p-progressbar .p-progressbar-label {
color: #333333;
line-height: 24px;
}
.p-terminal {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #c8c8c8;
border-radius: 3px;
@ -4343,6 +4297,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4367,6 +4325,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #eaeaea;
color: #333333;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #41b883;
}
.p-progressbar .p-progressbar-label {
color: #333333;
line-height: 24px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #f4f4f4;
}
.p-tag {
background: #41b883;
color: #ffffff;
@ -4396,6 +4403,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-panel .p-panel-header .p-panel-header-icon {
color: #848484;
}

110
public/themes/nova/theme.css
View File

@ -4246,52 +4246,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #eaeaea;
color: #333333;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #007ad9;
}
.p-progressbar .p-progressbar-label {
color: #333333;
line-height: 24px;
}
.p-terminal {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #c8c8c8;
border-radius: 3px;
@ -4343,6 +4297,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4367,6 +4325,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #eaeaea;
color: #333333;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #007ad9;
}
.p-progressbar .p-progressbar-label {
color: #333333;
line-height: 24px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #f4f4f4;
}
.p-tag {
background: #007ad9;
color: #ffffff;
@ -4396,6 +4403,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-panel .p-panel-header .p-panel-header-icon {
color: #848484;
}

110
public/themes/rhea/theme.css
View File

@ -4234,52 +4234,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #f4f4f4;
color: #666666;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #efefef;
border-radius: 2px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #7B95A3;
}
.p-progressbar .p-progressbar-label {
color: #666666;
line-height: 24px;
}
.p-terminal {
background: #ffffff;
color: #666666;
border: 1px solid #dadada;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #dadada;
border-radius: 2px;
@ -4331,6 +4285,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4355,6 +4313,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #f4f4f4;
color: #666666;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
}
.p-progressbar {
border: 0 none;
height: 24px;
background: #efefef;
border-radius: 2px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #7B95A3;
}
.p-progressbar .p-progressbar-label {
color: #666666;
line-height: 24px;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #f4f4f4;
}
.p-tag {
background: #7B95A3;
color: #ffffff;
@ -4384,6 +4391,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #666666;
border: 1px solid #dadada;
padding: 0.571rem 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-panel .p-panel-header .p-panel-header-icon {
color: #ffffff;
}

110
public/themes/saga-blue/theme.css
View File

@ -4283,52 +4283,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #495057;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #dee2e6;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #2196F3;
}
.p-progressbar .p-progressbar-label {
color: #495057;
line-height: 1.5rem;
}
.p-terminal {
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #dee2e6;
border-radius: 3px;
@ -4380,6 +4334,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4404,6 +4362,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #495057;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #dee2e6;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #2196F3;
}
.p-progressbar .p-progressbar-label {
color: #495057;
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #f8f9fa;
}
.p-tag {
background: #2196F3;
color: #ffffff;
@ -4433,6 +4440,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #2196F3;

110
public/themes/saga-green/theme.css
View File

@ -4283,52 +4283,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #495057;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #dee2e6;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #4CAF50;
}
.p-progressbar .p-progressbar-label {
color: #495057;
line-height: 1.5rem;
}
.p-terminal {
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #dee2e6;
border-radius: 3px;
@ -4380,6 +4334,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4404,6 +4362,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #495057;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #dee2e6;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #4CAF50;
}
.p-progressbar .p-progressbar-label {
color: #495057;
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #f8f9fa;
}
.p-tag {
background: #4CAF50;
color: #ffffff;
@ -4433,6 +4440,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #4CAF50;

110
public/themes/saga-orange/theme.css
View File

@ -4283,52 +4283,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #495057;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #dee2e6;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #FFC107;
}
.p-progressbar .p-progressbar-label {
color: #495057;
line-height: 1.5rem;
}
.p-terminal {
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #dee2e6;
border-radius: 3px;
@ -4380,6 +4334,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4404,6 +4362,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #495057;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #dee2e6;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #FFC107;
}
.p-progressbar .p-progressbar-label {
color: #495057;
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #f8f9fa;
}
.p-tag {
background: #FFC107;
color: #212529;
@ -4433,6 +4440,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #FFC107;

110
public/themes/saga-purple/theme.css
View File

@ -4283,52 +4283,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #495057;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #dee2e6;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #9C27B0;
}
.p-progressbar .p-progressbar-label {
color: #495057;
line-height: 1.5rem;
}
.p-terminal {
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #dee2e6;
border-radius: 3px;
@ -4380,6 +4334,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
@ -4404,6 +4362,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #495057;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #dee2e6;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #9C27B0;
}
.p-progressbar .p-progressbar-label {
color: #495057;
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #f8f9fa;
}
.p-tag {
background: #9C27B0;
color: #ffffff;
@ -4433,6 +4440,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #9C27B0;

110
public/themes/vela-blue/theme.css
View File

@ -4283,52 +4283,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #304562;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #64B5F6;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #304562;
border-radius: 3px;
@ -4380,6 +4334,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #1f2d40;
}
@ -4404,6 +4362,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #304562;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #64B5F6;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(100, 181, 246, 0.16);
}
.p-scrolltop.p-link:hover {
background: rgba(100, 181, 246, 0.3616);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-tag {
background: #64B5F6;
color: #212529;
@ -4433,6 +4440,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #64B5F6;

110
public/themes/vela-green/theme.css
View File

@ -4283,52 +4283,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #304562;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #81C784;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #304562;
border-radius: 3px;
@ -4380,6 +4334,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #1f2d40;
}
@ -4404,6 +4362,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #304562;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #81C784;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(129, 199, 132, 0.16);
}
.p-scrolltop.p-link:hover {
background: rgba(129, 199, 132, 0.3616);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-tag {
background: #81C784;
color: #212529;
@ -4433,6 +4440,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #81C784;

110
public/themes/vela-orange/theme.css
View File

@ -4283,52 +4283,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #304562;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #FFD54F;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #304562;
border-radius: 3px;
@ -4380,6 +4334,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #1f2d40;
}
@ -4404,6 +4362,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #304562;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #FFD54F;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(255, 213, 79, 0.16);
}
.p-scrolltop.p-link:hover {
background: rgba(255, 213, 79, 0.3616);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-tag {
background: #FFD54F;
color: #212529;
@ -4433,6 +4440,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #FFD54F;

110
public/themes/vela-purple/theme.css
View File

@ -4283,52 +4283,6 @@
background-color: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #304562;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #BA68C8;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-avatar {
background-color: #304562;
border-radius: 3px;
@ -4380,6 +4334,10 @@
line-height: 3rem;
}
.p-blockui.p-component-overlay {
background: rgba(0, 0, 0, 0.4);
}
.p-divider .p-divider-content {
background-color: #1f2d40;
}
@ -4404,6 +4362,55 @@
padding: 0.5rem 0;
}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #304562;
border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #BA68C8;
}
.p-progressbar .p-progressbar-label {
color: rgba(255, 255, 255, 0.87);
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(186, 104, 200, 0.16);
}
.p-scrolltop.p-link:hover {
background: rgba(186, 104, 200, 0.3616);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.87);
}
.p-tag {
background: #BA68C8;
color: #ffffff;
@ -4433,6 +4440,17 @@
font-size: 0.75rem;
}
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
padding: 1rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #BA68C8;

13
src/AppMenu.vue
View File

@ -120,7 +120,7 @@
<router-link to="/organizationchart">OrganizationChart</router-link>
<router-link to="/paginator">Paginator</router-link>
<router-link to="/picklist">PickList</router-link>
<router-link to="/timeline">Timeline <span class="p-tag">New</span></router-link>
<router-link to="/timeline">Timeline <Tag value="New"></Tag></router-link>
<router-link to="/tree" v-slot="{isActive}" custom>
<div>
<a tabindex="0" @click="toggleSubmenu($event, 'tree')">Tree</a>
@ -175,8 +175,8 @@
<div class="menu-category">Overlay</div>
<div class="menu-items">
<router-link to="/confirmdialog">ConfirmDialog <span class="p-tag">New</span></router-link>
<router-link to="/confirmpopup">ConfirmPopup <span class="p-tag">New</span></router-link>
<router-link to="/confirmdialog">ConfirmDialog <Tag value="New"></Tag></router-link>
<router-link to="/confirmpopup">ConfirmPopup <Tag value="New"></Tag></router-link>
<router-link to="/dialog">Dialog</router-link>
<router-link to="/overlaypanel">OverlayPanel</router-link>
<router-link to="/sidebar">Sidebar</router-link>
@ -248,11 +248,12 @@
<div class="menu-category">Misc</div>
<div class="menu-items">
<router-link to="/avatar">Avatar <span class="p-tag">New</span></router-link>
<router-link to="/badge">Badge <span class="p-tag">New</span></router-link>
<router-link to="/avatar">Avatar <Tag value="New"></Tag></router-link>
<router-link to="/badge">Badge <Tag value="New"></Tag></router-link>
<router-link to="/blockui">BlockUI</router-link>
<router-link to="/divider">Divider <span class="p-tag">New</span></router-link>
<router-link to="/divider">Divider <Tag value="New"></Tag></router-link>
<router-link to="/inplace">Inplace</router-link>
<router-link to="/scrolltop">ScrollTop <Tag value="New"></Tag></router-link>
<router-link to="/progressbar">ProgressBar</router-link>
<router-link to="/progressspinner">ProgressSpinner</router-link>
<router-link to="/ripple">Ripple</router-link>

0
src/components/scrolltop/ScrollTop.d.ts vendored Normal file
View File

133
src/components/scrolltop/ScrollTop.vue Normal file
View File

@ -0,0 +1,133 @@
<template>
<transition name="p-scrolltop" appear @enter="onEnter">
<button :class="containerClass" v-if="visible" @click="onClick" type="button">
<span :class="iconClass"></span>
</button>
</transition>
</template>
<script>
import DomHandler from '../utils/DomHandler';
export default {
scrollListener: null,
data() {
return {
visible: false
}
},
props: {
target: {
type: String,
default: 'window'
},
visiblePosition: {
type: Number,
default: 400
},
icon: {
type: String,
default: 'pi pi-chevron-up'
}
},
mounted() {
if (this.target === 'window')
this.bindDocumentScrollListener();
else if (this.target === 'parent')
this.bindParentScrollListener();
},
beforeUnmount() {
if (this.target === 'window')
this.unbindDocumentScrollListener();
else if (this.target === 'parent')
this.unbindParentScrollListener();
},
methods: {
onClick() {
let scrollElement = this.target === 'window' ? window : this.$el.parentElement;
scrollElement.scroll({
top: 0,
behavior: 'smooth'
});
},
checkVisibility(scrollY) {
if (scrollY > this.visiblePosition)
this.visible = true;
else
this.visible = false;
},
bindParentScrollListener() {
this.scrollListener = () => {
this.checkVisibility(this.$el.parentElement.scrollTop);
};
this.$el.parentElement.addEventListener('scroll', this.scrollListener);
},
bindDocumentScrollListener() {
this.scrollListener = () => {
this.checkVisibility(DomHandler.getWindowScrollTop());
};
window.addEventListener('scroll', this.scrollListener);
},
unbindParentScrollListener() {
if (this.scrollListener) {
this.$el.parentElement.removeEventListener('scroll', this.scrollListener);
this.scrollListener = null;
}
},
unbindDocumentScrollListener() {
if (this.scrollListener) {
window.removeEventListener('scroll', this.scrollListener);
this.scrollListener = null;
}
},
onEnter() {
this.$el.style.zIndex = String(DomHandler.generateZIndex());
}
},
computed: {
containerClass() {
return ['p-scrolltop p-link p-component', {'p-scrolltop-sticky': this.target !== 'window'}];
},
iconClass() {
return ['p-scrolltop-icon', this.icon];
}
}
}
</script>
<style>
.p-scrolltop {
position: fixed;
bottom: 20px;
right: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.p-scrolltop-sticky {
position: sticky;
}
.p-scrolltop-sticky.p-link {
margin-left: auto;
}
.p-scrolltop-enter-from {
opacity: 0;
}
.p-scrolltop-enter-active {
transition: opacity .15s;
}
.p-scrolltop.p-scrolltop-leave-to {
opacity: 0;
}
.p-scrolltop-leave-active {
transition: opacity .15s;
}
</style>

2
src/main.js
View File

@ -62,6 +62,7 @@ import RadioButton from './components/radiobutton/RadioButton';
import Ripple from './components/ripple/Ripple';
import Row from './components/row/Row';
import ScrollPanel from './components/scrollpanel/ScrollPanel';
import ScrollTop from './components/scrolltop/ScrollTop';
import SelectButton from './components/selectbutton/SelectButton';
import Slider from './components/slider/Slider';
import Sidebar from './components/sidebar/Sidebar';
@ -172,6 +173,7 @@ app.component('RadioButton', RadioButton);
app.component('Rating', Rating);
app.component('Row', Row);
app.component('ScrollPanel', ScrollPanel);
app.component('ScrollTop', ScrollTop);
app.component('SelectButton', SelectButton);
app.component('Slider', Slider);
app.component('Sidebar', Sidebar);

5
src/router/index.js
View File

@ -382,6 +382,11 @@ const routes = [
name: 'inputnumber',
component: () => import('../views/inputnumber/InputNumberDemo.vue')
},
{
path: '/scrolltop',
name: 'scrolltop',
component: () => import('../views/scrolltop/ScrollTopDemo.vue')
},
{
path: '/listbox',
name: 'listbox',

66
src/views/scrolltop/ScrollTopDemo.vue Normal file
View File

@ -0,0 +1,66 @@
<template>
<div>
<div class="content-section introduction">
<div class="feature-intro">
<h1>ScrollTop</h1>
<p>ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly.</p>
</div>
</div>
<div class="content-section implementation">
<div class="card">
<h5>Window</h5>
<p>Scroll down the page to display the ScrollTo component.</p>
<ScrollTop />
<h5>Element</h5>
<ScrollPanel style="width: 250px; height: 200px">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Vitae et leo duis ut diam.
Ultricies mi quis hendrerit dolor magna eget est lorem. Amet consectetur adipiscing elit ut.
Nam libero justo laoreet sit amet. Pharetra massa massa ultricies mi quis hendrerit dolor magna.
Est ultricies integer quis auctor elit sed vulputate. Consequat ac felis donec et. Tellus orci ac auctor augue mauris.
Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus a. Tincidunt arcu non sodales neque sodales.
Metus aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices. Sodales ut etiam sit amet nisl purus.
Cursus sit amet 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.
</p>
<ScrollTop target="parent" :visiblePosition="100" class="custom-scrolltop" icon="pi pi-arrow-up" />
</ScrollPanel>
</div>
</div>
<ScrollTopDoc />
</div>
</template>
<script>
import ScrollTopDoc from './ScrollTopDoc';
export default {
components: {
'ScrollTopDoc': ScrollTopDoc
}
}
</script>
<style lang="scss" scoped>
::v-deep(.custom-scrolltop) {
width: 2rem;
height: 2rem;
border-radius: 4px;
background-color: var(--primary-color);
&:hover {
background-color: var(--primary-color);
}
.p-scrolltop-icon {
font-size: 1rem;
color: var(--primary-color-text);
}
}
</style>

152
src/views/scrolltop/ScrollTopDoc.vue Normal file
View File

@ -0,0 +1,152 @@
<template>
<div class="content-section documentation">
<TabView>
<TabPanel header="Documentation">
<h5>Import</h5>
<pre v-code.script>
<code>
import ScrollTop from 'primevue/scrolltop';
</code></pre>
<h5>Getting Started</h5>
<p>Without any configuration, ScrollTop listens window scroll.</p>
<pre v-code>
<code>
&lt;ScrollTop /&gt;
</code></pre>
<h5>Threshold</h5>
<p>When the vertical scroll position reaches a certain threshold, ScrollTop gets displays. This value is
defined with the <i>visiblePosition</i> property that defaults to 400.</p>
<pre v-code>
<code>
&lt;ScrollTop :visiblePosition="400" /&gt;
</code></pre>
<h5>Target Element</h5>
<p>ScrollTop can also be assigned to its parent element by setting <i>target</i> as "parent".</p>
<pre v-code>
<code>
&lt;div style="height: 400px; overflow: auto"&gt;
Content that overflows to container
&lt;ScrollTop /&gt;
&lt;/div&gt;
</code></pre>
<h5>Properties</h5>
<div class="doc-tablewrapper">
<table class="doc-table">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Default</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>target</td>
<td>string</td>
<td>window</td>
<td>Target of the ScrollTop, valid values are "window" and "parent".</td>
</tr>
<tr>
<td>visiblePosition</td>
<td>number</td>
<td>400</td>
<td>Defines the threshold value of the vertical scroll position of the target to toggle the visibility.</td>
</tr>
<tr>
<td>icon</td>
<td>string</td>
<td>pi pi-chevron-up</td>
<td>Icon to display.</td>
</tr>
</tbody>
</table>
</div>
<h5>Styling</h5>
<p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p>
<div class="doc-tablewrapper">
<table class="doc-table">
<thead>
<tr>
<th>Name</th>
<th>Element</th>
</tr>
</thead>
<tbody>
<tr>
<td>p-scrolltop</td>
<td>Container element.</td>
</tr>
<tr>
<td>p-scrolltop-sticky</td>
<td>Container element when attached to its parent.</td>
</tr>
</tbody>
</table>
</div>
<h5>Dependencies</h5>
<p>None.</p>
</TabPanel>
<TabPanel header="Source">
<a href="https://github.com/primefaces/primevue/tree/master/src/views/scrolltop" class="btn-viewsource" target="_blank" rel="noopener noreferrer">
<span>View on GitHub</span>
</a>
<pre v-code>
<code><template v-pre>
&lt;h5&gt;Window&lt;/h5&gt;
&lt;p&gt;Scroll down the page to display the ScrollTo component.&lt;/p&gt;
&lt;ScrollTop /&gt;
&lt;h5&gt;Element&lt;/h5&gt;
&lt;ScrollPanel style="width: 250px; height: 200px"&gt;
&lt;p&gt;
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Vitae et leo duis ut diam.
Ultricies mi quis hendrerit dolor magna eget est lorem. Amet consectetur adipiscing elit ut.
Nam libero justo laoreet sit amet. Pharetra massa massa ultricies mi quis hendrerit dolor magna.
Est ultricies integer quis auctor elit sed vulputate. Consequat ac felis donec et. Tellus orci ac auctor augue mauris.
Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus a. Tincidunt arcu non sodales neque sodales.
Metus aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices. Sodales ut etiam sit amet nisl purus.
Cursus sit amet 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.
&lt;/p&gt;
&lt;ScrollTop target="parent" :visiblePosition="100" class="custom-scrolltop" icon="pi pi-arrow-up"/&gt;
&lt;/ScrollPanel&gt;
</template>
</code></pre>
<pre v-code.css>
<code>
::v-deep(.custom-scrolltop) {
width: 2rem;
height: 2rem;
background-color: var(--primary-color);
&:hover {
background-color: var(--primary-color);
}
.p-scrolltop-icon {
font-size: 1rem;
color: var(--primary-color-text);
}
}
</code></pre>
</TabPanel>
</TabView>
</div>
</template>