mastodon/app/javascript/mastodon/components
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
..
__tests__ Surround mid-text display names with bdi tags (#6257) 2018-01-15 18:55:10 +01:00
account.js Fix #6128 - Display unfollow button even if account moved (#6258) 2018-01-15 18:42:15 +01:00
attachment_list.js Upgrade ESLint to version 4.x (#6276) 2018-01-17 16:57:15 +01:00
autosuggest_emoji.js
autosuggest_textarea.js Implement tag auto-completion by history (#6621) 2018-03-04 20:27:25 +01:00
avatar.js Fix GIF avatars not autoplaying when GIF autoplay is enabled (#6000) 2017-12-13 12:14:03 +01:00
avatar_overlay.js Fix GIF avatars not autoplaying when GIF autoplay is enabled (#6000) 2017-12-13 12:14:03 +01:00
button.js
collapsable.js Upgrade ESLint to version 4.x (#6276) 2018-01-17 16:57:15 +01:00
column.js
column_back_button.js
column_back_button_slim.js fix ColumnBackButtonSlim should extended from ColumnBackButton (#6417) 2018-02-03 18:41:51 +01:00
column_header.js Fix button hiding when header title is too long (#6406) 2018-02-01 17:17:17 +01:00
display_name.js Surround mid-text display names with bdi tags (#6257) 2018-01-15 18:55:10 +01:00
dropdown_menu.js
extended_video_player.js [RFC] Improved media modal (#5956) 2018-03-04 20:32:24 +01:00
icon_button.js Upgrade ESLint to version 4.x (#6276) 2018-01-17 16:57:15 +01:00
intersection_observer_article.js
load_more.js
loading_indicator.js
media_gallery.js Responsively enforce 16:9 ratio on all media thumbnails in web UI (#6590) 2018-03-02 07:00:04 +01:00
missing_indicator.js Fix home regeneration (#6251) 2018-01-17 23:56:03 +01:00
permalink.js
relative_timestamp.js
scrollable_list.js
setting_text.js
status.js Federate pinned statuses over ActivityPub (#6610) 2018-03-04 09:19:11 +01:00
status_action_bar.js
status_content.js
status_list.js Federate pinned statuses over ActivityPub (#6610) 2018-03-04 09:19:11 +01:00