Merge pull request #2447 from ClearlyClaire/glitch-soc/merge-upstream
Merge upstream changes up to 126cd7705d
			
			
This commit is contained in:
		
						commit
						18eacc7a07
					
				| 
						 | 
					@ -53,20 +53,20 @@ class NavigationPanel extends Component {
 | 
				
			||||||
    const { intl, onOpenSettings } = this.props;
 | 
					    const { intl, onOpenSettings } = this.props;
 | 
				
			||||||
    const { signedIn, disabledAccountId } = this.context.identity;
 | 
					    const { signedIn, disabledAccountId } = this.context.identity;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    return (
 | 
					    let banner = undefined;
 | 
				
			||||||
      <div className='navigation-panel'>
 | 
					
 | 
				
			||||||
        {transientSingleColumn && (
 | 
					    if(transientSingleColumn)
 | 
				
			||||||
          <div className='navigation-panel__logo'>
 | 
					      banner = (<div className='switch-to-advanced'>
 | 
				
			||||||
            <div className='switch-to-advanced'>
 | 
					 | 
				
			||||||
        {intl.formatMessage(messages.openedInClassicInterface)}
 | 
					        {intl.formatMessage(messages.openedInClassicInterface)}
 | 
				
			||||||
        {" "}
 | 
					        {" "}
 | 
				
			||||||
        <a href={`/deck${location.pathname}`} className='switch-to-advanced__toggle'>
 | 
					        <a href={`/deck${location.pathname}`} className='switch-to-advanced__toggle'>
 | 
				
			||||||
          {intl.formatMessage(messages.advancedInterface)}
 | 
					          {intl.formatMessage(messages.advancedInterface)}
 | 
				
			||||||
        </a>
 | 
					        </a>
 | 
				
			||||||
            </div>
 | 
					      </div>);
 | 
				
			||||||
            <hr />
 | 
					
 | 
				
			||||||
          </div>
 | 
					    return (
 | 
				
			||||||
        )}
 | 
					      <div className='navigation-panel'>
 | 
				
			||||||
 | 
					        {banner}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        {signedIn && (
 | 
					        {signedIn && (
 | 
				
			||||||
          <>
 | 
					          <>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -273,6 +273,7 @@
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .navigation-panel__sign-in-banner,
 | 
					    .navigation-panel__sign-in-banner,
 | 
				
			||||||
    .navigation-panel__logo,
 | 
					    .navigation-panel__logo,
 | 
				
			||||||
 | 
					    .navigation-panel__banner,
 | 
				
			||||||
    .getting-started__trends {
 | 
					    .getting-started__trends {
 | 
				
			||||||
      display: none;
 | 
					      display: none;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -53,23 +53,29 @@ class NavigationPanel extends Component {
 | 
				
			||||||
    const { intl } = this.props;
 | 
					    const { intl } = this.props;
 | 
				
			||||||
    const { signedIn, disabledAccountId } = this.context.identity;
 | 
					    const { signedIn, disabledAccountId } = this.context.identity;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    return (
 | 
					    let banner = undefined;
 | 
				
			||||||
      <div className='navigation-panel'>
 | 
					 | 
				
			||||||
        <div className='navigation-panel__logo'>
 | 
					 | 
				
			||||||
          <Link to='/' className='column-link column-link--logo'><WordmarkLogo /></Link>
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
          {transientSingleColumn ? (
 | 
					    if(transientSingleColumn)
 | 
				
			||||||
            <div className='switch-to-advanced'>
 | 
					      banner = (<div className='switch-to-advanced'>
 | 
				
			||||||
        {intl.formatMessage(messages.openedInClassicInterface)}
 | 
					        {intl.formatMessage(messages.openedInClassicInterface)}
 | 
				
			||||||
        {" "}
 | 
					        {" "}
 | 
				
			||||||
        <a href={`/deck${location.pathname}`} className='switch-to-advanced__toggle'>
 | 
					        <a href={`/deck${location.pathname}`} className='switch-to-advanced__toggle'>
 | 
				
			||||||
          {intl.formatMessage(messages.advancedInterface)}
 | 
					          {intl.formatMessage(messages.advancedInterface)}
 | 
				
			||||||
        </a>
 | 
					        </a>
 | 
				
			||||||
 | 
					      </div>);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    return (
 | 
				
			||||||
 | 
					      <div className='navigation-panel'>
 | 
				
			||||||
 | 
					        <div className='navigation-panel__logo'>
 | 
				
			||||||
 | 
					          <Link to='/' className='column-link column-link--logo'><WordmarkLogo /></Link>
 | 
				
			||||||
 | 
					          {!banner && <hr />}
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
          ) : (
 | 
					
 | 
				
			||||||
            <hr />
 | 
					        {banner &&
 | 
				
			||||||
          )}
 | 
					          <div class='navigation-panel__banner'>
 | 
				
			||||||
 | 
					            {banner}
 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        {signedIn && (
 | 
					        {signedIn && (
 | 
				
			||||||
          <>
 | 
					          <>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -2467,6 +2467,7 @@ $ui-header-height: 55px;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .navigation-panel__sign-in-banner,
 | 
					    .navigation-panel__sign-in-banner,
 | 
				
			||||||
    .navigation-panel__logo,
 | 
					    .navigation-panel__logo,
 | 
				
			||||||
 | 
					    .navigation-panel__banner,
 | 
				
			||||||
    .getting-started__trends {
 | 
					    .getting-started__trends {
 | 
				
			||||||
      display: none;
 | 
					      display: none;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue