Skip to content

Commit 2bb9f05

Browse files
dabengdabeng
committed
Update basic styles
1 parent e739f0f commit 2bb9f05

File tree

5 files changed

+41
-50
lines changed

5 files changed

+41
-50
lines changed

‎demo/css/jquery.orgchart.css‎

Lines changed: 13 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -158,12 +158,11 @@
158158
padding: 3px;
159159
border: 2px dashed transparent;
160160
text-align: center;
161-
width: 130px;
162161
}
163162

164163
.orgchart.l2r .node, .orgchart.r2l .node {
165164
width: 50px;
166-
height: 130px;
165+
height: 140px;
167166
}
168167

169168
.orgchart .node>.spinner {
@@ -202,11 +201,13 @@
202201
}
203202

204203
.orgchart .node .title {
204+
box-sizing: border-box;
205+
padding: 2px;
206+
width: 130px;
205207
text-align: center;
206-
font-size: 12px;
208+
font-size: 0.75rem;
207209
font-weight: bold;
208210
height: 20px;
209-
line-height: 20px;
210211
overflow: hidden;
211212
text-overflow: ellipsis;
212213
white-space: nowrap;
@@ -221,15 +222,13 @@
221222
}
222223

223224
.orgchart.l2r .node .title {
224-
transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
225+
transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
225226
transform-origin: bottom center;
226-
width: 120px;
227227
}
228228

229229
.orgchart.r2l .node .title {
230-
transform: rotate(-90deg) translate(-40px, -40px);
230+
transform: rotate(-90deg) translate(-45px, -45px);
231231
transform-origin: bottom center;
232-
width: 120px;
233232
}
234233

235234
.orgchart .node .title .symbol {
@@ -240,16 +239,14 @@
240239

241240
.orgchart .node .content {
242241
box-sizing: border-box;
243-
width: 100%;
242+
padding: 2px;
244243
height: 20px;
245-
font-size: 11px;
246-
line-height: 18px;
244+
font-size: 0.625rem;
247245
border: 1px solid rgba(217, 83, 79, 0.8);
248246
border-radius: 0 0 4px 4px;
249247
text-align: center;
250248
background-color: #fff;
251249
color: #333;
252-
overflow: hidden;
253250
text-overflow: ellipsis;
254251
white-space: nowrap;
255252
}
@@ -260,15 +257,15 @@
260257
}
261258

262259
.orgchart.l2r .node .content {
263-
transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
260+
transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
264261
transform-origin: top center;
265-
width: 120px;
262+
width: 130px;
266263
}
267264

268265
.orgchart.r2l .node .content {
269-
transform: rotate(-90deg) translate(-40px, -40px);
266+
transform: rotate(-90deg) translate(-45px, -45px);
270267
transform-origin: top center;
271-
width: 120px;
268+
width: 130px;
272269
}
273270

274271
.orgchart .node .edge {

‎dist/css/jquery.orgchart.css‎

Lines changed: 13 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -158,12 +158,11 @@
158158
padding: 3px;
159159
border: 2px dashed transparent;
160160
text-align: center;
161-
width: 130px;
162161
}
163162

164163
.orgchart.l2r .node, .orgchart.r2l .node {
165164
width: 50px;
166-
height: 130px;
165+
height: 140px;
167166
}
168167

169168
.orgchart .node>.spinner {
@@ -202,11 +201,13 @@
202201
}
203202

204203
.orgchart .node .title {
204+
box-sizing: border-box;
205+
padding: 2px;
206+
width: 130px;
205207
text-align: center;
206-
font-size: 12px;
208+
font-size: 0.75rem;
207209
font-weight: bold;
208210
height: 20px;
209-
line-height: 20px;
210211
overflow: hidden;
211212
text-overflow: ellipsis;
212213
white-space: nowrap;
@@ -221,15 +222,13 @@
221222
}
222223

223224
.orgchart.l2r .node .title {
224-
transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
225+
transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
225226
transform-origin: bottom center;
226-
width: 120px;
227227
}
228228

229229
.orgchart.r2l .node .title {
230-
transform: rotate(-90deg) translate(-40px, -40px);
230+
transform: rotate(-90deg) translate(-45px, -45px);
231231
transform-origin: bottom center;
232-
width: 120px;
233232
}
234233

235234
.orgchart .node .title .symbol {
@@ -240,16 +239,14 @@
240239

241240
.orgchart .node .content {
242241
box-sizing: border-box;
243-
width: 100%;
242+
padding: 2px;
244243
height: 20px;
245-
font-size: 11px;
246-
line-height: 18px;
244+
font-size: 0.625rem;
247245
border: 1px solid rgba(217, 83, 79, 0.8);
248246
border-radius: 0 0 4px 4px;
249247
text-align: center;
250248
background-color: #fff;
251249
color: #333;
252-
overflow: hidden;
253250
text-overflow: ellipsis;
254251
white-space: nowrap;
255252
}
@@ -260,15 +257,15 @@
260257
}
261258

262259
.orgchart.l2r .node .content {
263-
transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
260+
transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
264261
transform-origin: top center;
265-
width: 120px;
262+
width: 130px;
266263
}
267264

268265
.orgchart.r2l .node .content {
269-
transform: rotate(-90deg) translate(-40px, -40px);
266+
transform: rotate(-90deg) translate(-45px, -45px);
270267
transform-origin: top center;
271-
width: 120px;
268+
width: 130px;
272269
}
273270

274271
.orgchart .node .edge {

‎dist/css/jquery.orgchart.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "orgchart",
3-
"version": "2.1.4",
3+
"version": "2.1.5",
44
"description": "Simple and direct organization chart(tree-like hierarchy) plugin based on pure DOM and jQuery.",
55
"main": "./dist/js/jquery.orgchart.min.js",
66
"style": [

‎src/css/jquery.orgchart.css‎

Lines changed: 13 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -158,12 +158,11 @@
158158
padding: 3px;
159159
border: 2px dashed transparent;
160160
text-align: center;
161-
width: 130px;
162161
}
163162

164163
.orgchart.l2r .node, .orgchart.r2l .node {
165164
width: 50px;
166-
height: 130px;
165+
height: 140px;
167166
}
168167

169168
.orgchart .node>.spinner {
@@ -202,11 +201,13 @@
202201
}
203202

204203
.orgchart .node .title {
204+
box-sizing: border-box;
205+
padding: 2px;
206+
width: 130px;
205207
text-align: center;
206-
font-size: 12px;
208+
font-size: 0.75rem;
207209
font-weight: bold;
208210
height: 20px;
209-
line-height: 20px;
210211
overflow: hidden;
211212
text-overflow: ellipsis;
212213
white-space: nowrap;
@@ -221,15 +222,13 @@
221222
}
222223

223224
.orgchart.l2r .node .title {
224-
transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
225+
transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
225226
transform-origin: bottom center;
226-
width: 120px;
227227
}
228228

229229
.orgchart.r2l .node .title {
230-
transform: rotate(-90deg) translate(-40px, -40px);
230+
transform: rotate(-90deg) translate(-45px, -45px);
231231
transform-origin: bottom center;
232-
width: 120px;
233232
}
234233

235234
.orgchart .node .title .symbol {
@@ -240,16 +239,14 @@
240239

241240
.orgchart .node .content {
242241
box-sizing: border-box;
243-
width: 100%;
242+
padding: 2px;
244243
height: 20px;
245-
font-size: 11px;
246-
line-height: 18px;
244+
font-size: 0.625rem;
247245
border: 1px solid rgba(217, 83, 79, 0.8);
248246
border-radius: 0 0 4px 4px;
249247
text-align: center;
250248
background-color: #fff;
251249
color: #333;
252-
overflow: hidden;
253250
text-overflow: ellipsis;
254251
white-space: nowrap;
255252
}
@@ -260,15 +257,15 @@
260257
}
261258

262259
.orgchart.l2r .node .content {
263-
transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
260+
transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
264261
transform-origin: top center;
265-
width: 120px;
262+
width: 130px;
266263
}
267264

268265
.orgchart.r2l .node .content {
269-
transform: rotate(-90deg) translate(-40px, -40px);
266+
transform: rotate(-90deg) translate(-45px, -45px);
270267
transform-origin: top center;
271-
width: 120px;
268+
width: 130px;
272269
}
273270

274271
.orgchart .node .edge {

0 commit comments

Comments
 (0)