specter/mastodon
1
0
Fork 1
forked from fedi/mastodon
Code Pull requests Activity

attempt to fix mobile nav

Browse source
This commit is contained in:
talon 2022-11-22 15:52:42 -07:00
parent 30af9e5b4e
commit 55ee0453b1
2 changed files with 22 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/javascript/mastodon/features/ui/components/header.js
View file

@ -1,5 +1,6 @@
import React from 'react';
import Logo from 'mastodon/components/logo';
//import Logo from 'mastodon/components/logo';
import NavigationPanel from './navigation_panel';
import { Link, withRouter } from 'react-router-dom';
import { FormattedMessage } from 'react-intl';
import { registrationsOpen, me } from 'mastodon/initial_state';
@ -50,7 +51,7 @@ class Header extends React.PureComponent {
return (
<div className='ui__header'>
<Link to='/' className='ui__header__logo'><Logo /></Link>
<NavigationPanel/>
<div className='ui__header__links'>
{content}

26
app/javascript/styles/etr.scss
View file

@ -24,13 +24,25 @@
@import 'mastodon/rtl';
@import 'mastodon/accessibility';
.navigation-panel__logo,
.ui__header__logo .logo,
.logo.logo--icon,
.logo.logo--wordmark {
display: none !important;
}
.reply-indicator__content a {
color: $white;
}
@media screen and (max-width: $no-gap-breakpoint - 285px - 1px) {
.ui__header > .navigation-panel {
height: auto;
margin: 0;
flex-direction: row;
align-items: center;
}
.ui__header > .navigation-panel__legal {
display: flex;
}
.columns-area__panels__pane--navigational {
display: none;
}
.columns-area__panels__pane--main {
width: 100%;
}
}