Skip to content

Commit

Permalink
Update basic styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@dabeng
dabeng committed Aug 19, 2019
1 parent e739f0f commit 2bb9f05
Show file tree
Hide file tree
Showing 5 changed files with 41 additions and 50 deletions.
29 changes: 13 additions & 16 deletions demo/css/jquery.orgchart.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -158,12 +158,11 @@
padding: 3px;
border: 2px dashed transparent;
text-align: center;
width: 130px;
}

.orgchart.l2r .node, .orgchart.r2l .node {
width: 50px;
height: 130px;
height: 140px;
}

.orgchart .node>.spinner {
Expand Down Expand Up @@ -202,11 +201,13 @@
}

.orgchart .node .title {
box-sizing: border-box;
padding: 2px;
width: 130px;
text-align: center;
font-size: 12px;
font-size: 0.75rem;
font-weight: bold;
height: 20px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
Expand All @@ -221,15 +222,13 @@
}

.orgchart.l2r .node .title {
transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
transform-origin: bottom center;
width: 120px;
}

.orgchart.r2l .node .title {
transform: rotate(-90deg) translate(-40px, -40px);
transform: rotate(-90deg) translate(-45px, -45px);
transform-origin: bottom center;
width: 120px;
}

.orgchart .node .title .symbol {
Expand All @@ -240,16 +239,14 @@

.orgchart .node .content {
box-sizing: border-box;
width: 100%;
padding: 2px;
height: 20px;
font-size: 11px;
line-height: 18px;
font-size: 0.625rem;
border: 1px solid rgba(217, 83, 79, 0.8);
border-radius: 0 0 4px 4px;
text-align: center;
background-color: #fff;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Expand All @@ -260,15 +257,15 @@
}

.orgchart.l2r .node .content {
transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
transform-origin: top center;
width: 120px;
width: 130px;
}

.orgchart.r2l .node .content {
transform: rotate(-90deg) translate(-40px, -40px);
transform: rotate(-90deg) translate(-45px, -45px);
transform-origin: top center;
width: 120px;
width: 130px;
}

.orgchart .node .edge {
Expand Down
29 changes: 13 additions & 16 deletions dist/css/jquery.orgchart.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -158,12 +158,11 @@
padding: 3px;
border: 2px dashed transparent;
text-align: center;
width: 130px;
}

.orgchart.l2r .node, .orgchart.r2l .node {
width: 50px;
height: 130px;
height: 140px;
}

.orgchart .node>.spinner {
Expand Down Expand Up @@ -202,11 +201,13 @@
}

.orgchart .node .title {
box-sizing: border-box;
padding: 2px;
width: 130px;
text-align: center;
font-size: 12px;
font-size: 0.75rem;
font-weight: bold;
height: 20px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
Expand All @@ -221,15 +222,13 @@
}

.orgchart.l2r .node .title {
transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
transform-origin: bottom center;
width: 120px;
}

.orgchart.r2l .node .title {
transform: rotate(-90deg) translate(-40px, -40px);
transform: rotate(-90deg) translate(-45px, -45px);
transform-origin: bottom center;
width: 120px;
}

.orgchart .node .title .symbol {
Expand All @@ -240,16 +239,14 @@

.orgchart .node .content {
box-sizing: border-box;
width: 100%;
padding: 2px;
height: 20px;
font-size: 11px;
line-height: 18px;
font-size: 0.625rem;
border: 1px solid rgba(217, 83, 79, 0.8);
border-radius: 0 0 4px 4px;
text-align: center;
background-color: #fff;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Expand All @@ -260,15 +257,15 @@
}

.orgchart.l2r .node .content {
transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
transform-origin: top center;
width: 120px;
width: 130px;
}

.orgchart.r2l .node .content {
transform: rotate(-90deg) translate(-40px, -40px);
transform: rotate(-90deg) translate(-45px, -45px);
transform-origin: top center;
width: 120px;
width: 130px;
}

.orgchart .node .edge {
Expand Down
2 changes: 1 addition & 1 deletion dist/css/jquery.orgchart.min.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "orgchart",
"version": "2.1.4",
"version": "2.1.5",
"description": "Simple and direct organization chart(tree-like hierarchy) plugin based on pure DOM and jQuery.",
"main": "./dist/js/jquery.orgchart.min.js",
"style": [
Expand Down
29 changes: 13 additions & 16 deletions src/css/jquery.orgchart.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -158,12 +158,11 @@
padding: 3px;
border: 2px dashed transparent;
text-align: center;
width: 130px;
}

.orgchart.l2r .node, .orgchart.r2l .node {
width: 50px;
height: 130px;
height: 140px;
}

.orgchart .node>.spinner {
Expand Down Expand Up @@ -202,11 +201,13 @@
}

.orgchart .node .title {
box-sizing: border-box;
padding: 2px;
width: 130px;
text-align: center;
font-size: 12px;
font-size: 0.75rem;
font-weight: bold;
height: 20px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
Expand All @@ -221,15 +222,13 @@
}

.orgchart.l2r .node .title {
transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
transform-origin: bottom center;
width: 120px;
}

.orgchart.r2l .node .title {
transform: rotate(-90deg) translate(-40px, -40px);
transform: rotate(-90deg) translate(-45px, -45px);
transform-origin: bottom center;
width: 120px;
}

.orgchart .node .title .symbol {
Expand All @@ -240,16 +239,14 @@

.orgchart .node .content {
box-sizing: border-box;
width: 100%;
padding: 2px;
height: 20px;
font-size: 11px;
line-height: 18px;
font-size: 0.625rem;
border: 1px solid rgba(217, 83, 79, 0.8);
border-radius: 0 0 4px 4px;
text-align: center;
background-color: #fff;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Expand All @@ -260,15 +257,15 @@
}

.orgchart.l2r .node .content {
transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
transform-origin: top center;
width: 120px;
width: 130px;
}

.orgchart.r2l .node .content {
transform: rotate(-90deg) translate(-40px, -40px);
transform: rotate(-90deg) translate(-45px, -45px);
transform-origin: top center;
width: 120px;
width: 130px;
}

.orgchart .node .edge {
Expand Down

0 comments on commit 2bb9f05

Please sign in to comment.