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
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
taehoon
a20974faac
Use correct syntax for pseudoelement
2019-02-11 06:56:46 -05:00
taehoon
971e75aa64
Add translation strings
2019-02-10 13:26:08 -05:00
