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

Doc update

pull/496/head
Cagatay Civici 2020-09-21 17:12:41 +03:00
parent 0e1d57319e
commit e6f20f0e2c
2 changed files with 46 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/views/scrollpanel/ScrollPanelDemo.vue
View File

@ -85,35 +85,35 @@ export default {
line-height: 1.5; line-height: 1.5;
margin: 0; margin: 0;
} }
}
::v-deep(.custombar1) { &.custombar1 {
.p-scrollpanel-wrapper { .p-scrollpanel-wrapper {
border-right: 9px solid var(--surface-b); border-right: 9px solid var(--surface-b);
}
.p-scrollpanel-bar {
background-color: var(--primary-color);
opacity: 1;
transition: background-color .2s;
&:hover {
background-color: #007ad9;
}
}
} }
.p-scrollpanel-bar { &.custombar2 {
background-color: var(--primary-color); .p-scrollpanel-wrapper {
opacity: 1; border-right: 9px solid var(--surface-b);
transition: background-color .2s; border-bottom: 9px solid var(--surface-b);
}
&:hover { .p-scrollpanel-bar {
background-color: #007ad9; background-color: var(--surface-d);
border-radius: 0;
opacity: 1;
transition: background-color .2s;
} }
} }
} }
::v-deep(.custombar2) {
.p-scrollpanel-wrapper {
border-right: 9px solid var(--surface-b);
border-bottom: 9px solid var(--surface-b);
}
.p-scrollpanel-bar {
background-color: var(--surface-d);
border-radius: 0;
opacity: 1;
transition: background-color .2s;
}
}
</style> </style>

44
src/views/scrollpanel/ScrollPanelDoc.vue
View File

@ -161,35 +161,35 @@ export default {
line-height: 1.5; line-height: 1.5;
margin: 0; margin: 0;
} }
}
::v-deep(.custombar1) { &.custombar1 {
.p-scrollpanel-wrapper { .p-scrollpanel-wrapper {
border-right: 9px solid var(--surface-b); border-right: 9px solid var(--surface-b);
} }
.p-scrollpanel-bar { .p-scrollpanel-bar {
background-color: var(--primary-color); background-color: var(--primary-color);
opacity: 1; opacity: 1;
transition: background-color .2s; transition: background-color .2s;
&:hover { &:hover {
background-color: #007ad9; background-color: #007ad9;
}
} }
} }
}
::v-deep(.custombar2) { &.custombar2 {
.p-scrollpanel-wrapper { .p-scrollpanel-wrapper {
border-right: 9px solid var(--surface-b); border-right: 9px solid var(--surface-b);
border-bottom: 9px solid var(--surface-b); border-bottom: 9px solid var(--surface-b);
} }
.p-scrollpanel-bar { .p-scrollpanel-bar {
background-color: var(--surface-d); background-color: var(--surface-d);
border-radius: 0; border-radius: 0;
opacity: 1; opacity: 1;
transition: background-color .2s; transition: background-color .2s;
}
} }
} }
</CodeHighlight> </CodeHighlight>