sforkowany z mirror/soapbox
Improve topnav logo code
rodzic
be13bc040c
commit
eef41485c1
|
@ -66,7 +66,8 @@ class TabsBar extends React.PureComponent {
|
||||||
let links = [];
|
let links = [];
|
||||||
if (logo) {
|
if (logo) {
|
||||||
links.push(
|
links.push(
|
||||||
<Link key='logo' className='tabs-bar__link--logo' to='/' data-preview-title-id='column.home' style={{ padding: '0', backgroundImage: `url(${logo})` }}>
|
<Link key='logo' className='tabs-bar__link--logo' to='/' data-preview-title-id='column.home'>
|
||||||
|
<img alt='Logo' src={logo} />
|
||||||
<FormattedMessage id='tabs_bar.home' defaultMessage='Home' />
|
<FormattedMessage id='tabs_bar.home' defaultMessage='Home' />
|
||||||
</Link>);
|
</Link>);
|
||||||
}
|
}
|
||||||
|
|
|
@ -223,16 +223,19 @@ $nav-ui-background-color: $gab-brand-default !default;
|
||||||
|
|
||||||
&--logo {
|
&--logo {
|
||||||
display: block;
|
display: block;
|
||||||
width: 80px;
|
|
||||||
height: 50px;
|
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-repeat: no-repeat;
|
height: 50px;
|
||||||
background-position: center;
|
overflow: hidden;
|
||||||
background-size: 100% calc(100% - 25px);
|
padding: 10px 0;
|
||||||
|
box-sizing: border-box;
|
||||||
filter: brightness(0%) grayscale(100%) invert(100%);
|
filter: brightness(0%) grayscale(100%) invert(100%);
|
||||||
& span {display: none !important;}
|
& span {display: none !important;}
|
||||||
|
|
||||||
|
img {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
border: 0 !important;
|
border: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
Ładowanie…
Reference in New Issue