Adjust margins for mobile with navbar-under

2017-07-22 20:41:21 +02:00
parent 74a0cc6a11
commit 9b74a12045
2 changed files with 38 additions and 0 deletions
--- a/app/javascript/mastodon/features/ui/index.js
+++ b/app/javascript/mastodon/features/ui/index.js
@ -145,6 +145,7 @@ export default class UI extends React.PureComponent {
    if (nextProps.isComposing !== this.props.isComposing) {
      // Avoid expensive update just to toggle a class
      this.node.classList.toggle('is-composing', nextProps.isComposing);
+      this.node.classList.toggle('navbar-under', nextProps.navbarUnder);

      return false;
    }
@ -185,6 +186,7 @@ export default class UI extends React.PureComponent {
    const className = classNames('ui', columnsClass(layout), {
      'wide': isWide,
      'system-font': this.props.systemFontUi,
+      'navbar-under': navbarUnder,
    });

    return (