Bruno Windels
20b8994714
simplify DOM and style to design
2018-11-12 18:19:18 +01:00
Bruno Windels
7df47cbc87
move typing notifications to WhoIsTypingTile, shown in ScrollPanel
2018-11-12 16:09:51 +01:00
Bruno Windels
0f226853f5
add scroll indicator gradients to top and bottom of room sub list
2018-11-12 12:57:21 +01:00
J. Ryan Stinnett
b9ccdc4952
Align encrypted event buttons in Safari
...
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-11-08 20:38:16 +01:00
J. Ryan Stinnett
13039b05b9
Align buttons in encrypted event dialog
...
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-11-08 17:17:57 +01:00
Bruno Windels
883126a528
Merge branch 'experimental' into bwindels/memberqueryfield
2018-11-07 13:29:28 +01:00
Bruno Windels
9e95a1402c
Merge pull request #2269 from matrix-org/bwindels/roomlistpolish
...
Redesign: room list visual polish
2018-11-07 11:44:47 +00:00
J. Ryan Stinnett
975392cbbb
Add visible guest warning to encourage login
...
If you happen to get logged out, it might not be very clear what has happened
visually. This adds a visible warning to the top of the home page to suggest
logging in.
Fixes vector-im/riot-web#7629 .
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-11-06 21:08:57 +01:00
Bruno Windels
4e773c2665
Make right panel a dark-panel instead of every descendant.
...
Also move bg color central.
2018-11-06 14:47:58 +01:00
Bruno Windels
92e43ea181
move filter member field to bottom of memberlist
...
reorganize styles as well
2018-11-06 14:47:11 +01:00
Bruno Windels
3bd0bcde4b
align room sub list header with design
...
also make css more maintainable with less hardcoded dimensions
2018-11-06 14:03:01 +01:00
Bruno Windels
3ce52d104c
align collapsed roomtile with design
2018-11-06 14:02:43 +01:00
Bruno Windels
c9dc273cb0
better native scrollbar width compensation for FF
...
instead of having to offset the padding of children of the
autohiding scrollbar container, which gets fiddly quickly,
add a new child to the scrollbar container that gets a negative
margin of the scrollbar width when needed
(on hover and overflowing when overlay is not supported).
This needs an extra DOM element, but as it doesn't do anything weird
layout-wise (like set position), it shouldn't affect styling at all.
It also makes the auto hide scrollbar workarounds completely transparent
to the rest of the code.
2018-11-06 11:37:49 +01:00
Bruno Windels
3c70c2b82f
not needed
2018-11-05 17:43:16 +01:00
Bruno Windels
fd0b33edaf
margin adjusment of room tile according to design
2018-11-05 17:42:59 +01:00
Bruno Windels
ef26189add
add dedicated menu button to room tile with new design
2018-11-05 17:42:25 +01:00
Bruno Windels
645ae73f3b
undo type/brain fart
2018-11-05 14:27:27 +01:00
Bruno Windels
665d424758
use svg icon in add room button
2018-11-05 14:25:28 +01:00
Bruno Windels
c0becc7664
fix roomtile badge
...
only put it in the dom if it has
anything to show as it has a border now in collapsed mode
2018-11-05 14:24:12 +01:00
Bruno Windels
cb8393d449
fix room sublist padding when collapsed
2018-11-05 14:22:55 +01:00
Bruno Windels
c0e3e3925f
more badge cleanup
2018-11-05 14:22:41 +01:00
Bruno Windels
01626d6b02
never show horizontal scrollbar in subroom list
2018-11-05 14:21:58 +01:00
Bruno Windels
3cd32e2f44
update search icon(s)
2018-11-05 13:07:49 +01:00
Bruno Windels
010f077092
align badges with design
2018-11-05 10:35:38 +01:00
Bruno Windels
1d77a67683
fix room list chevron
2018-11-05 10:09:05 +01:00
Bruno Windels
701dd6d33f
restyle search close button
2018-11-05 09:54:14 +01:00
Bruno Windels
6db81edf6c
restyle SearchBox & make it more reusable
...
as we can reuse it in the room header
2018-11-05 09:35:44 +01:00
Bruno Windels
064662380f
support search icon in mx_textinput, use in memberlist
2018-11-05 09:35:27 +01:00
Bruno Windels
46389457e3
add input styling for light and dark panels (leftpanel vs room header)
2018-11-05 09:32:37 +01:00
Bruno Windels
80afc0982b
add generic text input styling
...
text inputs are now styled at every occurence in the app,
style input by default, and provide a .mx_textinput class
if buttons need to appear inside the input styling.
Before this was partially done in _common.scss, but as it's
highly theme-dependent, makes more sense to do it in the theme.
2018-11-05 09:28:26 +01:00
Bruno Windels
06cc7a493d
Merge pull request #2262 from matrix-org/bwindels/biggerresizehandles
...
Redesign: increase interaction rectangle of resize handles
2018-11-02 14:12:49 +00:00
Bruno Windels
9546df609e
Merge pull request #2260 from matrix-org/bwindels/rightpanelbelowheader
...
Redesign: move right panel below room/group header
2018-11-02 14:12:24 +00:00
Bruno Windels
3e02f247c8
use AutoHideScrollbar in RoomSubList
2018-11-01 17:33:21 +01:00
Bruno Windels
03781e1327
AutoHideScrollbar component
...
shows scrollbar on hover when needed
has fallback to overflow: overlay
and fiddling with padding to make content not jump on hover.
2018-11-01 16:32:17 +01:00
Bruno Windels
24d9e8e168
use padding and negative margin for all resize handles
...
this way they only take 1px for layout but have a interaction
target of 11px wide
2018-10-31 16:52:36 +01:00
Bruno Windels
b4dd739771
Merge branch 'experimental' into bwindels/rightpanelbelowheader
2018-10-31 14:57:16 +01:00
Bruno Windels
ba83166661
Merge branch 'develop' into experimental
2018-10-31 14:54:22 +01:00
Bruno Windels
870280c6c7
move rightpanel into group view
2018-10-31 12:09:24 +01:00
Bruno Windels
a40f1933f2
put RightPanel as sibling of .mx_RoomView_body instead of RoomView
2018-10-30 18:13:17 +01:00
Bruno Windels
e80a1c5051
move room/group panel header buttons into room/group header
2018-10-30 17:15:19 +01:00
Bruno Windels
4972b1ba7c
move aux panel into room body
...
to put a resize handle between the body and the right panel later on
2018-10-30 13:25:06 +01:00
David Baker
8ac62f8c12
Merge remote-tracking branch 'origin/develop' into dbkr/e2e_backups
2018-10-29 16:20:45 +00:00
David Baker
04ed61ec4e
Merge pull request #2257 from matrix-org/t3chguy/view_community_context_menu
...
click-through svg on tag tile context menu to make it less weird
2018-10-29 11:37:56 +00:00
Michael Telatynski
8a3824b9ca
click-through svg on tag tile context menu to make it less weird
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-10-27 11:27:43 +01:00
Michael Telatynski
d54bf13fab
Hide all the time travel.
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-10-27 11:06:52 +01:00
Bruno Windels
2c039483c6
Merge branch 'develop' into experimental
2018-10-26 15:33:39 +02:00
J. Ryan Stinnett
2dc335798d
Repair DevTools button padding by centralizing styles
...
This moves the padding styles for dialog content to the .mx_Dialog rule. In
addition, it fixes vector-im/riot-web#7548 where the DevTools buttons had double
padding.
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-10-26 14:15:46 +02:00
David Baker
b59b8b7fca
Merge remote-tracking branch 'origin/develop' into dbkr/e2e_backups
2018-10-25 17:42:46 +01:00
David Baker
adee0fdcef
Merge pull request #2248 from matrix-org/bwindels/memberpanel
...
Redesign: basic makeover of member info panel
2018-10-25 14:52:54 +01:00
Bruno Windels
3096bf42ef
fix css in chrome
2018-10-25 15:20:51 +02:00
Maxwell Kepler
5d35ce9449
Changed letter case.
2018-10-24 19:06:48 +01:00
Will Hunt
44a41b589d
Comma on strings and styling button
2018-10-24 17:50:27 +01:00
Bruno Windels
e4dfb90b85
basic makeover of member panel with big avatar
2018-10-24 18:23:34 +02:00
Bruno Windels
873ff7fc29
make EntityTile responsive
2018-10-24 18:22:57 +02:00
Bruno Windels
302b3ad0e9
disable presence opacity
2018-10-24 14:56:21 +02:00
Bruno Windels
25b55b2801
Merge pull request #2245 from matrix-org/bwindels/memberlistmakeover
...
Redesign: memberlist basic makeover
2018-10-24 12:23:30 +00:00
Bruno Windels
fed72c2368
Merge pull request #2246 from matrix-org/bwindels/roomlistfontsizes
...
Redesign: tweak room list font sizes
2018-10-24 12:23:18 +00:00
Bruno Windels
0038d6d219
Merge pull request #2234 from matrix-org/bwindels/roomsectionfixcollapsedsize
...
Redesign: Fix room lists sizing
2018-10-24 12:23:05 +00:00
Bruno Windels
9299d84a13
tweak room list font sizes
2018-10-24 14:03:16 +02:00
Bruno Windels
8c62dddb32
one big commit, sorry
...
changing looks of input & buttons
changing background color of right panels
moving invite button around
change margins and paddings in memberlist
2018-10-24 13:50:58 +02:00
Bruno Windels
8a5c46ead0
Merge branch 'experimental' into bwindels/memberlistmakeover
2018-10-24 11:06:08 +02: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
e479c72e3c
Merge branch 'experimental' into bwindels/roomheader1
2018-10-23 21:39:13 +02:00
Bruno Windels
56ed38ad13
WIP
2018-10-23 21:38:04 +02:00
Bruno Windels
466062e872
Merge pull request #2239 from matrix-org/bwindels/topleftmenu1
...
Redesign: 1st go at top left menu & restyling context menus
2018-10-23 19:37:05 +00:00
Bruno Windels
88df3d2a81
Merge pull request #2238 from matrix-org/bwindels/initialtimelinetweaks
...
Redesign: Initial timeline tweaks
2018-10-23 19:36:19 +00:00
Bruno Windels
eb453f4539
make icons in composer smaller, better spacing
2018-10-23 18:11:15 +02:00
Bruno Windels
f7d59bc338
new icons
...
also remove green from the icons that are not present in new design yet
2018-10-23 18:09:21 +02:00
Bruno Windels
18fedb23ec
fix basic room header layout
...
make room name take as much space as it needs (but not more than width)
put all items apart from right buttons in one flex container
so name and topic can grow as required
more small tweaks
2018-10-23 16:57:56 +02:00
Bruno Windels
b7ab207778
move sendername colors to theme
2018-10-23 15:48:44 +02:00
Bruno Windels
4b90fd5c11
move TopLeftMenu to context_menus folder
2018-10-23 15:42:28 +02:00
Bruno Windels
8b38af856a
put settings and sign out in top left menu for now
2018-10-23 15:25:20 +02:00
Bruno Windels
863d89f6fd
show profile in topleftmenu button for now (will be current community)
2018-10-23 15:25:10 +02:00
Bruno Windels
eba91d3edc
initial restyle of context menus with drop shadow
2018-10-23 15:23:59 +02:00
Bruno Windels
3f6175527c
move menu padding from wrapper so menu can have full-width elements
2018-10-23 15:22:41 +02:00
Bruno Windels
5f1cf07543
rename TopLeftMenu to TopLeftMenuButton
...
so the former can be the actual menu
2018-10-23 13:29:44 +02:00
Bruno Windels
f2efbc15f4
apply color categories to sender profile name
2018-10-23 10:49:44 +02:00
Bruno Windels
2a264f36b7
style date separator
2018-10-23 10:25:04 +02:00
Bruno Windels
bf6486ac4f
align avatar in room header with avatars in timeline
...
(equally not part of design but making it prettier for now)
2018-10-23 09:34:08 +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
7e09d50e68
add padding to timeline
2018-10-23 09:33:22 +02:00
Travis Ralston
f2cac45543
Merge branch 'develop' into travis/fix-group-members
2018-10-22 15:02:01 -06:00
Maxwell Kepler
54f9231582
Added badge to GIFs ( https://github.com/vector-im/riot-web/issues/7344 )
2018-10-22 20:57:58 +01:00
Bruno Windels
e8048930c4
align (+) button and aggregated badge on section header
2018-10-22 18:18:36 +02:00
Bruno Windels
59fe5ee91f
make text on room tile with highlight or notifitications black
2018-10-22 18:18:08 +02:00
Bruno Windels
3d5395e784
tweak paddings and margins on room tile
2018-10-22 18:17:51 +02:00
Bruno Windels
521e035bf0
add vertical space above and below room section
2018-10-22 18:17:14 +02:00
Bruno Windels
91a2ee1779
tweak badges
2018-10-22 18:16:36 +02:00
David Baker
9976c4eba5
Merge pull request #2231 from matrix-org/travis/dialog-buttons
...
Move all dialog buttons to the right and fix their order
2018-10-22 15:00:35 +01:00
Bruno Windels
15059fe005
make sure the room list doesn't grow taller than viewport
...
by setting the min-height to 0 at every flex level,
since by default it's auto which means grow as tall as you need
to make the content fit.
2018-10-22 15:55:29 +02:00
Bruno Windels
e3a4ad778a
not needed anymore
...
also confuses resizer offset calculation,
which will need to be fixed regardlessly though
2018-10-22 15:51:27 +02:00
David Baker
c677dd8a24
Merge pull request #2225 from matrix-org/travis/join-room-text
...
Add a bit of text to explain the purpose of the RoomPreviewSpinner
2018-10-22 13:11:09 +01:00
Bruno Windels
d1bab6cc35
tweak resize handle in room list
...
only show a 1 px line but with a 9px interaction target
apply darker color from design
2018-10-22 11:19:42 +02:00
Bruno Windels
b728acc798
set accest color to new red
2018-10-22 11:18:53 +02:00
Bruno Windels
f42ab32e05
Merge branch 'experimental' into bwindels/roomsectionheadercleanup
2018-10-22 10:31:07 +02:00
Travis Ralston
9582c1e65a
Move all dialog buttons to the right and fix their order
...
Fixes https://github.com/vector-im/riot-web/issues/5689
Some dialogs had their own CSS that prevented the buttons from being placed in the right spot. This has been fixed by using a generic standard for the buttons. The only strange dialog that needed more CSS was the devtools dialog due to the header.
Not all dialogs have been checked - I spot-checked about half of them and verified the CSS manually on an established account. It's hard to get at all the dialogs without convoluted testing.
2018-10-19 15:33:23 -06:00
Bruno Windels
7c64d9637e
hide resize handles next to collaped/empty sublists
2018-10-19 18:18:45 +02:00
Bruno Windels
8f71210bdf
header should never grow or shrink
2018-10-19 14:44:07 +02:00
Bruno Windels
5091aa3b43
get rid of emptyContent, also cleanup sublist render method
...
also assume empty list in css by default and add nonEmpty class
2018-10-19 14:41:51 +02:00
Bruno Windels
57a9d3ca98
remove obsolete resizer
2018-10-19 14:37:23 +02:00
Bruno Windels
bbd50e75ee
disable old style of showing focus for now
2018-10-19 12:10:37 +02:00
Bruno Windels
bfbf41f431
make scrollable room list grab available space
...
without this, in small sizes, it would make the header shrink.
2018-10-19 12:09:15 +02:00
Bruno Windels
798be2d514
remove room count leftovers
2018-10-19 12:08:05 +02:00
Bruno Windels
6af61ebb09
add plus button for rooms and people
2018-10-19 12:07:36 +02:00
Bruno Windels
44b92eb071
set sub list height with flex-basis to make it ... well, grow less
2018-10-18 16:58:17 +02:00
Bruno Windels
d264687796
don't scroll sub list header
2018-10-18 16:25:22 +02:00
Bruno Windels
c1e602d56f
scrollbars and resize handles around room sub lists
2018-10-18 15:19:45 +02:00
Travis Ralston
af8dfda9a7
Add a bit of text to explain the purpose of the RoomPreviewSpinner
...
Fixes https://github.com/vector-im/riot-web/issues/5869
2018-10-17 13:53:12 -06:00
Bruno Windels
874ef50273
don't truncate room lists
2018-10-17 14:45:36 +02:00
Travis Ralston
8668faa6b0
Show the group member list again
...
Fixes https://github.com/vector-im/riot-web/issues/7511
2018-10-16 19:14:06 -06:00
Bruno Windels
529845d8fc
group collapsed styles
2018-10-16 14:55:35 +02:00
Bruno Windels
8fa22d620a
align badge and make it non-flex when collapsed
2018-10-16 14:54:30 +02:00
Bruno Windels
99bf6b0e32
put dm icon back in it's correct location
2018-10-16 14:53:44 +02:00
Travis Ralston
94aac62f25
Move the login box from the left sidebar to where the composer is
...
Fixes https://github.com/vector-im/riot-web/issues/4227
This includes removing the collapse button that isn't needed anymore.
2018-10-15 14:26:24 -06:00
Bruno Windels
3331a29ac5
put sizing of right panel in RightPanel style file, plus min-width
2018-10-11 15:42:45 +02:00
Bruno Windels
d6774fd8ee
make the left panel collapse by only adding collapse class on container
...
as the resize handle is a sibling of the mxLeftPanel_container, that
class is the one that has to collapse if we don't want to complicate
the logic. So change style rules to check
.mxLeftPanel_container.collapsed, and make left panel not break
out of the container when it gets narrow by hiding the overflow
2018-10-11 15:37:42 +02:00
Bruno Windels
e5d1b3328c
make resize handles have correct color + bidirectional cursor
2018-10-11 15:35:17 +02:00
Bruno Windels
928b6d47c8
add resize handles between 3 main app columns
2018-09-24 16:07:42 +01:00
Bruno Windels
313956dd99
make left panel adapt to width
...
includes using flexbox in the room tile to avoid hardcoded width
2018-09-24 16:06:57 +01:00
Bruno Windels
73ba837c26
fix style changes after merging in develop
2018-09-21 13:27:00 +02:00
Bruno Windels
91ec96c8d3
Merge branch 'develop' into bwindels/redesign
2018-09-21 12:44:44 +02:00
David Baker
f507aac3d5
Show if recovery key is valid
2018-09-17 17:05:29 +01:00
David Baker
d94553bafc
UI for whether the key backup is enabled or not
2018-09-14 17:08:02 +01:00
David Baker
292b1f09af
WIP e2e key backups
...
Continues from Matthew's work: adds a feature flag & panel in
user settings to create a backup.
Can't restore a backup yet, nor even continue backing up to the same
backup after a refresh.
2018-09-13 17:11:46 +01:00
David Baker
fa669bf096
Error on splash screen if sync is failing
...
Display an error on the splash screen with the spinner if the sync
request is not working, rather than just sitting there with a spinner
as if nothing is wrong.
Fixes https://github.com/vector-im/riot-web/issues/7148
2018-09-07 12:18:25 +01:00
David Baker
2c1ba6f104
Merge pull request #2124 from matrix-org/dbkr/tombstone
...
Support m.room.tombstone events
2018-08-29 18:38:48 +01:00
David Baker
c40ac49b2a
Merge remote-tracking branch 'origin/develop' into dbkr/roomcreate
2018-08-29 18:18:08 +01:00
David Baker
42bb8e4ebd
Add image dimensions
2018-08-21 17:57:15 +01:00
David Baker
c54578d529
Forgot the image file
2018-08-21 17:56:28 +01:00
David Baker
cd4b520574
Add image dimensions
...
To avoid popping when the image loads & make sure the SVG appears
the right size
2018-08-21 17:52:13 +01:00
David Baker
c4235ca20a
Add the image
2018-08-21 17:50:59 +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
David Baker
ab10b5493b
Support room creation events
...
For https://github.com/vector-im/riot-web/issues/7164
2018-08-20 16:20:59 +01:00
David Baker
9f19896df0
Support for room upgrades
...
* Show when a room upgrade is needed
* Dialog box to perform the upgrade
2018-08-17 14:54:43 +01:00
Matthew Hodgson
79c06016e1
merge
2018-08-12 13:54:44 +02:00
David Baker
6593ee09d1
Warning bar for MAU limit hit
...
Somewhat untested, sorry
2018-08-07 17:04:37 +01:00
Matthew Hodgson
4fbf34e05b
Merge branch 'develop' into matthew/dharma
2018-08-03 17:15:00 -07:00
David Baker
b5d2fa769c
Support MAU error on sync
...
For https://github.com/vector-im/riot-web/issues/7091
2018-08-03 14:54:52 +01:00
Matthew Hodgson
fe73953d9d
fix merge; disable sticky headers; tweak chevrons
2018-07-30 09:00:11 -07:00
Matthew Hodgson
9783b6100d
Merge branch 'develop' into matthew/dharma
2018-07-29 17:03:23 +01:00
Michael Telatynski
afa19cd60d
make clicking autocomplete suggestions work again
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-07-24 13:48:05 +01:00
David Baker
4f8ece53b2
Fix CSS naming
2018-07-23 15:58:07 +01:00
David Baker
5adcd673ab
Fix persisent apps being the wrong size
2018-07-23 15:08:17 +01:00
Bruno Windels
6f278ceab0
Merge pull request #2071 from matrix-org/dbkr/persistedelement_border
...
Fix border around persisted widgets
2018-07-20 12:23:02 +01:00
David Baker
f658753610
Fix e2e icons floating above jitsi
...
Remove another seemingly redundant z-index
Fixes https://github.com/vector-im/riot-web/issues/7056
2018-07-18 14:14:38 +01:00
David Baker
f868cd6699
Fix border around persisted widgets
...
The PersistedElement had zero height so the border ended up in the
wrong place. Add a wrapper to fix the height back.
Fixes https://github.com/vector-im/riot-web/issues/7030
Fixes https://github.com/vector-im/riot-web/issues/7029
2018-07-18 11:52:57 +01:00
Bruno Windels
349615c5c1
Merge pull request #2065 from matrix-org/dbkr/read_avatars_under_jitsi
...
Fix read receipts on top of Jitsi
2018-07-17 17:37:13 +01:00
David Baker
a79caed0c9
Merge remote-tracking branch 'origin/develop' into dbkr/tiny_jitsi_follows_you_between_rooms
2018-07-16 17:21:51 +01:00
David Baker
74ad795d4a
Fix read receipts on top of Jitsi
...
By removing z-index which, as far as I can see, does nothing.
Fixes https://github.com/vector-im/riot-web/issues/7021
2018-07-16 17:10:58 +01:00
David Baker
d16ac4d80c
Merge pull request #1890 from matrix-org/matthew/slate
...
Replace Draft with Slate
2018-07-16 14:16:25 +01:00