f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-02 04:12:47 +00:00
Code Wiki Activity

Move Patreon button

Browse Source
This commit is contained in:
Trevor Buckner
2020-10-08 16:12:12 -04:00
parent bf17d6894f
commit cc8bf6744b
3 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
client/homebrew/navbar/navbar.jsx
View File

@@ -4,6 +4,7 @@ const createClass = require('create-react-class');
const _ = require('lodash'); const _ = require('lodash');
const Nav = require('naturalcrit/nav/nav.jsx'); const Nav = require('naturalcrit/nav/nav.jsx');
const PatreonNavItem = require('./patreon.navitem.jsx');
const Navbar = createClass({ const Navbar = createClass({
getInitialState : function() { getInitialState : function() {
@@ -40,7 +41,7 @@ const Navbar = createClass({
<div>The Homebrewery</div> <div>The Homebrewery</div>
</Nav.item> </Nav.item>
<Nav.item>{`v${this.state.ver}`}</Nav.item> <Nav.item>{`v${this.state.ver}`}</Nav.item>
<PatreonNavItem />
{/*this.renderChromeWarning()*/} {/*this.renderChromeWarning()*/}
</Nav.section> </Nav.section>
{this.props.children} {this.props.children}

19
client/homebrew/navbar/navbar.less
View File

@@ -1,4 +1,12 @@
@navbarHeight : 28px; @navbarHeight : 28px;
@keyframes coloring {
//from {color: white;}
//to {color: red;}
0% {color: pink;}
50% {color: pink;}
75% {color: red;}
100% {color: pink;}
}
.homebrew nav{ .homebrew nav{
.homebrewLogo{ .homebrewLogo{
.animate(color); .animate(color);
@@ -47,11 +55,16 @@
text-transform : initial; text-transform : initial;
} }
.patreon.navItem{ .patreon.navItem{
border-left : 1px solid #666;
border-right : 1px solid #666;
&:hover i {
color: red;
}
i{ i{
.animate(color); .animate(color);
&:hover{ animation-name: coloring;
color : @red; animation-duration: 2s;
} color: pink;
} }
} }
.recent.navItem{ .recent.navItem{

2
client/homebrew/pages/homePage/homePage.jsx
View File

@@ -8,7 +8,6 @@ const { Meta } = require('vitreum/headtags');
const Nav = require('naturalcrit/nav/nav.jsx'); const Nav = require('naturalcrit/nav/nav.jsx');
const Navbar = require('../../navbar/navbar.jsx'); const Navbar = require('../../navbar/navbar.jsx');
const PatreonNavItem = require('../../navbar/patreon.navitem.jsx');
const IssueNavItem = require('../../navbar/issue.navitem.jsx'); const IssueNavItem = require('../../navbar/issue.navitem.jsx');
const RecentNavItem = require('../../navbar/recent.navitem.jsx').both; const RecentNavItem = require('../../navbar/recent.navitem.jsx').both;
const AccountNavItem = require('../../navbar/account.navitem.jsx'); const AccountNavItem = require('../../navbar/account.navitem.jsx');
@@ -56,7 +55,6 @@ const HomePage = createClass({
renderNavbar : function(){ renderNavbar : function(){
return <Navbar ver={this.props.ver}> return <Navbar ver={this.props.ver}>
<Nav.section> <Nav.section>
<PatreonNavItem />
<IssueNavItem /> <IssueNavItem />
<Nav.item newTab={true} href='/changelog' color='purple' icon='fa-file-text-o'> <Nav.item newTab={true} href='/changelog' color='purple' icon='fa-file-text-o'>
Changelog Changelog