98dffebfef
Fix alignment of pill letter ( #8874 )
4 years ago
b1e07e8ef0
Make the pill text single line ( #8744 )
4 years ago
4b5816f5c1
Make the pill on the basic message composer compatible with display name in RTL languages ( #8758 )
4 years ago
b5ac9493dd
Improve pills ( #6398 )
4 years ago
83b0d123c1
Make pills more natural to navigate around ( #7607 )
4 years ago
5430fa15a4
Prevent pills from being split by formatting actions ( #7606 )
4 years ago
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>
4 years ago
3d9a0286dc
Revert "$avatar-bg-color -> $background"
...
This reverts commit a3a6f73049
4 years ago
a3a6f73049
$avatar-bg-color -> $background
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
4 years ago
2afee596a9
$primary-bg-color -> $background
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
4 years ago
48a6a83745
Set cursor for each pill type separately
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
5 years ago
667abca31f
Handle pill onclick
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
5 years ago
fedb5b9f63
Fix disabled state of the composer
5 years ago
b5d32d92f3
Wire up a simple record button
5 years ago
e2aef3a62b
Fix pills.
...
This was a hard pill to swallow
6 years ago
1ff0f3445a
Fix pills.
...
This was a hard pill to swallow
6 years ago
740b6f6cac
Composer pills respect showPillAvatar setting
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
6 years ago
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.
6 years ago
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.
6 years ago
4bd72b1494
dont let placeholder show scrollbar when composer is narrow
6 years ago
da29057fd8
move format bar to own component
6 years ago
e3d70f3999
ensure selection is not lost upon clicking format bar in chrome
6 years ago
af535986d2
fix css lint
6 years ago
e7db660820
fixup: css, we have 5 buttons
6 years ago
65ddfc0a50
show format bar when text is selected
6 years ago
eddaece43e
add visual bell color to theme + choose better value for dark mode
6 years ago
85efb71a23
add visual bell when no replacements are available
...
also add try/catch in _tabCompleteName so errors don't get swallowed
6 years ago
4a27abb131
fix css lint
6 years ago
f9992a1fc6
implement editor placeholder
6 years ago
92d7263046
move editor padding to edit specific style file
...
as it will be different for the main composer
6 years ago
505846ce53
split up css, update class names
6 years ago
2e3a6b3c0b
set 50% transparent accent color as editor focus border
7 years ago
30d374dff4
also changing margin when last event and buttons are not overlaying
7 years ago
5d184b3f77
reuse mx_Pill styles for editor pills to avoid style duplication
...
the avatar style code is still different though,
as it's implemented differently
This also prevents updating the css variables when not needed,
which caused the avatar to flicker when updating the editor.
7 years ago
b00a38a1e5
apply mx_EventTile_content to editor, so it gets the same right margin
...
this way we don't have to include it in the magic number
7 years ago
2bacabc002
apply 34px margin the mx_EventTile_content also has
...
so width of editor stay the same as content
(unrelated to pills, really)
7 years ago
5d80c3a2a4
fallback to avatar bg color
7 years ago
01ef1dd20e
style room pills correctly
7 years ago
c1b2f3dce1
make user pill avatars work in editor
7 years ago
a47e722fa1
same height as normal pill
7 years ago
3b598a1782
set pill avatar through css variables to set on psuedo-element
...
this way it won't interfere with editor selection/caret
7 years ago
d81ab2464b
better button alignment
...
also fix sticking out at the right side when not overlaying
7 years ago
8ce8ca18ff
theme-ify!
7 years ago
aef9323f21
explain negative margin
7 years ago
aeea4ee83a
a bit more horizontal padding for the editor
7 years ago
cf8189ed43
align buttons perfectly with editor edge
7 years ago
81245e9c05
cull editor height to 200px
7 years ago
2544decab2
fix chrome not right aligning buttons
7 years ago
ddefeae136
update design of editor to look as close to original tile (and design)
...
the buttons below the composer are overlayed onto the previous event.
In case of the last event, for now we make them not overflow, but make the
tile grow. The design says it should overlay on the main composer for the last
event tile, postponing that for a bit though as not sure what is the best way
to do that.
7 years ago
22533ba2d4
use theme var for bg color
7 years ago
Suguru Hirahara