1
0
mirror of https://github.com/ascribe/onion.git synced 2024-12-23 01:39:36 +01:00

Add active routes as css classes

This commit is contained in:
vrde 2015-09-18 14:25:31 +02:00
parent c99c3492fb
commit 03803ca61a
2 changed files with 7 additions and 3 deletions

View File

@ -20,6 +20,7 @@ let WalletApp = React.createClass({
render() { render() {
let subdomain = window.location.host.split('.')[0]; let subdomain = window.location.host.split('.')[0];
let ROUTES = getRoutes(null, subdomain); let ROUTES = getRoutes(null, subdomain);
let activeRoutes = this.getRoutes().map(elem => 'route--' + elem.name);
let header = null; let header = null;
if ((this.isActive('landing') || this.isActive('login') || this.isActive('signup')) if ((this.isActive('landing') || this.isActive('login') || this.isActive('signup'))
@ -31,7 +32,7 @@ let WalletApp = React.createClass({
} }
return ( return (
<div className={classNames('container', 'ascribe-wallet-app', 'client--' + subdomain, {'page--landing': this.isActive('landing')})}> <div className={classNames('container', 'ascribe-wallet-app', 'client--' + subdomain, activeRoutes)}>
{header} {header}
<RouteHandler /> <RouteHandler />
<GlobalNotification /> <GlobalNotification />

View File

@ -1,12 +1,15 @@
.client--ikonotv.page--landing { .client--ikonotv.route--landing {
background-color: #c40050; background-color: #c40050;
margin: 0; margin: 0;
width: 100%; width: 100%;
padding: 5em 1em; padding: 5em 1em;
} }
.client--ikonotv .ascribe-login-wrapper {
.client--ikonotv.page--landing .ascribe-footer { }
.client--ikonotv.route--landing .ascribe-footer {
display: none; display: none;
} }