mirror
/
soapbox
kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Improve topnav logo code

merge-requests/1/merge
Alex Gleason 2020-04-29 00:36:25 -05:00
rodzic be13bc040c
commit eef41485c1
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
2 zmienionych plików z 10 dodań i 6 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

3
app/gabsocial/features/ui/components/tabs_bar.js
Wyświetl plik

@ -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
Wyświetl plik

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