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

Fixed org chart toggler color for aura

pull/5161/head
Cagatay Civici 2024-01-24 16:48:22 +03:00
parent 6de49f6308
commit 77d4312826
21 changed files with 21 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
doc/organizationchart/ColoredDoc.vue
View File

@ -28,7 +28,7 @@ export default {
data: {
key: '0',
type: 'person',
styleClass: 'bg-indigo-500 text-white border-round-xl',
styleClass: 'bg-indigo-100 text-indigo-900 border-round-xl',
data: {
image: 'https://primefaces.org/cdn/primevue/images/avatar/amyelsner.png',
name: 'Amy Elsner',
@ -38,7 +38,7 @@ export default {
{
key: '0_0',
type: 'person',
styleClass: 'bg-purple-500 text-white border-round-xl',
styleClass: 'bg-purple-100 text-purple-900 border-round-xl',
data: {
image: 'https://primefaces.org/cdn/primevue/images/avatar/annafali.png',
name: 'Anna Fali',
@ -47,18 +47,18 @@ export default {
children: [
{
label: 'Sales',
styleClass: 'bg-purple-500 text-white border-round-xl'
styleClass: 'bg-purple-100 text-purple-900 border-round-xl'
},
{
label: 'Marketing',
styleClass: 'bg-purple-500 text-white border-round-xl'
styleClass: 'bg-purple-100 text-purple-900 border-round-xl'
}
]
},
{
key: '0_1',
type: 'person',
styleClass: 'bg-teal-500 text-white border-round-xl',
styleClass: 'bg-teal-100 text-teal-900 border-round-xl',
data: {
image: 'https://primefaces.org/cdn/primevue/images/avatar/stephenshaw.png',
name: 'Stephen Shaw',
@ -67,11 +67,11 @@ export default {
children: [
{
label: 'Development',
styleClass: 'bg-teal-500 text-white border-round-xl'
styleClass: 'bg-teal-100 text-teal-900 border-round-xl'
},
{
label: 'UI/UX Design',
styleClass: 'bg-teal-500 text-white border-round-xl'
styleClass: 'bg-teal-100 text-teal-900 border-round-xl'
}
]
}
@ -121,7 +121,7 @@ export default {
data: {
key: '0',
type: 'person',
styleClass: 'bg-indigo-500 text-white border-round-xl',
styleClass: 'bg-indigo-100 text-white border-round-xl',
data: {
image: 'https://primefaces.org/cdn/primevue/images/avatar/amyelsner.png',
name: 'Amy Elsner',
@ -131,7 +131,7 @@ export default {
{
key: '0_0',
type: 'person',
styleClass: 'bg-purple-500 text-white border-round-xl',
styleClass: 'bg-purple-100 text-white border-round-xl',
data: {
image: 'https://primefaces.org/cdn/primevue/images/avatar/annafali.png',
name: 'Anna Fali',
@ -140,18 +140,18 @@ export default {
children: [
{
label: 'Sales',
styleClass: 'bg-purple-500 text-white border-round-xl'
styleClass: 'bg-purple-100 text-white border-round-xl'
},
{
label: 'Marketing',
styleClass: 'bg-purple-500 text-white border-round-xl'
styleClass: 'bg-purple-100 text-white border-round-xl'
}
]
},
{
key: '0_1',
type: 'person',
styleClass: 'bg-teal-500 text-white border-round-xl',
styleClass: 'bg-teal-100 text-white border-round-xl',
data: {
image: 'https://primefaces.org/cdn/primevue/images/avatar/stephenshaw.png',
name: 'Stephen Shaw',
@ -160,11 +160,11 @@ export default {
children: [
{
label: 'Development',
styleClass: 'bg-teal-500 text-white border-round-xl'
styleClass: 'bg-teal-100 text-white border-round-xl'
},
{
label: 'UI/UX Design',
styleClass: 'bg-teal-500 text-white border-round-xl'
styleClass: 'bg-teal-100 text-white border-round-xl'
}
]
}
@ -201,7 +201,7 @@ import { ref } from "vue";
const data = ref({
key: '0',
type: 'person',
styleClass: 'bg-indigo-500 text-white border-round-xl',
styleClass: 'bg-indigo-100 text-white border-round-xl',
data: {
image: 'https://primefaces.org/cdn/primevue/images/avatar/amyelsner.png',
name: 'Amy Elsner',
@ -211,7 +211,7 @@ const data = ref({
{
key: '0_0',
type: 'person',
styleClass: 'bg-purple-500 text-white border-round-xl',
styleClass: 'bg-purple-100 text-white border-round-xl',
data: {
image: 'https://primefaces.org/cdn/primevue/images/avatar/annafali.png',
name: 'Anna Fali',
@ -220,18 +220,18 @@ const data = ref({
children: [
{
label: 'Sales',
styleClass: 'bg-purple-500 text-white border-round-xl'
styleClass: 'bg-purple-100 text-white border-round-xl'
},
{
label: 'Marketing',
styleClass: 'bg-purple-500 text-white border-round-xl'
styleClass: 'bg-purple-100 text-white border-round-xl'
}
]
},
{
key: '0_1',
type: 'person',
styleClass: 'bg-teal-500 text-white border-round-xl',
styleClass: 'bg-teal-100 text-white border-round-xl',
data: {
image: 'https://primefaces.org/cdn/primevue/images/avatar/stephenshaw.png',
name: 'Stephen Shaw',
@ -240,11 +240,11 @@ const data = ref({
children: [
{
label: 'Development',
styleClass: 'bg-teal-500 text-white border-round-xl'
styleClass: 'bg-teal-100 text-white border-round-xl'
},
{
label: 'UI/UX Design',
styleClass: 'bg-teal-500 text-white border-round-xl'
styleClass: 'bg-teal-100 text-white border-round-xl'
}
]
}

5
public/themes/aura-dark-amber/theme.css
View File

@ -6533,7 +6533,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #3f3f46;
color: #a1a1aa;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6541,10 +6540,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: rgba(255, 255, 255, 0.03);
color: #ffffff;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-dark-blue/theme.css
View File

@ -6533,7 +6533,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #3f3f46;
color: #a1a1aa;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6541,10 +6540,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: rgba(255, 255, 255, 0.03);
color: #ffffff;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-dark-cyan/theme.css
View File

@ -6533,7 +6533,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #3f3f46;
color: #a1a1aa;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6541,10 +6540,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: rgba(255, 255, 255, 0.03);
color: #ffffff;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-dark-green/theme.css
View File

@ -6533,7 +6533,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #3f3f46;
color: #a1a1aa;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6541,10 +6540,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: rgba(255, 255, 255, 0.03);
color: #ffffff;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-dark-indigo/theme.css
View File

@ -6533,7 +6533,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #3f3f46;
color: #a1a1aa;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6541,10 +6540,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: rgba(255, 255, 255, 0.03);
color: #ffffff;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-dark-lime/theme.css
View File

@ -6533,7 +6533,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #3f3f46;
color: #a1a1aa;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6541,10 +6540,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: rgba(255, 255, 255, 0.03);
color: #ffffff;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-dark-noir/theme.css
View File

@ -6533,7 +6533,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #3f3f46;
color: #a1a1aa;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6541,10 +6540,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: rgba(255, 255, 255, 0.03);
color: #ffffff;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-dark-pink/theme.css
View File

@ -6533,7 +6533,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #3f3f46;
color: #a1a1aa;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6541,10 +6540,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: rgba(255, 255, 255, 0.03);
color: #ffffff;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-dark-purple/theme.css
View File

@ -6533,7 +6533,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #3f3f46;
color: #a1a1aa;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6541,10 +6540,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: rgba(255, 255, 255, 0.03);
color: #ffffff;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-dark-teal/theme.css
View File

@ -6533,7 +6533,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #3f3f46;
color: #a1a1aa;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6541,10 +6540,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: rgba(255, 255, 255, 0.03);
color: #ffffff;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-light-amber/theme.css
View File

@ -6535,7 +6535,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #e2e8f0;
color: #64748b;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6543,10 +6542,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: #f1f5f9;
color: #475569;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-light-blue/theme.css
View File

@ -6535,7 +6535,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #e2e8f0;
color: #64748b;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6543,10 +6542,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: #f1f5f9;
color: #475569;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-light-cyan/theme.css
View File

@ -6535,7 +6535,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #e2e8f0;
color: #64748b;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6543,10 +6542,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: #f1f5f9;
color: #475569;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-light-green/theme.css
View File

@ -6535,7 +6535,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #e2e8f0;
color: #64748b;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6543,10 +6542,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: #f1f5f9;
color: #475569;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-light-indigo/theme.css
View File

@ -6535,7 +6535,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #e2e8f0;
color: #64748b;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6543,10 +6542,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: #f1f5f9;
color: #475569;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-light-lime/theme.css
View File

@ -6535,7 +6535,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #e2e8f0;
color: #64748b;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6543,10 +6542,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: #f1f5f9;
color: #475569;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-light-noir/theme.css
View File

@ -6543,7 +6543,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #e2e8f0;
color: #64748b;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6551,10 +6550,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: #f1f5f9;
color: #475569;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-light-pink/theme.css
View File

@ -6535,7 +6535,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #e2e8f0;
color: #64748b;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6543,10 +6542,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: #f1f5f9;
color: #475569;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-light-purple/theme.css
View File

@ -6535,7 +6535,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #e2e8f0;
color: #64748b;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6543,10 +6542,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: #f1f5f9;
color: #475569;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}

5
public/themes/aura-light-teal/theme.css
View File

@ -6535,7 +6535,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
border: 1px solid #e2e8f0;
color: #64748b;
display: inline-flex;
justify-content: center;
align-items: center;
@ -6543,10 +6542,6 @@
.p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: static;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
background-color: #f1f5f9;
color: #475569;
}
.p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
border-right: 0 none;
}