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
taehoon
bc41a7b305
make sure media modal to be above reporting modal
2019-05-05 13:48:25 -04:00
Shpuld Shpludson
4a27c6d8d3
Add floating post-status button on mobile
2019-03-11 16:51:37 +00:00
shpuld
4e0f934301
Clean up CSS a bit
2019-02-19 18:33:40 +02:00