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

Refactor #6677 - For OrganizationChart

pull/6687/head
tugcekucukoglu 2024-10-30 11:51:25 +03:00
parent 62e735fdf9
commit 2a48893589
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/primevue/src/organizationchart/style/OrganizationChartStyle.js
View File

@ -40,10 +40,10 @@ const theme = ({ dt }) => `
.p-organizationchart-node-toggle-button { .p-organizationchart-node-toggle-button {
position: absolute; position: absolute;
bottom: calc(-1 * calc(${dt('organizationchart.node.toggle.button.size')} / 2)); inset-block-end: calc(-1 * calc(${dt('organizationchart.node.toggle.button.size')} / 2));
margin-left: calc(-1 * calc(${dt('organizationchart.node.toggle.button.size')} / 2)); margin-inline-start: calc(-1 * calc(${dt('organizationchart.node.toggle.button.size')} / 2));
z-index: 2; z-index: 2;
left: 50%; inset-inline-start: 50%;
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
width: ${dt('organizationchart.node.toggle.button.size')}; width: ${dt('organizationchart.node.toggle.button.size')};
@ -75,7 +75,7 @@ const theme = ({ dt }) => `
.p-organizationchart-node-toggle-button-icon { .p-organizationchart-node-toggle-button-icon {
position: relative; position: relative;
top: 1px; inset-block-start: 1px;
} }
.p-organizationchart-connector-down { .p-organizationchart-connector-down {
@ -91,11 +91,11 @@ const theme = ({ dt }) => `
.p-organizationchart-connector-left { .p-organizationchart-connector-left {
border-radius: 0; border-radius: 0;
border-right: 1px solid ${dt('organizationchart.connector.color')}; border-inline-end: 1px solid ${dt('organizationchart.connector.color')};
} }
.p-organizationchart-connector-top { .p-organizationchart-connector-top {
border-top: 1px solid ${dt('organizationchart.connector.color')}; border-block-start: 1px solid ${dt('organizationchart.connector.color')};
} }
.p-organizationchart-node-selectable { .p-organizationchart-node-selectable {
@ -103,16 +103,16 @@ const theme = ({ dt }) => `
} }
.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-left) { .p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-left) {
border-right: 0 none; border-inline-end: 0 none;
} }
.p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) { .p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) {
border-top-right-radius: ${dt('organizationchart.connector.border.radius')}; border-start-end-radius: ${dt('organizationchart.connector.border.radius')};
} }
.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) { .p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) {
border-left: 1px solid ${dt('organizationchart.connector.color')}; border-inline-start: 1px solid ${dt('organizationchart.connector.color')};
border-top-left-radius: ${dt('organizationchart.connector.border.radius')}; border-start-start-radius: ${dt('organizationchart.connector.border.radius')};
} }
`; `;