Merge branch 'ipad-chats' into 'develop'

Use touch chats on intermediate screen sizes (eg iPad), fixes #626

Closes #626

See merge request soapbox-pub/soapbox-fe!490

app/soapbox/features/ui/index.js

@@ -11,7 +11,6 @@ import SoapboxPropTypes from 'soapbox/utils/soapbox_prop_types';
 import NotificationsContainer from './containers/notifications_container';
 import LoadingBarContainer from './containers/loading_bar_container';
 import ModalContainer from './containers/modal_container';
-import { isMobile } from '../../is_mobile';
 import { debounce } from 'lodash';
 import { uploadCompose, resetCompose } from '../../actions/compose';
 import { expandHomeTimeline } from '../../actions/timelines';
@@ -99,6 +98,8 @@ import {
 // Without this it ends up in ~8 very commonly used bundles.
 import '../../components/status';
 
+const isMobile = width => width <= 1190;
+
 const messages = defineMessages({
   beforeUnload: { id: 'ui.beforeunload', defaultMessage: 'Your draft will be lost if you leave.' },
   publish: { id: 'compose_form.publish', defaultMessage: 'Publish' },

app/styles/chats.scss

@@ -376,7 +376,7 @@
   }
 }
 
-@media (min-width: 630px) {
+@media (min-width: 1190px) {
   .tabs-bar .tabs-bar__link--chats {
     display: none;
   }