Michael Telatynski
f40cfe4a3b
Implement new design with new iconography
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-29 15:00:27 +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
6d47f9620f
Adjust icons with in person with design
2020-01-29 14:28:19 +00:00
Michael Telatynski
662b34c8db
Update MessageComposer placeholder and e2e icon size
2020-01-23 14:38:39 +00:00
Travis Ralston
e7928e8def
Use `flex-start` instead of `start` for postcss
...
This is just something the loaders complain about - apparently `start` is old and we should feel bad.
2019-12-22 20:56:19 -07:00
Bruno Windels
854f27df3f
remove obsolete style from message composer for e2e icon as it's now the default size for the e2e iconn
2019-11-21 18:16:10 +01:00
Travis Ralston
f6394b1251
Remove stray colour correction on composer e2e icon
...
We want it to match the room header
2019-11-20 11:03:53 -07:00
Travis Ralston
93e4de9861
Fix positioning and sizing of e2e icon in the composer
...
This also removes the special case class for the composer because the input is now aligned regardless of icon.
2019-11-20 11:00:39 -07:00
Bruno Windels
942a1c9a56
fix e2e icon in composer having wrong colors
2019-11-15 16:14:18 +01:00
Michael Telatynski
10a63ada48
Fix SVG mask-image usage in a bunch of places for correct outlining
2019-11-01 14:46:30 +00:00
Bruno Windels
eddaece43e
add visual bell color to theme + choose better value for dark mode
2019-08-28 18:00:57 +02: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
J. Ryan Stinnett
4b340450b9
Rename Feather icon directory to `feather-customised`
...
These icons are based on Feather as the original source, but they have various
tweaks applied, such as stroke width, color, etc. Hopefully the tweaked name
makes this more obvious in the future.
2019-02-27 10:42:10 +00:00
J. Ryan Stinnett
5fb990eb5f
Convert Markdown button to SVG mask
...
This makes it easier to theme via CSS, which helps with the dark theme.
2019-02-18 18:26:52 +00:00
J. Ryan Stinnett
6c954dadc8
Allow theming message composer buttons
2019-02-13 10:47:04 +00:00
Bruno Windels
09c3391dd8
replace existing icon in composer with the new one
2019-02-01 13:40:42 +01:00
Bruno Windels
afed1b725d
layout composer independent of avatar being present
2019-01-31 15:13:18 +01:00
Bruno Windels
13b97ee332
avoid horizontal scrollbar in composer when placeholder doesn't fit
2019-01-30 12:53:15 +01:00
J. Ryan Stinnett
eae1e4c9aa
Tweak custom status avatar ring
...
Adjusts the appearance of the avatar ring to match the latest comps.
In addition, we now always render the surrounding button element, which
simplifies styling since the same size is now occupied both with and without the
feature.
This improves alignment between text in the composer and text in the message
history (https://github.com/vector-im/riot-web/issues/8111 ).
2019-01-15 10:54:29 -06:00
J. Ryan Stinnett
7d6b996952
Tweak composer button padding so it won't affect status
2019-01-15 10:54:29 -06:00
Bruno Windels
5425eda438
Merge pull request #2241 from matrix-org/bwindels/redesignicons1
...
Redesign: update (most) icons
2018-10-23 19:40:59 +00:00
Bruno Windels
eb453f4539
make icons in composer smaller, better spacing
2018-10-23 18:11:15 +02:00
Bruno Windels
f3ae9fe981
align avatar in composer with avatar in timeline
...
not part of design but temporarily make it prettier
2018-10-23 09:33:35 +02:00
Bruno Windels
91ec96c8d3
Merge branch 'develop' into bwindels/redesign
2018-09-21 12:44:44 +02:00
David Baker
42bb8e4ebd
Add image dimensions
2018-08-21 17:57:15 +01:00
David Baker
7f8cd203a8
Support m.room.tombstone events
...
For https://github.com/vector-im/riot-web/issues/7164
2018-08-21 15:56:56 +01:00
Matthew Hodgson
9783b6100d
Merge branch 'develop' into matthew/dharma
2018-07-29 17:03:23 +01:00
Matthew Hodgson
efdc5430d7
merge develop
2018-07-09 17:50:07 +01:00
Michael Telatynski
e1ba6949d0
expand composer input focus region and apply cursor:text to it
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-06-23 16:40:53 +01:00
Matthew Hodgson
3bf28a08ec
experiments in dharma
2018-05-25 03:17:29 +01:00
Matthew Hodgson
6ac2324874
fix wordwrap and pre formatting
2018-05-23 01:43:03 +01:00
Matthew Hodgson
167742d900
make RTE sending work
2018-05-19 20:28:38 +01:00
Matthew Hodgson
721410b710
Merge branch 'develop' into matthew/slate
2018-05-13 19:50:55 +01:00
Luke Barnard
fee480289c
Use correct CSS selector in message composer
...
to stop any last div from having its right-padding removed
2018-05-11 18:17:39 +01:00
Luke Barnard
6500797d2a
Use correct CSS selector in message composer
...
to stop any last div from having its right-padding removed
2018-05-11 14:49:50 +01:00
Matthew Hodgson
8b2eb2c400
make history work again
2018-05-08 01:54:06 +01:00
Matthew Hodgson
a2233a48c2
stub out yet more
2018-05-06 01:18:26 +01:00
Matthew Hodgson
79d3cca6e9
move components' CSS to be in the same repo as their JS
2018-04-12 00:23:58 +01:00