X Tutup
Skip to content

Commit 7c8a1bf

Browse files
committed
docs(design): footer and spacing fixes added to the layout
1 parent 713c8e6 commit 7c8a1bf

File tree

2 files changed

+183
-165
lines changed

2 files changed

+183
-165
lines changed

docs/app/assets/css/docs.css

Lines changed: 34 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,26 @@ html, body {
33
height:100%;
44
}
55

6+
#wrapper {
7+
min-height:100%;
8+
position:relative;
9+
padding-bottom:120px;
10+
}
11+
12+
.footer {
13+
border-top:20px solid white;
14+
position:absolute;
15+
bottom:0;
16+
left:0;
17+
right:0;
18+
z-index:100;
19+
padding-top: 2em;
20+
background-color: #333;
21+
color: white;
22+
padding-bottom: 2em;
23+
}
24+
25+
626
.header-fixed {
727
position:fixed;
828
z-index:1000;
@@ -67,16 +87,6 @@ h1,h2,h3,h4,h5,h6 {
6787
/* end: Logo */
6888

6989

70-
.footer {
71-
border-top:20px solid white;
72-
position:relative;
73-
z-index:100;
74-
padding-top: 2em;
75-
background-color: #333;
76-
color: white;
77-
padding-bottom: 2em;
78-
}
79-
8090
.spacer {
8191
height: 1em;
8292
}
@@ -356,14 +366,13 @@ iframe.example {
356366
.sup-header {
357367
padding-top:10px;
358368
padding-bottom:5px;
359-
background:rgba(240,240,240,0.88);
360-
box-shadow:0 0 5px #999;
369+
background:rgba(245,245,245,0.88);
370+
box-shadow:0 0 2px #999;
361371
}
362372

363373
.main-body-grid {
364374
margin-top:120px;
365375
position:relative;
366-
min-height:800px;
367376
}
368377

369378
.main-body-grid > .grid-left,
@@ -374,8 +383,8 @@ iframe.example {
374383
.main-body-grid > .grid-left {
375384
position:fixed;
376385
top:120px;
377-
padding-bottom:250px;
378-
height:100%;
386+
bottom:0;
387+
padding-bottom:120px;
379388
overflow:auto;
380389
}
381390

@@ -477,6 +486,11 @@ h2 {
477486
padding-top:30px;
478487
}
479488

489+
h4 {
490+
margin-top:20px;
491+
padding-top:20px;
492+
}
493+
480494
.improve-docs {
481495
float:right;
482496
}
@@ -532,3 +546,8 @@ h2 {
532546
.return-arguments td:first-child {
533547
width:100px;
534548
}
549+
550+
ul.methods > li,
551+
ul.events > li {
552+
margin-bottom:40px;
553+
}

0 commit comments

Comments
 (0)
X Tutup