PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3
42949 commits 1 branch 0 tags 338 MiB
Commit graph

52 commits

Author SHA1 Message Date
Michael Telatynski
01f4bb8c78
Rename PostCSS files to .pcss (#9013) 
* Rename PostCSS files to `.pcss`

* Make Stylelint happy

* Delint

* Rename new files too

* delint

* Fix bad comment placement
 2022-07-15 14:53:23 +01:00
Travis Ralston
f51a6b6da4
Show file name and size on images on hover (#6511) 
* Show simple file name and size on images/videos

Fixes https://github.com/vector-im/element-web/issues/18197

* i18n

* Fix bad merge

* Add hover state tracking

* Only show on timeline-like objects

* Match new design requirements

* Remove video support (deemed not needed)

* Colouring and sizing from design

* Include file name in lightbox

* Revert changes to videos since we don't need them

* i18n

* Iterate PR

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
 2022-05-14 10:31:53 +02:00
Šimon Brandner
b2c0f57c4b
More prefers-reduced-motion friendliness 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-09-21 17:59:13 +02:00
Šimon Brandner
499b470d07
Use CSS var in JS 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-09-21 17:36:16 +02:00
Šimon Brandner
8e3be15365
Move animations into _animations 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-09-14 18:05:15 +02:00
Šimon Brandner
2fd221bc18
Update animation speed 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-07-23 08:00:51 +02:00
Šimon Brandner
1b00b304bb
Give image view panel a loading animation 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-07-22 21:25:11 +02:00
Šimon Brandner
6a285bed5a
Make the buttons easier to hit 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-07-14 09:06:41 +02:00
Robin Townsend
17edfec3aa Make it easier to pan images in the lightbox 
Previously, if you were dragging an image and your cursor outpaced the
edge of the image as it was moving, panning would abruptly stop. This
moves a few of the lightbox event listeners one level up to the image
wrapper to ensure that all drag movements are detected, even if they
don't end over the image's current position.

Signed-off-by: Robin Townsend <robin@robin.town>
 2021-06-05 21:08:44 -04:00
Šimon Brandner
dad7a22055
Initial code for dynamic minZoom 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-04-24 08:03:39 +02:00
Šimon Brandner
7f496c7bf5
Add comment: same on all themes 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-04-09 08:04:07 +02:00
Šimon Brandner
12a36d1a30
This is hopefully not true anymore 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-04-02 10:44:40 +02:00
Šimon Brandner
535ae086b4
Make sender bold 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-04-02 08:31:42 +02:00
Šimon Brandner
c96d2621a0
Set max-width and MIN_ZOOM 
This might have some side effects but as far as I can tell they shouldn't be too problematic

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-03-16 19:57:14 +01:00
Šimon Brandner
8f6f9cd6fa
Remove some unnecessary CSS and set MIN_ZOOM to 95 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-03-15 20:37:39 +01:00
Šimon Brandner
9c313854d0
Increase defautl size 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-03-15 19:23:40 +01:00
Šimon Brandner
1955fff08c
CSS cleanup 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-25 11:50:50 +01:00
Šimon Brandner
dc283241aa
Remove wrapper 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-25 11:28:42 +01:00
Šimon Brandner
273753a42a
Fix hex formatting 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-25 08:25:34 +01:00
Šimon Brandner
5a9e1a1482
Fix close icon 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-25 08:10:54 +01:00
Šimon Brandner
d58c17ff3b
Show grabbing cursor 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-25 07:50:53 +01:00
Šimon Brandner
25873c8759
Remove rounded border 2021-02-24 20:41:20 +01:00
Šimon Brandner
983895289c
Update info 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-24 20:04:25 +01:00
Šimon Brandner
81698a2714
Fix pointer-events 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-24 19:31:19 +01:00
Šimon Brandner
83e1a7a707
Add more button 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-24 18:13:12 +01:00
Šimon Brandner
a6bb203a4b
Redo icons 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-24 14:43:33 +01:00
Šimon Brandner
fafb8d43a3
Fix padding according to the design 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-24 14:16:58 +01:00
Šimon Brandner
6aac8f1735
Change padding a bit 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-24 11:20:28 +01:00
Šimon Brandner
899ce1f605
Partially fix overflow issues 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-24 11:15:59 +01:00
Šimon Brandner
ab79deb88f
Update the looks a bit more 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-24 08:11:53 +01:00
Šimon Brandner
768d268189
Fix css 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2021-02-24 07:54:36 +01:00
Šimon Brandner
6315c8ecef Fix formatting 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2020-12-20 20:45:33 +01:00
Šimon Brandner
0dff150bb2 Fix some more sizing issues 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2020-12-20 20:18:21 +01:00
Šimon Brandner
cbfa6c5f94 Fix some sizing issues 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2020-12-20 20:15:25 +01:00
Šimon Brandner
6758734593 Remove panel element 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2020-12-20 19:48:24 +01:00
Šimon Brandner
7dd7aeffed Remove imageBox 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2020-12-20 18:19:11 +01:00
Šimon Brandner
f9884b1cc7 Implement translation 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2020-12-20 17:40:16 +01:00
Šimon Brandner
8de019c054 Added some padding 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2020-12-20 12:16:05 +01:00
Šimon Brandner
be9b68a4dd Use height and width properties for scaling again 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2020-12-20 10:07:03 +01:00
Šimon Brandner
ae25ff8216 Switched to scale 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2020-12-19 15:54:26 +01:00
Šimon Brandner
633221f012 Center image 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2020-12-19 13:50:21 +01:00
Šimon Brandner
b9f480a825 Remove flex property 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2020-12-19 13:13:34 +01:00
Šimon Brandner
8aabe1f330 Reorganized elements 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2020-12-19 09:26:09 +01:00
Michael Telatynski
52e3c97f8c
Revert "ImageView make clicking off it easier" 2020-05-13 06:36:14 +01:00
Michael Telatynski
4494c6cf2b ImageView make clicking off it easier 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-04-20 11:21:51 +01:00
Jorik Schellekens
6cf9166c4a Use variables for the rem values. 
It's become obvious that these random floating points everywhere
are unwieldy. Now they're all in one place with some fairly logical
variable names which will help out in design->implementation phase.
 2020-03-31 15:26:23 +01:00
Jorik Schellekens
da34e6241d Make all 'font-size's and 'line-height's rem 
Font size of the whole app would ideally be controlled by a single
value. This value is currently hard coded using the :root CSS selector.
It is the intention to make this value configurable within riot. In the
interim all font-sizes have been converted to rem by the simple process
of regex. Replacing px values with their equivalent rem values assuming
a font size of 15px and then rounded to three decimal places, which was
the base at the time of this transformation.

I'm expecting another commit cleaning up rem values but I thought it
best to leave that to review.

This commit doesn't address any scaling issues. I thought it better to
land this unwieldy, mechanical, invisible change before the others
otherwise the pr would be impossible to review thoroughly.
 2020-03-30 18:23:46 +01:00
J. Ryan Stinnett
dd2079bffc Auto-fix stylelint issues 
These `stylelint` issues were autofixed by the tool itself and look sane to me.
 2019-07-10 16:56:40 +01:00
YaoiFangirl420
9bd1ba60f5 Add option to rotate images 
cf. https://github.com/vector-im/riot-web/issues/9257

Add rotate clockwise/counterclockwise buttons to <ImageView>

Signed-off-by: YaoiFangirl420 <48789208+YaoiFangirl420@users.noreply.github.com>
 2019-04-04 01:48:41 -07:00
Bruno Windels
89792459ff fix close button being half off screen 2019-02-14 16:51:45 +01:00