Merge branch 'master' into glitch-soc/merge-upstream
commit
52a4284fe5
|
@ -133,7 +133,7 @@ export default class MediaItem extends ImmutablePureComponent {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='account-gallery__item' style={{ width, height }}>
|
<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 })} />
|
<canvas width={32} height={32} ref={this.setCanvasRef} className={classNames('media-gallery__preview', { 'media-gallery__preview--hidden': visible && loaded })} />
|
||||||
{visible && thumbnail}
|
{visible && thumbnail}
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -47,7 +47,8 @@ import {
|
||||||
Lists,
|
Lists,
|
||||||
} from './util/async-components';
|
} from './util/async-components';
|
||||||
import { me } from '../../initial_state';
|
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.
|
// Dummy import, to make sure that <Status /> ends up in the application bundle.
|
||||||
// Without this it ends up in ~8 very commonly used bundles.
|
// Without this it ends up in ~8 very commonly used bundles.
|
||||||
|
@ -121,7 +122,7 @@ class SwitchingColumnsArea extends React.PureComponent {
|
||||||
}
|
}
|
||||||
|
|
||||||
shouldUpdateScroll (_, { location }) {
|
shouldUpdateScroll (_, { location }) {
|
||||||
return location.state !== previewState;
|
return location.state !== previewMediaState && location.state !== previewVideoState;
|
||||||
}
|
}
|
||||||
|
|
||||||
handleResize = debounce(() => {
|
handleResize = debounce(() => {
|
||||||
|
|
|
@ -50,6 +50,7 @@ $content-width: 840px;
|
||||||
color: $darker-text-color;
|
color: $darker-text-color;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: all 200ms linear;
|
transition: all 200ms linear;
|
||||||
|
transition-property: color, background-color;
|
||||||
border-radius: 4px 0 0 4px;
|
border-radius: 4px 0 0 4px;
|
||||||
|
|
||||||
i.fa {
|
i.fa {
|
||||||
|
@ -60,6 +61,7 @@ $content-width: 840px;
|
||||||
color: $primary-text-color;
|
color: $primary-text-color;
|
||||||
background-color: darken($ui-base-color, 5%);
|
background-color: darken($ui-base-color, 5%);
|
||||||
transition: all 100ms linear;
|
transition: all 100ms linear;
|
||||||
|
transition-property: color, background-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
|
|
|
@ -1972,6 +1972,7 @@ a.account__display-name {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
border-bottom: 2px solid lighten($ui-base-color, 8%);
|
border-bottom: 2px solid lighten($ui-base-color, 8%);
|
||||||
transition: all 50ms linear;
|
transition: all 50ms linear;
|
||||||
|
transition-property: border-bottom, background, color;
|
||||||
|
|
||||||
.fa {
|
.fa {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
@ -2137,7 +2138,7 @@ a.account__display-name {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
background-color: $ui-base-color;
|
background-color: $ui-base-color;
|
||||||
transition: all 0.2s ease;
|
transition: background-color 0.2s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
|
.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
|
||||||
|
@ -2190,7 +2191,6 @@ a.account__display-name {
|
||||||
}
|
}
|
||||||
|
|
||||||
.react-toggle-thumb {
|
.react-toggle-thumb {
|
||||||
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 1px;
|
top: 1px;
|
||||||
left: 1px;
|
left: 1px;
|
||||||
|
@ -2201,6 +2201,7 @@ a.account__display-name {
|
||||||
background-color: darken($simple-background-color, 2%);
|
background-color: darken($simple-background-color, 2%);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
transition: all 0.25s ease;
|
transition: all 0.25s ease;
|
||||||
|
transition-property: border-color, left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.react-toggle--checked .react-toggle-thumb {
|
.react-toggle--checked .react-toggle-thumb {
|
||||||
|
@ -3552,6 +3553,7 @@ a.status-card.compact:hover {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: all 100ms linear;
|
transition: all 100ms linear;
|
||||||
|
transition-property: transform, opacity;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
width: 18px;
|
width: 18px;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
|
|
|
@ -46,7 +46,7 @@ module Mastodon
|
||||||
|
|
||||||
# specify git tag or commit hash here
|
# specify git tag or commit hash here
|
||||||
def source_tag
|
def source_tag
|
||||||
nil
|
ENV.fetch('SOURCE_TAG') { nil }
|
||||||
end
|
end
|
||||||
|
|
||||||
def source_url
|
def source_url
|
||||||
|
|
Loading…
Reference in New Issue