bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve topnav logo code

Browse source
This commit is contained in:
Alex Gleason 2020-04-29 00:36:25 -05:00
parent be13bc040c
commit eef41485c1
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/gabsocial/features/ui/components/tabs_bar.js
View file

@ -66,7 +66,8 @@ class TabsBar extends React.PureComponent {
let links = [];
if (logo) {
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' />
</Link>);
}

13
app/styles/gabsocial/components/tabs-bar.scss
View file

@ -223,16 +223,19 @@ $nav-ui-background-color: $gab-brand-default !default;
&--logo {
display: block;
width: 80px;
height: 50px;
margin-right: 30px;
border: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 100% calc(100% - 25px);
height: 50px;
overflow: hidden;
padding: 10px 0;
box-sizing: border-box;
filter: brightness(0%) grayscale(100%) invert(100%);
& span {display: none !important;}
img {
height: 100%;
}
&:hover {
border: 0 !important;
}