0
0
instrumental/app/javascript/mastodon/features/ui/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__ Fix style of legacy column headers (#6342) 2018-01-24 04:03:51 +01:00
actions_modal.js Make dropdowns render into portal, expand animation (#5018) 2017-09-22 04:59:17 +02:00
boost_modal.js Refactor Avatar and AvatarOverlay to have 'account' as prop instead of src and staticSrc (#4526) 2017-08-07 19:44:55 +02:00
bundle_column_error.js Lazy load components (#3879) 2017-07-08 00:06:02 +02:00
bundle_modal_error.js Lazy load components (#3879) 2017-07-08 00:06:02 +02:00
bundle.js Do not use function name to track components (#6542) 2018-02-24 19:10:57 +01:00
column_header.js Fix style of legacy column headers (#6342) 2018-01-24 04:03:51 +01:00
column_link.js Display number of follow requests in getting started menu, and (#6313) 2018-01-21 13:20:20 +01:00
column_loading.js Fix PropTypes.oneOfType() warning (#5041) 2017-09-22 17:50:29 +02:00
column_subheading.js Replace sprockets/browserify with Webpack (#2617) 2017-05-03 02:04:16 +02:00
column.js add scrollTop to ui/components/column (#4563) 2017-08-09 00:21:58 +02:00
columns_area.js Move "compose" on mobile to floating action button (#6594) 2018-03-02 07:12:40 +01:00
confirmation_modal.js Use Class and Property Decorators (#3730) 2017-06-23 19:36:54 +02:00
drawer_loading.js Fix dimensions of loading component for compose drawer (#4872) 2017-09-10 08:48:11 +02:00
embed_modal.js Refactor /api/web APIs to use the centralized axios instance (#6223) 2018-01-08 20:01:33 +01:00
focal_point_modal.js Focal points (#6520) 2018-02-22 00:35:46 +01:00
image_loader.js [RFC] Improved media modal (#5956) 2018-03-04 20:32:24 +01:00
media_modal.js [RFC] Improved media modal (#5956) 2018-03-04 20:32:24 +01:00
modal_loading.js Lazy load components (#3879) 2017-07-08 00:06:02 +02:00
modal_root.js Focal points (#6520) 2018-02-22 00:35:46 +01:00
mute_modal.js Optional notification muting (#5087) 2017-11-15 03:56:41 +01:00
onboarding_modal.js Restore onboarding modal (#6303) 2018-01-20 01:32:37 +01:00
report_modal.js Fix #6586: Add close modal icon to report dialog (#6591) 2018-03-02 04:36:00 +01:00
tabs_bar.js Move "compose" on mobile to floating action button (#6594) 2018-03-02 07:12:40 +01:00
upload_area.js Upgrade ESLint to version 4.x (#6276) 2018-01-17 16:57:15 +01:00
video_modal.js [RFC] Improved media modal (#5956) 2018-03-04 20:32:24 +01:00
zoomable_image.js [RFC] Improved media modal (#5956) 2018-03-04 20:32:24 +01:00