Commit Graph

50 Commits (bf8438cbb2897d3e33beb0435f6e93dbe6c4b15a)

Author SHA1 Message Date
Š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
J. Ryan Stinnett b2387f4cff Define SCSS variable for resource dir
Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res`
directory.

This is a different base path than previously used in CSS URLs (it goes up 3
directories instead of 2), because Webpack will now be resolving images relative
to the root SCSS file, so the path corresponds to a source tree location,
instead of a path in the build output tree.

Defining this variable has two main goals:

* URLs are a bit easier to read
* The path can be overridden, which is needed for external (riot-web) themes
2019-01-17 22:06:49 -06:00
Matthew Hodgson 79d3cca6e9 move components' CSS to be in the same repo as their JS 2018-04-12 00:23:58 +01:00