Minor account media gallery fixes (#10695)
* Make the cursor icon consistant across media types in account media gallery * Fix the video player modal causing scroll position to reset
This commit is contained in:
		
							parent
							
								
									c88d9e524b
								
							
						
					
					
						commit
						4f73cde4e1
					
				| 
						 | 
				
			
			@ -133,7 +133,7 @@ export default class MediaItem extends ImmutablePureComponent {
 | 
			
		|||
 | 
			
		||||
    return (
 | 
			
		||||
      <div className='account-gallery__item' style={{ width, height }}>
 | 
			
		||||
        <a className='media-gallery__item-thumbnail' href={status.get('url')} target='_blank' style={{ cursor: 'pointer' }} onClick={this.handleClick}>
 | 
			
		||||
        <a className='media-gallery__item-thumbnail' href={status.get('url')} target='_blank' onClick={this.handleClick}>
 | 
			
		||||
          <canvas width={32} height={32} ref={this.setCanvasRef} className={classNames('media-gallery__preview', { 'media-gallery__preview--hidden': visible && loaded })} />
 | 
			
		||||
          {visible && thumbnail}
 | 
			
		||||
        </a>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -47,7 +47,8 @@ import {
 | 
			
		|||
  Lists,
 | 
			
		||||
} from './util/async-components';
 | 
			
		||||
import { me } from '../../initial_state';
 | 
			
		||||
import { previewState } from './components/media_modal';
 | 
			
		||||
import { previewState as previewMediaState } from './components/media_modal';
 | 
			
		||||
import { previewState as previewVideoState } from './components/video_modal';
 | 
			
		||||
 | 
			
		||||
// Dummy import, to make sure that <Status /> ends up in the application bundle.
 | 
			
		||||
// Without this it ends up in ~8 very commonly used bundles.
 | 
			
		||||
| 
						 | 
				
			
			@ -121,7 +122,7 @@ class SwitchingColumnsArea extends React.PureComponent {
 | 
			
		|||
  }
 | 
			
		||||
 | 
			
		||||
  shouldUpdateScroll (_, { location }) {
 | 
			
		||||
    return location.state !== previewState;
 | 
			
		||||
    return location.state !== previewMediaState && location.state !== previewVideoState;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  handleResize = debounce(() => {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue