glitchier-soc/app/javascript/styles/mastodon
Yuto Tokunaga d6e88e29e2 [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
..
_mixins.scss Make theme directory and Rename application.scss (#5336) 2017-10-18 05:20:07 +09:00
about.scss Fix margin on top action button, fix width of counters on frontpage (#6573) 2018-03-01 02:48:08 +01:00
accounts.scss Improve public account cards (#6559) 2018-02-26 16:18:41 +01:00
admin.scss Fix overflowing audit logs (#6184) 2018-01-04 19:38:46 +01:00
basics.scss Remove outline from body window (Fixes #6501) (#6502) 2018-02-18 16:32:58 +01:00
boost.scss Make theme directory and Rename application.scss (#5336) 2017-10-18 05:20:07 +09:00
compact_header.scss Make theme directory and Rename application.scss (#5336) 2017-10-18 05:20:07 +09:00
components.scss [RFC] Improved media modal (#5956) 2018-03-04 20:32:24 +01:00
containers.scss Redesign landing page (again) (#6486) 2018-02-22 01:03:48 +01:00
emoji_picker.scss Fix emoji picker scrollbar (regression from #5046) (#5901) 2017-12-06 12:18:27 +01:00
footer.scss Make theme directory and Rename application.scss (#5336) 2017-10-18 05:20:07 +09:00
forms.scss Fix margin on top action button, fix width of counters on frontpage (#6573) 2018-03-01 02:48:08 +01:00
landing_strip.scss Fix font-weight of <strong> element for CJK fonts (#5914) 2017-12-07 16:01:52 +01:00
lists.scss Make theme directory and Rename application.scss (#5336) 2017-10-18 05:20:07 +09:00
modal.scss Replace drawer elephant graphic with a vector image (#6286) 2018-01-19 15:25:27 +01:00
reset.scss Make theme directory and Rename application.scss (#5336) 2017-10-18 05:20:07 +09:00
rtl.scss Fix layout for RTL (#6014) 2017-12-13 18:28:13 +01:00
stream_entries.scss Fix media spoiler design (#6507) 2018-02-19 02:39:18 +01:00
tables.scss Fix font-weight of <strong> element for CJK fonts (#5914) 2017-12-07 16:01:52 +01:00
variables.scss ReFix font-weight of <strong> element for CJK fonts (#5920) 2017-12-07 21:35:19 +01:00