Commit Graph

60 Commits

Author SHA1 Message Date
sfr 794906f01e Fix alt text wrap and line breaks (#14)
ci/woodpecker/push/woodpecker Pipeline was successful Details
Reviewed-on: AkkomaGang/pleroma-fe#14
Co-authored-by: sfr <sol@solfisher.com>
Co-committed-by: sfr <sol@solfisher.com>
2022-06-26 18:36:04 +00:00
Henry Jameson 666498e7b7 fix main post form having hidden emoji picker 2022-04-10 21:56:54 +03:00
Henry Jameson 6109fab14e cleanup, fix some things, try to disable scrollbars on mobile 2022-04-08 10:17:23 +03:00
Henry Jameson cd4ad2df11 Merge remote-tracking branch 'origin/develop' into vue3-again
* origin/develop: (475 commits)
  Apply 1 suggestion(s) to 1 file(s)
  Update dependency @ungap/event-target to v0.2.3
  Update package.json
  fix broken icons after FA upgrade
  Update Font Awesome
  Update dependency webpack-dev-middleware to v3.7.3
  Update dependency vuelidate to v0.7.7
  Pin dependency @kazvmoe-infra/pinch-zoom-element to 1.2.0
  lint
  Make media modal buttons larger
  Add English translation for hide tooltip
  Add hide button to media modal
  Lint
  Prevent hiding media viewer if swiped over SwipeClick
  Fix webkit image blurs
  Fix video in media modal not displaying properly
  Add changelog for https://git.pleroma.social/pleroma/pleroma-fe/-/merge_requests/1403
  Remove image box-shadow in media modal
  Clean up debug code for image pinch zoom
  Bump @kazvmoe-infra/pinch-zoom-element to 1.2.0 on npm
  ...
2022-03-16 21:00:20 +02:00
Tusooa Zhu 1b204012ea
Make media modal buttons larger 2022-03-13 12:02:03 -04:00
Tusooa Zhu 5fb302d0f1
Add hide button to media modal 2022-03-13 12:02:02 -04:00
Tusooa Zhu 7e21853cca
Lint 2022-03-13 12:02:02 -04:00
Tusooa Zhu 7dd1a0dd30
Prevent hiding media viewer if swiped over SwipeClick 2022-03-13 12:02:02 -04:00
Tusooa Zhu 90b066a744
Fix webkit image blurs 2022-03-13 12:02:02 -04:00
Tusooa Zhu 1128cc463c
Fix video in media modal not displaying properly 2022-03-13 12:02:02 -04:00
Tusooa Zhu 76727cd39c
Remove image box-shadow in media modal
The box-shadow causes an image to be very blurry on Webkit browsers
(experienced: Konqueror, Safari; heard of: Chrome) when scaled up
if the initial size of the image is much smaller than the actual size
(e.g. when viewing a very long picture).

The shadow is not really obvious anyway.
2022-03-13 12:02:02 -04:00
Tusooa Zhu 5829cd98af
Clean up debug code for image pinch zoom 2022-03-13 12:02:02 -04:00
Tusooa Zhu 6980e4ddf1
Scale swipe threshold with viewport width 2022-03-13 12:00:44 -04:00
Tusooa Zhu ddf6c9cef0
Allow pinch-zoom to fill the whole screen 2022-03-13 12:00:44 -04:00
Tusooa Zhu 839627ffc4
Reset position on swipe end even if we cannot navigate 2022-03-13 12:00:44 -04:00
Tusooa Zhu f3269cdc10
Make lint happy 2022-03-13 12:00:44 -04:00
Tusooa Zhu 3502d374e3
Prevent the click event from firing on content below modal 2022-03-13 12:00:44 -04:00
Tusooa Zhu 23a6b86ef3
Clean up 2022-03-13 12:00:44 -04:00
Tusooa Zhu 29cd8fbd3b
Add swipe-click handler to media modal
Now swiping will correctly change the current media, and with a good
preview. Clicking without swiping closes the overlay.
2022-03-13 12:00:44 -04:00
Tusooa Zhu a36673a6a8
Use pinch-zoom-element for pinch zoom functionality 2022-03-13 12:00:41 -04:00
Tusooa Zhu 544db06294
Add pan threshold 2022-03-13 11:56:35 -04:00
Tusooa Zhu d9030b4fdd
Handle pinch action 2022-03-13 11:56:35 -04:00
Tusooa Zhu a7570f5eb2
Preview swipe action 2022-03-13 11:56:34 -04:00
Tusooa Zhu f96e5882d1
Make media modal be aware of multi-touch actions
Originally the media viewer would think every touch is a swipe (one-finger
touch event), so we would encounter the case where a two-finger scale event
would incorrectly change the current media. This is now fixed.
2022-03-13 11:56:30 -04:00
Tusooa Zhu 1b32bb9c51
Make media modal counter go through i18n 2022-02-21 10:33:47 -05:00
Henry Jameson 14ec7d6a41 add attachment counter 2021-08-16 01:11:43 +03:00
Henry Jameson 7cc19ef2ea better media modal loading 2021-08-16 01:11:42 +03:00
Henry Jameson 34d265467a add media description into media modal 2021-08-15 19:45:48 +03:00
Henry Jameson f5823a96e9 add key attribute to make image refresh in media modal to give feedback
when images are still loaded
2021-08-15 19:43:52 +03:00
Henry Jameson 90345f158f gallery now supports flash, fixes for flash component. refactored media modal 2021-06-18 02:03:38 +03:00
Henry Jameson caed89f0ae destroyed -> unmounted 2021-04-25 13:44:50 +03:00
Shpuld Shpuldson 398aac6558 remove redundant opacity2 2021-02-12 18:47:10 +02:00
Shpuld Shpuldson 4859e63a89 Remove body scrollbar in chat layout, keep nav bar still on scroll lock, add tiny fade for media modal 2021-02-12 18:14:54 +02:00
Henry Jameson f561e75553 lint 2020-10-21 00:31:16 +03:00
Henry Jameson b19c2eb0fb More stuff. Buttons in user card's corner now have MUCH bigger hitboxes 2020-10-20 22:13:19 +03:00
Shpuld Shpuldson 96d2c86d3b change placeholders to use descriptions, use icons with placeholders, change uploads to use attachment component 2020-06-29 14:48:22 +03:00
William Pitcock 2c6ec37e6a media description support 2020-06-28 02:10:06 -04:00
lain cb99dc2b27 MediaModal: Close on browser navigation events. 2020-06-04 16:30:28 +02:00
taehoon 90fc6b0774 close image modal by clicking image 2019-11-14 14:07:05 -05:00
Wyatt Benno f66026bf20 Lightbox/modal multi image improvements - #381 2019-11-08 06:16:26 +00:00
taehoon 6084a5b6fe update event name 2019-10-21 20:52:31 -04:00
taehoon c217483640 migrate viewClass prop to class attribute 2019-10-21 15:36:03 -04:00
taehoon d69b8794b0 use higher css specificity 2019-10-18 12:13:11 -04:00
taehoon a41ffea146 render modals into the “modal” portal 2019-10-18 11:53:38 -04:00
taehoon 9709075476 remove needless importing 2019-10-18 07:28:29 -04:00
taehoon 348d6664eb refactor all kind of modals using the modal component 2019-10-18 07:05:01 -04:00
taehoon ad504768fe lock body scroll 2019-09-20 11:35:47 -04:00
Shpuld Shpuldson 15c4088a68 Make image orientation consistent on FF, fix videos w/ modal 2019-08-26 14:08:30 +03:00
Henry Jameson 020c6d1bcf all the manual fixes 2019-07-07 00:54:17 +03:00
Henry Jameson 8d6750d9c2 eslint --fix --ext .js,.vue src 2019-07-05 10:17:44 +03:00