Michael Telatynski
c6b8574dcb
Inhibit tooltip on timeline pill avatars, the whole pill has its own ( #7854 )
2022-02-21 12:38:11 +00:00
Robin
6806c2cdca
Enlarge emoji in composer ( #7602 )
2022-01-24 12:53:05 +00:00
Šimon Brandner
9db0ebb7f5
Task/colors 11 ( #7211 )
2021-11-29 12:52:09 +00:00
Šimon Brandner
9abb2f5ff4
Color cleanup 8 ( #7108 )
...
* $accent-color -> $accent
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $notice-primary-color -> $alert
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $notice-primary-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-50pct
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $warning-color -> $alert
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-darker
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $orange-warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $warning-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $info-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-11 13:37:29 +00:00
Šimon Brandner
07d9e93d67
Color cleanup number six ( #7050 )
...
* Remove $voip-decline-color and $voip-accept-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $dialog-background-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $mention-user-pill-bg-color -> $warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $plinth-bg-color -> $secondary-accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $input-lighter-fg-color -> $input-darker-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $input-valid-border-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $input-invalid-border-color -> $warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-bg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $avatar-bg-color -> $background
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $preview-widget-fg-color -> $greyed-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $settings-profile-button-fg-color -> $settings-profile-overlay-placeholder-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $presence-online -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $pinned-unread-color -> $notice-primary-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $event-highlight-fg-color -> $warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $tab-label-active-bg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-primary-bg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-danger-bg-color -> $notice-primary-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-link-fg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $togglesw-on-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $slider-selection-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $progressbar-fg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $authpage-body-bg-color -> $background
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Fix merge issue
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Fix second merge issue
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-08 11:50:53 +00:00
Robin Townsend
b08e05ebe7
Fix pills being cut off in message bubble layout
...
Signed-off-by: Robin Townsend <robin@robin.town>
2021-09-26 10:24:46 -04:00
Šimon Brandner
e5fd19c332
$primary-fg-color -> $primary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:18:18 +02:00
Jorik Schellekens
2e7ccf6e7a
Fix pill vertical align
2020-04-29 10:57:35 +01:00
Jorik Schellekens
a772d959a7
Remove redundent padding property and use em
2020-04-27 11:51:56 +01:00
Jorik Schellekens
669562b90c
Extra right padding in user pills
2020-04-27 11:51:56 +01:00
Jorik Schellekens
a0b610c576
Skinnier pills are easier to swallow
2020-04-27 11:51:56 +01:00
Jorik Schellekens
5dc7703740
Undo superfluous delete
2020-04-27 11:51:56 +01:00
Jorik Schellekens
c7c94933ee
Use font-variable instead of rem
2020-04-27 11:51:55 +01:00
Jorik Schellekens
6338325d5c
Use rem instead of em.
2020-04-27 11:51:55 +01:00
Jorik Schellekens
0fe0d728f1
lint
2020-04-27 11:51:55 +01:00
Jorik Schellekens
e2aef3a62b
Fix pills.
...
This was a hard pill to swallow
2020-04-27 11:51:54 +01:00
Michael Telatynski
4d91dc5bba
iterate pills in rich text styling
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-17 12:30:09 +01:00
Michael Telatynski
c3ff75d18f
Don't break spills over multiple lines, ellipsis them at max-1-line
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-17 11:04:52 +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
Michael Telatynski
4996139b1a
word-break in pills and wrap the background correctly
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-02-29 01:56:02 +00:00
J. Ryan Stinnett
38d6953bf6
Manually fix remaining stylelint issues
2019-07-10 16:56:40 +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
Matthew Hodgson
2fc6f89953
remove italics CSS skew
2019-01-31 11:51:26 +01:00
Matthew Hodgson
1082f548d3
hack nunito italics for now with CSS skew
...
fixes https://github.com/google/fonts/issues/1726
2019-01-16 12:53:46 +00:00
J. Ryan Stinnett
7a1008f1fe
Fix color for @room pills in HTML messages
2019-01-07 09:56:40 -06:00
J. Ryan Stinnett
bf87547f88
Remove unexpected underline from pills
...
Fixes vector-im/riot-web#8031 .
2019-01-07 09:56:40 -06:00
Matthew Hodgson
efdc5430d7
merge develop
2018-07-09 17:50:07 +01:00
Michael Telatynski
32ab997230
properly style Group Pill
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-06-22 14:38:06 +01:00
Michael Telatynski
c1e608f1a8
show permalinks to communities as Pills
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-06-19 11:53:17 +01:00
Matthew Hodgson
c1000a7cd5
emojioneify the composer
...
and also fix up the selectedness CSS for pills and emoji
2018-05-14 03:02:12 +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