Skip to content

Commit dfeed49

Browse files
committed
Wire it up
1 parent 37b6f27 commit dfeed49

14 files changed

+87
-56
lines changed

_src/app/docs/src/DocHeader.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ var DocHeader = React.createClass({
99
<div className="header">
1010
<div className="miniHeader">
1111
<div className="miniHeaderContents">
12-
<a href="../" target="_self" className="logo">
12+
<a href="../" target="_self" className="miniLogo">
1313
<SVGSet>
1414
<Logo color="#FC4349" />
1515
<Logo color="#2C3E50" inline={true} />

_src/app/docs/src/style.less

+3-3
Original file line numberDiff line numberDiff line change
@@ -38,19 +38,19 @@
3838
}
3939
}
4040

41-
.logo {
41+
.miniLogo {
4242
float: left;
4343
left: -140px;
4444
top: 12px;
4545
}
4646

4747
@media only screen and (max-width: 680px) {
48-
.logo {
48+
.miniLogo {
4949
display: none;
5050
}
5151
}
5252

53-
.logo > .svg {
53+
.miniLogo > .svg {
5454
height: 24px;
5555
}
5656

_src/app/src/Header.js

+16-10
Original file line numberDiff line numberDiff line change
@@ -40,23 +40,29 @@ var Header = React.createClass({
4040
var s = neg ? 0 : this.state.scroll;
4141
var sp = fixed ? 35 : 70;
4242

43-
var miniHeaderContents =
44-
<div className="miniHeaderContents">
45-
{/*<a href="docs/" target="_self">Documentation</a>*/}
46-
<a href="https://github.com/facebook/immutable-js/blob/master/type-definitions/Immutable.d.ts">Documentation</a>
47-
<a href="https://github.com/facebook/immutable-js/issues/">Support</a>
48-
<a href="https://github.com/facebook/immutable-js/">Github</a>
49-
</div>;
50-
5143
return (
5244
<div className="header">
5345
<div className="miniHeader">
54-
{miniHeaderContents}
46+
<div className="miniHeaderContents">
47+
<a href="./" target="_self" className="miniLogo">
48+
<SVGSet>
49+
<Logo color="#FC4349" />
50+
<Logo color="#2C3E50" inline={true} />
51+
</SVGSet>
52+
</a>
53+
<a href="docs/" target="_self">Documentation</a>
54+
<a href="https://github.com/facebook/immutable-js/issues/">Support</a>
55+
<a href="https://github.com/facebook/immutable-js/">Github</a>
56+
</div>
5557
</div>
5658
<div className="cover">
5759
<div className={"coverFixed" + (fixed ? ' fixed' : '')} style={fixed ? {}: t(s, 1)}>
5860
<div className="filler">
59-
{miniHeaderContents}
61+
<div className="miniHeaderContents">
62+
<a href="docs/" target="_self">Documentation</a>
63+
<a href="https://github.com/facebook/immutable-js/issues/">Support</a>
64+
<a href="https://github.com/facebook/immutable-js/">Github</a>
65+
</div>
6066
</div>
6167
<div className="synopsis" >
6268
<div className="logo">

_src/app/src/style.less

+24-5
Original file line numberDiff line numberDiff line change
@@ -27,8 +27,31 @@
2727

2828
.miniHeaderContents {
2929
margin: 0 auto;
30-
max-width: 740px;
30+
max-width: 880px;
3131
padding: 12px 36px;
32+
text-align: right;
33+
}
34+
35+
@media only screen and (max-width: 680px) {
36+
.miniHeaderContents {
37+
text-align: left;
38+
}
39+
}
40+
41+
.miniLogo {
42+
float: left;
43+
left: -140px;
44+
top: 12px;
45+
}
46+
47+
@media only screen and (max-width: 680px) {
48+
.miniLogo {
49+
display: none;
50+
}
51+
}
52+
53+
.miniLogo > .svg {
54+
height: 24px;
3255
}
3356

3457
.miniHeaderContents a {
@@ -42,10 +65,6 @@
4265
margin-right: 0;
4366
}
4467

45-
.miniLogo > .svg {
46-
height: 32px;
47-
}
48-
4968
.cover {
5069
background-color: #d7dadb;
5170
height: 70vh;

bundle.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

bundle.js

+16-10
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/bundle.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/bundle.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -386,7 +386,7 @@ var DocHeader = React.createClass({displayName: 'DocHeader',
386386
React.createElement("div", {className: "header"},
387387
React.createElement("div", {className: "miniHeader"},
388388
React.createElement("div", {className: "miniHeaderContents"},
389-
React.createElement("a", {href: "../", target: "_self", className: "logo"},
389+
React.createElement("a", {href: "../", target: "_self", className: "miniLogo"},
390390
React.createElement(SVGSet, null,
391391
React.createElement(Logo, {color: "#FC4349"}),
392392
React.createElement(Logo, {color: "#2C3E50", inline: true})

0 commit comments

Comments
 (0)