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
dad7a22055
Initial code for dynamic minZoom
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-24 08:03:39 +02:00
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
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
535ae086b4
Make sender bold
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-02 08:31:42 +02:00
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
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
9c313854d0
Increase defautl size
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-15 19:23:40 +01:00
1955fff08c
CSS cleanup
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-25 11:50:50 +01:00
dc283241aa
Remove wrapper
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-25 11:28:42 +01:00
273753a42a
Fix hex formatting
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-25 08:25:34 +01:00
5a9e1a1482
Fix close icon
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-25 08:10:54 +01:00
d58c17ff3b
Show grabbing cursor
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-25 07:50:53 +01:00
25873c8759
Remove rounded border
2021-02-24 20:41:20 +01:00
983895289c
Update info
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-24 20:04:25 +01:00
81698a2714
Fix pointer-events
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-24 19:31:19 +01:00
83e1a7a707
Add more button
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-24 18:13:12 +01:00
a6bb203a4b
Redo icons
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-24 14:43:33 +01:00
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
6aac8f1735
Change padding a bit
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-24 11:20:28 +01:00
899ce1f605
Partially fix overflow issues
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-24 11:15:59 +01:00
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
768d268189
Fix css
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-24 07:54:36 +01:00
6315c8ecef
Fix formatting
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 20:45:33 +01:00
0dff150bb2
Fix some more sizing issues
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 20:18:21 +01:00
cbfa6c5f94
Fix some sizing issues
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 20:15:25 +01:00
6758734593
Remove panel element
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 19:48:24 +01:00
7dd7aeffed
Remove imageBox
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 18:19:11 +01:00
f9884b1cc7
Implement translation
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 17:40:16 +01:00
8de019c054
Added some padding
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 12:16:05 +01:00
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
ae25ff8216
Switched to scale
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-19 15:54:26 +01:00
633221f012
Center image
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-19 13:50:21 +01:00
b9f480a825
Remove flex property
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-19 13:13:34 +01:00
8aabe1f330
Reorganized elements
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-19 09:26:09 +01:00
52e3c97f8c
Revert "ImageView make clicking off it easier"
2020-05-13 06:36:14 +01:00
4494c6cf2b
ImageView make clicking off it easier
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-20 11:21:51 +01:00
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
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
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
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
89792459ff
fix close button being half off screen
2019-02-14 16:51:45 +01:00
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
79d3cca6e9
move components' CSS to be in the same repo as their JS
2018-04-12 00:23:58 +01:00
Robin Townsend