matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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
2 changed files with 10 additions and 6 deletions
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 = []; 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>);
} }

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

@ -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;
} }