mirror of
https://github.com/ascribe/onion.git
synced 2024-12-23 01:39:36 +01:00
Rework ascribe-powered-by styling in nav bar
This commit is contained in:
parent
77d7633690
commit
a2e8c04427
@ -67,21 +67,19 @@ let Header = React.createClass({
|
|||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
return (
|
return (
|
||||||
<span>
|
<Link to="/collection">
|
||||||
<Link className="icon-ascribe-logo" to="/collection"/>
|
<span className="icon-ascribe-logo" />
|
||||||
</span>
|
</Link>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
getPoweredBy() {
|
getPoweredBy() {
|
||||||
return (
|
return (
|
||||||
<li>
|
<a className="pull-left ascribe-powered-by" href="https://www.ascribe.io/" target="_blank">
|
||||||
<a className="pull-right ascribe-powered-by" href="https://www.ascribe.io/" target="_blank">
|
<span>{getLangText('powered by')} </span>
|
||||||
<span id="powered">{getLangText('powered by')} </span>
|
<span className="icon-ascribe-logo"></span>
|
||||||
<span className="icon-ascribe-logo"></span>
|
</a>
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -192,17 +190,15 @@ let Header = React.createClass({
|
|||||||
<Navbar.Brand>
|
<Navbar.Brand>
|
||||||
{this.getLogo()}
|
{this.getLogo()}
|
||||||
</Navbar.Brand>
|
</Navbar.Brand>
|
||||||
|
<AclProxy
|
||||||
|
aclName="acl_view_powered_by"
|
||||||
|
aclObject={whitelabel}>
|
||||||
|
{this.getPoweredBy()}
|
||||||
|
</AclProxy>
|
||||||
<Navbar.Toggle />
|
<Navbar.Toggle />
|
||||||
</Navbar.Header>
|
</Navbar.Header>
|
||||||
<Navbar.Collapse
|
<Navbar.Collapse
|
||||||
eventKey={0}>
|
eventKey={0}>
|
||||||
<Nav navbar pullLeft>
|
|
||||||
<AclProxy
|
|
||||||
aclObject={whitelabel}
|
|
||||||
aclName="acl_view_powered_by">
|
|
||||||
{this.getPoweredBy()}
|
|
||||||
</AclProxy>
|
|
||||||
</Nav>
|
|
||||||
<Nav navbar pullRight>
|
<Nav navbar pullRight>
|
||||||
<HeaderNotificationDebug show={false}/>
|
<HeaderNotificationDebug show={false}/>
|
||||||
{account}
|
{account}
|
||||||
|
@ -76,10 +76,27 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.navbar-header {
|
||||||
|
.ascribe-powered-by {
|
||||||
|
color: $ascribe--nav-fg-prim-color;
|
||||||
|
line-height: 20px;
|
||||||
|
padding: 15px;
|
||||||
|
|
||||||
|
&:focus,
|
||||||
|
&:hover {
|
||||||
|
color: $ascribe--nav-fg-sec-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.navbar-brand {
|
.navbar-brand {
|
||||||
font-size: 23px;
|
font-size: 23px;
|
||||||
padding: 12px 15px;
|
padding: 12px 15px;
|
||||||
|
|
||||||
|
.img-brand {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.icon-ascribe-logo {
|
.icon-ascribe-logo {
|
||||||
color: $ascribe--nav-fg-prim-color;
|
color: $ascribe--nav-fg-prim-color;
|
||||||
|
|
||||||
@ -88,13 +105,6 @@
|
|||||||
color: $ascribe--nav-fg-sec-color;
|
color: $ascribe--nav-fg-sec-color;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
&:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.img-brand {
|
|
||||||
height: 100%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -88,6 +88,11 @@ hr {
|
|||||||
.ascribe-powered-by {
|
.ascribe-powered-by {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
|
||||||
|
&:focus,
|
||||||
|
&:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.clear-paddings {
|
.clear-paddings {
|
||||||
|
@ -59,6 +59,7 @@ $artcity--ter-highlight-color: #EDEDF0;
|
|||||||
height: 115%;
|
height: 115%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.navbar-header .ascribe-powered-by,
|
||||||
.navbar-brand .icon-ascribe-logo {
|
.navbar-brand .icon-ascribe-logo {
|
||||||
color: $artcity--nav-fg-prim-color;
|
color: $artcity--nav-fg-prim-color;
|
||||||
|
|
||||||
|
@ -56,6 +56,7 @@ $market--highlight-color: #2882fa;
|
|||||||
height: 115%;
|
height: 115%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.navbar-header .ascribe-powered-by,
|
||||||
.navbar-brand .icon-ascribe-logo {
|
.navbar-brand .icon-ascribe-logo {
|
||||||
color: $market--nav-fg-prim-color;
|
color: $market--nav-fg-prim-color;
|
||||||
|
|
||||||
|
@ -8,8 +8,4 @@
|
|||||||
//border: 0;
|
//border: 0;
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ascribe-powered-by {
|
|
||||||
font-weight: 300 !important;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
@ -55,18 +55,15 @@ $polline--highlight-color: #2882fa;
|
|||||||
|
|
||||||
.navbar-brand {
|
.navbar-brand {
|
||||||
padding: 0 5px 0 15px;
|
padding: 0 5px 0 15px;
|
||||||
|
}
|
||||||
|
|
||||||
.img-brand {
|
.navbar-header .ascribe-powered-by,
|
||||||
height: 100%;
|
.navbar-brand .icon-ascribe-logo {
|
||||||
}
|
color: $polline--nav-fg-prim-color;
|
||||||
|
|
||||||
.icon-ascribe-logo {
|
&:focus,
|
||||||
color: $polline--nav-fg-prim-color;
|
&:hover {
|
||||||
|
color: darken($polline--nav-fg-prim-color, 20%);
|
||||||
&:focus,
|
|
||||||
&:hover {
|
|
||||||
color: darken($polline--nav-fg-prim-color, 20%);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user