mastodon/app/javascript/mastodon/features
Yuto Tokunaga 4e929b2d17 [RFC] Improved media modal (#5956)
* Improved media modal

ImageLoader: Impliment pinch zoom by CSS `transform: scale(X)`
ImageLoader: Impliment panning by CSS `overflow: scroll`
ImageLoader: Larger image
MediaModal: Larger close button
MediaModal: Close the modal by swiping vertically
MediaModal: Show/hide close button and right/left navigation on tapping image
MediaModal: Change the `pointer-event` CSS prpp to get more blank space to close the modal
ImageLoader: Zoom/reset zoom on double tap
MediaModal: disable vertical swiping while horizontally swiped
ImageLoader: prevent propagating touchmove event to MediaModal
MediaModal: Adjust size and potision of buttons
ImageLoader: Adjust scroll potision on pinch zoom

* Remove "swipe to close" and "double tap to zoom" features

* remove unused prop and functions

removed `onScroll` prop and `handleScroll` func in ImageLoader

* separate zoom functionary to ZoomableImage component

adjust styling of ImageLoader
add styling for ZoomableImage

* adjust size and potision of close button of media modal

* Fix for gif video

add `onClick` prop to ExtendedVideoPlayer
specify `onClick` prop to video tag for switching nav of `MediaModal`
add `.video-modal` class to scss to separate styling for `VideoModal`

* fix styling for centering

specify height of `ZoomableImage` by pixel
clean styling for `ImageLoader`

* fix lint errors

* small fix

* fixed designated parts
2018-03-04 20:32:24 +01:00
..
account/components Add "Toots/Toots with replies/Media" tab below profile header (#6572) 2018-03-01 02:48:44 +01:00
account_gallery Add "Toots/Toots with replies/Media" tab below profile header (#6572) 2018-03-01 02:48:44 +01:00
account_timeline Federate pinned statuses over ActivityPub (#6610) 2018-03-04 09:19:11 +01:00
blocks Replace react-router-scroll to react-router-scroll-4 (#5568) 2017-11-01 06:58:38 +09:00
community_timeline Refactoring streaming connections (#4645) 2017-08-21 15:04:34 +02:00
compose When search enabled, display hint in search popout (#6593) 2018-03-02 06:02:42 +01:00
emoji Upgrade ESLint to version 4.x (#6276) 2018-01-17 16:57:15 +01:00
favourited_statuses Fix #5630 - Prevent duplicate load of favourites (#5931) 2017-12-09 02:22:13 +01:00
favourites Replace react-router-scroll to react-router-scroll-4 (#5568) 2017-11-01 06:58:38 +09:00
follow_requests Replace react-router-scroll to react-router-scroll-4 (#5568) 2017-11-01 06:58:38 +09:00
followers Federate pinned statuses over ActivityPub (#6610) 2018-03-04 09:19:11 +01:00
following Federate pinned statuses over ActivityPub (#6610) 2018-03-04 09:19:11 +01:00
generic_not_found Replace sprockets/browserify with Webpack (#2617) 2017-05-03 02:04:16 +02:00
getting_started Display number of follow requests in getting started menu, and (#6313) 2018-01-21 13:20:20 +01:00
hashtag_timeline Refactoring streaming connections (#4645) 2017-08-21 15:04:34 +02:00
home_timeline Fix home regeneration (#6251) 2018-01-17 23:56:03 +01:00
keyboard_shortcuts Replace <code> to <kbd> in KeyboardShortcuts component (#6049) 2017-12-20 11:46:25 +09:00
list_editor Upgrade ESLint to version 4.x (#6276) 2018-01-17 16:57:15 +01:00
list_timeline Fix home regeneration (#6251) 2018-01-17 23:56:03 +01:00
lists Handle submit event of new list form (#5895) 2017-12-06 12:18:10 +01:00
mutes Replace react-router-scroll to react-router-scroll-4 (#5568) 2017-11-01 06:58:38 +09:00
notifications Finalize location on scrollable notifications when unmounting (#6614) 2018-03-04 08:55:15 +01:00
pinned_statuses Add Pinned toot column (#4817) 2017-09-07 09:58:11 +02:00
public_timeline Refactoring streaming connections (#4645) 2017-08-21 15:04:34 +02:00
reblogs Replace react-router-scroll to react-router-scroll-4 (#5568) 2017-11-01 06:58:38 +09:00
report Show media on report UI (#6619) 2018-03-04 20:29:12 +01:00
standalone Add option to show only local toots in timeline preview (#6292) 2018-02-04 06:00:10 +01:00
status Responsively enforce 16:9 ratio on all media thumbnails in web UI (#6590) 2018-03-02 07:00:04 +01:00
ui [RFC] Improved media modal (#5956) 2018-03-04 20:32:24 +01:00
video Responsively enforce 16:9 ratio on all media thumbnails in web UI (#6590) 2018-03-02 07:00:04 +01:00