119 lines
2.8 KiB
CSS
119 lines
2.8 KiB
CSS
|
|
.organigram-container {
|
|
display: flex;
|
|
border: 1px solid #eee;
|
|
min-height: 500px;
|
|
}
|
|
|
|
|
|
.organigram-container .orgchart table {
|
|
border: none;
|
|
}
|
|
|
|
.orgchart {
|
|
background: none;
|
|
}
|
|
|
|
#organigram-processes {
|
|
border-right: 1px solid #eee;
|
|
min-height: 500px;
|
|
text-align: center;
|
|
}
|
|
|
|
#organigram-spaces {
|
|
min-height: 500px;
|
|
width:100%;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Root Node */
|
|
#organigram-processes #root, #organigram-spaces #root {
|
|
width:200px;
|
|
}
|
|
|
|
/* Node Collering */
|
|
#organigram-processes #root .title { background-color: #faa732; }
|
|
#organigram-processes #root .content { border-color: #faa732; }
|
|
#organigram-spaces #root .title { background-color: #faa732; }
|
|
#organigram-spaces #root .content { border-color: #faa732; }
|
|
#organigram-spaces #root .title { background-color: #faa732;}
|
|
#organigram-spaces #root .content { border-color: #faa732; }
|
|
#organigram-processes .orgchart .process .title { background-color: #4c8067; }
|
|
#organigram-processes .orgchart .process .content { border-color: #4c8067; }
|
|
#organigram-spaces .orgchart .space .title { background-color: #31708f; }
|
|
#organigram-spaces .orgchart .space .content { border-color: #31708f; }
|
|
|
|
/* Line Collering */
|
|
.orgchart .node:not(:only-child)::after { background-color: #31708f;}
|
|
.orgchart .hierarchy::before { border-top: 2px solid #31708f; }
|
|
.orgchart > ul > li > ul li > .node::before { background-color: #31708f;}
|
|
.orgchart .nodes.vertical::before { background-color: #31708f;}
|
|
.orgchart .nodes.vertical .hierarchy::before, .orgchart .nodes.vertical .hierarchy::after { border-color: #31708f;}
|
|
|
|
|
|
/* Layout Fix https://github.com/dabeng/OrgChart/issues/612 */
|
|
.orgchart .node .title {
|
|
width: 100%;
|
|
min-width:130px;
|
|
padding: 2px 16px;
|
|
}
|
|
.orgchart .nodes {
|
|
justify-content: center;
|
|
}
|
|
|
|
/* Vertical layout fix adjust */
|
|
.orgchart .nodes.vertical > .hierarchy:first-child::before {
|
|
top: -6px;
|
|
}
|
|
|
|
.orgchart .node .content {
|
|
min-height: 20px;
|
|
height: inherit;
|
|
white-space: normal;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
/* hide title symbol */
|
|
.orgchart .node .title .symbol {
|
|
display:none;
|
|
}
|
|
|
|
|
|
/* Custom Content - Team Layout */
|
|
.orgchart .node .content .node-details {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.orgchart .node .content .node-details .teams {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.orgchart .node .content .node-details .teams .members p{
|
|
margin: 0 10px;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
}
|
|
.orgchart .node .content .node-details .teams .members p.lead{
|
|
text-align: center;
|
|
margin-bottom: 4px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Custom Content - toolbar Layout */
|
|
.orgchart .node .content .node-details .controls {
|
|
margin-right: 5px;
|
|
text-align: right;
|
|
font-size:18px;
|
|
color: #333;
|
|
}
|
|
.orgchart .node .content .node-details .controls .typcn {
|
|
cursor: pointer;
|
|
color: #333;
|
|
}
|
|
|
|
|
|
|
|
|
|
|