Skip to content

Commit 035d036

Browse files
committed
feat(*): add react logo in toolbar
1 parent 2ea6a81 commit 035d036

File tree

3 files changed

+26
-2
lines changed

3 files changed

+26
-2
lines changed

src/assets/images/react-logo.svg

+13
Loading

src/containers/Home/Home.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { Link } from 'react-router';
44
const prodMessage = (<div>
55
<p>This is the <strong>production packaged</strong> version (html/css/js uglified). You can <a href="./devtools/" title="Test with devtools & sourcemaps" style={{fontWeight: 'bold'}}>test the site in debug mode here</a>, where you'll have access to:</p>
66
<ul>
7-
<li>sourcemaps for css/js</li>
7+
<li>sourcemaps for <code>.scss</code>/<code>.js</code></li>
88
<li>redux devtools</li>
99
</ul>
1010
<p className="text-center"><a href="./devtools/" title="Test with devtools & sourcemaps" className="btn btn-default btn-primary" style={{whiteSpace: 'pre-wrap'}}>I'm a developer, I want to see what's under the hood!</a></p>
@@ -13,7 +13,7 @@ const prodMessage = (<div>
1313
const devtoolsMessage = (<div>
1414
<p>This is the <strong>development packaged</strong> version (<a href="../" title="checkout in production mode">the production version is here</a>). In the current mode, you have access to:</p>
1515
<ul>
16-
<li>sourcemaps for css/js (open the sources tab of your developer tools)</li>
16+
<li>sourcemaps for <code>.scss</code>/<code>.js</code> (open the sources tab of your developer tools)</li>
1717
<li><a href="https://github.com/gaearon/redux-devtools" title="redux-devtools">redux devtools</a> (this is the tab you can see on the right - ctrl+H to toggle hide), it lets you play with history state of redux</li>
1818
</ul>
1919
<p>Those features are meant to be used only in the development but I felt it would be a great way to let you discover them.</p>

src/style/header.scss

+11
Original file line numberDiff line numberDiff line change
@@ -97,3 +97,14 @@ and (max-width : 370px) {
9797
.navbar-default .navbar-toggle span.icon-bar{
9898
background-color: #900000;
9999
}
100+
101+
/** logo on the left */
102+
.navbar-brand.logo {
103+
padding-left: 50px;
104+
background-image: url(../assets/images/react-logo.svg);
105+
background-size: 45px;
106+
background-position: 2px 5px;
107+
background-repeat: no-repeat;
108+
-webkit-filter: invert(100%) hue-rotate(31deg);
109+
filter: invert(100%) hue-rotate(31deg);
110+
}

0 commit comments

Comments
 (0)