Bruno Windels
0ab6ab639e
render badge on custom tag in LLP
2019-02-06 11:21:50 +00:00
Bruno Windels
b79394722a
make sure scrollbar is at the far right edge of the LLP
2019-02-05 18:03:16 +00:00
Bruno Windels
604020dd59
add selectable custom tags below tag panel
2019-02-05 17:39:02 +00:00
Bruno Windels
bdc7936130
move help & communities button out of tag panel
...
so we can shove the custom tag buttons between them
in the next commit
2019-02-05 17:36:33 +00:00
Travis Ralston
eac50aa800
Remove old user and room settings
...
This takes out the old user and room settings, replacing the paths with the new dialog editions. The labs setting has been removed in order to support this change.
In addition to removing the old components outright, some older components which were only used by the settings pages have been removed. The exception is the ColorSettings component as it has a high chance of sticking around in the future.
Styles that were shared by the settings components have been broken out to dedicated sections, making it easier to remove the old styles entirely.
Some stability testing of the app has been performed to ensure the app still works, however given the scope of this change there is a possibility of some broken functionality.
2019-02-04 13:40:21 -07:00
Bruno Windels
45e982ac13
Merge pull request #2557 from matrix-org/bwindels/e2eicons
...
Add e2e icon to room header/composer/member info, more ...
2019-02-01 22:02:28 +00:00
J. Ryan Stinnett
3bfd603dab
Remove guest warning bar
2019-02-01 15:28:16 -06:00
Bruno Windels
9134548558
update room status bar warning icon
2019-02-01 17:52:57 +01:00
Travis Ralston
b12b731781
Minor CSS tweaks
2019-01-31 21:20:30 -07:00
Travis Ralston
4036e52c24
Fixed settings dialog header; Adjust padding on dialog
...
Some recent changes to dialogs changed how this works and altered the look of the settings dialogs. This fixes that and makes it so that the header and content scroll independently.
Fixes https://github.com/vector-im/riot-web/issues/8329
Fixes https://github.com/vector-im/riot-web/issues/8328
2019-01-31 15:52:22 -07:00
Matthew Hodgson
c432c79953
remove the bottom gradient entirely for now
2019-01-31 15:03:32 +01:00
Matthew Hodgson
1ee0dc4b66
make overflow gradients much smaller and turn bottom into drop shadow
2019-01-31 13:31:55 +01:00
Bruno Windels
60f28266ae
Merge pull request #2538 from matrix-org/bwindels/community-redesign-cleanup
...
Redesign: community page cleanup
2019-01-31 12:01:08 +00:00
J. Ryan Stinnett
de46e6aa0d
Use dropdown-arrow for all toggle arrows
2019-01-30 16:39:07 -06:00
Bruno Windels
405cc5cc24
show avatars for members & rooms in group like we do in room right panel
...
also apply padding with hacky :not selector to exclude full-width avatar
2019-01-30 16:59:28 +01:00
Bruno Windels
be0de104ff
make group header as tall as top left menu/room header
2019-01-30 16:24:02 +01:00
Bruno Windels
4d2a93eaaf
Merge pull request #2527 from jryans/auth-registration
...
Style registration flow
2019-01-30 11:27:45 +00:00
Travis Ralston
68cd87a1c7
Fix indentation on all new settings CSS
2019-01-29 23:11:16 -07:00
J. Ryan Stinnett
01d28bc137
Squeeze country dropdowns to match design
2019-01-29 17:38:28 -06:00
J. Ryan Stinnett
88fd2e79cd
Prune unused auth styles
2019-01-29 17:38:28 -06:00
Bruno Windels
855dbd7d2b
Merge branch 'experimental' into bwindels/roomdirectory-makeover
2019-01-29 18:33:03 +01:00
Bruno Windels
6ffc5e093d
add icons to top left menu options
2019-01-29 16:56:07 +01:00
Bruno Windels
9f1b4ac4cc
room directory makeover
2019-01-29 15:34:58 +01:00
Bruno Windels
cc2b6f9524
Merge pull request #2470 from matrix-org/bwindels/css-scrollbars
...
Make native scrollbars prettier
2019-01-29 08:20:21 +00:00
J. Ryan Stinnett
20bf683df8
Merge pull request #2517 from jryans/auth-server-type-selector
...
Add server type selector and style login flow
2019-01-28 22:11:14 -06:00
Travis Ralston
d34390d230
Merge pull request #2512 from matrix-org/travis/usettings/tab/flair
...
Implement flair tab in user settings
2019-01-28 20:37:22 -07:00
J. Ryan Stinnett
8e9fc8a8e7
Make existing fields full width
2019-01-28 15:29:36 -06:00
J. Ryan Stinnett
398ded4a91
Switch to two phase login
2019-01-28 14:58:21 -06:00
Travis Ralston
3d59cf996f
Icon for flair tab
2019-01-28 10:24:18 -07:00
Bruno Windels
55e0838c82
Merge pull request #2507 from matrix-org/bwindels/roomlistjslayout
...
Redesign: new layout algorithm for room sublists.
2019-01-28 14:55:31 +00:00
J. Ryan Stinnett
b1f698586e
Style SSO login like a button
2019-01-28 08:52:20 -06:00
J. Ryan Stinnett
344a5d1547
Style login type with primary color
2019-01-28 08:52:20 -06:00
J. Ryan Stinnett
73aeb26a79
Remove dead code for empty matrixIdText
in PasswordLogin
2019-01-28 08:52:20 -06:00
Travis Ralston
535d42684f
Initial structure for new room settings
2019-01-25 13:09:44 -07:00
Travis Ralston
5dc75e2d3c
Have the settings dialog be fixed in size
...
This also brings out some classes that aren't solely applicable to the user settings and will be applicable to the room settings as well.
2019-01-24 19:12:09 -07:00
Travis Ralston
f1c1caac62
Implement labs tab in new user settings
2019-01-24 08:52:45 -07:00
Travis Ralston
2a9f6186d7
Merge pull request #2491 from matrix-org/travis/usettings/tab/general
...
Implement the "General" tab of new user settings
2019-01-24 08:51:11 -07:00
Bruno Windels
a5297303b0
remove flexbox layout
2019-01-24 15:44:16 +01:00
J. Ryan Stinnett
41c79a93c0
Merge pull request #2489 from jryans/auth-text-and-links
...
Update text and links in authentication flows
2019-01-23 18:40:55 -06:00
Travis Ralston
3f897468a6
Add a ToggleSwitch and use it for SettingsFlag
...
Also bring in the compact timeline option.
Without minor CSS changes, the old user settings are completely unusable with this change. As such, minimal effort has been put in to have it be useful. Similarly, the changes drop the use of radio groups and the old theme selector was the only one that used it. See the comments for more details on how/why this was mitigated the way it was.
2019-01-23 15:50:41 -07:00
J. Ryan Stinnett
9f5f552be1
Move LanguageSelector to views
...
It's too simple to be called a structure.
2019-01-23 16:14:03 -06:00
J. Ryan Stinnett
f4bbfc4aeb
Remove unneeded style from forgot password
2019-01-23 15:50:44 -06:00
J. Ryan Stinnett
9b3d674a92
Rename links for changing auth flow
2019-01-23 15:50:44 -06:00
J. Ryan Stinnett
2bb5a1d6ef
Clear out other login link styles
2019-01-23 15:50:44 -06:00
J. Ryan Stinnett
e396954a20
Update forgot password link text and style
2019-01-23 15:50:44 -06:00
J. Ryan Stinnett
523d910c66
Use new dropdown arrow for language selector
2019-01-23 10:18:06 -06:00
J. Ryan Stinnett
05254f0e82
Tweak language selector to match design
2019-01-23 10:18:06 -06:00
J. Ryan Stinnett
f9793fa567
Extract language selector styles
2019-01-23 10:18:06 -06:00
Travis Ralston
94b1d739fb
Merge pull request #2476 from matrix-org/travis/modal-tab-settings
...
Basic structure for tabbed user settings
2019-01-23 07:52:44 -07:00
Travis Ralston
0deb210fd8
Collapse DOM around tab label icon
2019-01-22 09:54:35 -07:00
Bruno Windels
3c8bd3fc78
Merge pull request #2456 from matrix-org/bwindels/extendtypingbartiming
...
Avoid "jumpiness" with inline typing indicator
2019-01-22 11:04:25 +00:00
J. Ryan Stinnett
1d01ac398c
Rename mx_Login_box
to mx_AuthPage_modal
and fold into AuthPage
2019-01-21 19:11:43 -06:00
J. Ryan Stinnett
3bd765f63f
Rename LoginPage, Header, Footer views to Auth*
2019-01-21 19:11:43 -06:00
J. Ryan Stinnett
c7354f483b
Rename LoginBox to AuthButtons
...
This component displays login and register buttons. It's currently used in the
composer when viewing a room as a guest.
The name is confusing because the login flow uses are very similarly named
`mx_Login_box` as a wrapping around forms, which is totally different than these
buttons.
Additionally, the components is moved to `views/auth` since it is very simple
and auth related.
2019-01-21 19:11:43 -06:00
Travis Ralston
15a56fa90b
Improve the profile section a bit and add a highlight to the temp tab
2019-01-21 17:27:43 -07:00
Travis Ralston
c3692aa9ae
Use the right icons, sizing, and font families for things
2019-01-21 16:51:43 -07:00
Travis Ralston
d907647e61
Spread the tabs out a bit
2019-01-21 16:51:43 -07:00
Travis Ralston
f1e44757f0
Very early work on the "General" tab
2019-01-21 16:51:43 -07:00
Travis Ralston
22435bf8d2
Make the dialog look more like a new dialog
2019-01-21 16:51:43 -07:00
Travis Ralston
a7e3d7df28
Make the tabs look like the design
2019-01-21 16:51:43 -07:00
Travis Ralston
15709040e7
Make tabs be their own panels
2019-01-21 16:51:43 -07:00
Travis Ralston
5adfc09237
Bring in TabbedView nearly verbatim from prior work
...
Sourced from https://github.com/matrix-org/matrix-react-sdk/pull/1644 and related PRs.
2019-01-21 16:51:43 -07:00
J. Ryan Stinnett
29be3ee4b5
Rename login directory to auth
2019-01-21 17:45:55 -06:00
Bruno Windels
5aff76b49d
use css scrollbar styles to make native scrollbars prettier
2019-01-21 19:06:49 +01:00
Bruno Windels
018f3d2a5c
use box-sizing: border-box to make clientHeight === actual height
2019-01-21 17:30:02 +01:00
Matthew Hodgson
efcfaed335
switch to 35px high gradients
2019-01-20 14:31:06 +00:00
J. Ryan Stinnett
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
J. Ryan Stinnett
9a7a8da6c0
Use font-family from theme in all components
2019-01-17 21:50:45 -06:00
Bruno Windels
921906897f
css url paths are relative to location of compiled file, not project structure
2019-01-17 13:49:52 +01:00
Bruno Windels
89b576936b
Merge pull request #2448 from matrix-org/bwindels/searchmakeover
...
Redesign: search makeover
2019-01-17 12:12:26 +00:00
Bruno Windels
8c30d05eb8
Revert "Merge pull request #2348 from matrix-org/bwindels/roomgridview-experimental"
...
This reverts commit ece5cb1fcc
, reversing
changes made to 64a3d2521c
.
2019-01-17 10:29:37 +01:00
Bruno Windels
0229453482
Merge pull request #2440 from matrix-org/bwindels/smarterresizer
...
Improve room sublist resizing
2019-01-16 10:55:53 +00:00
Bruno Windels
899ee265e3
Merge branch 'experimental' into bwindels/searchmakeover
2019-01-16 11:17:38 +01:00
Bruno Windels
924e1f9e4a
don't show event search results with underline/blue
2019-01-16 11:14:30 +01:00
Bruno Windels
c07470be7b
show a spinner while searching
2019-01-15 18:45:56 +01:00
J. Ryan Stinnett
6597e977c8
Update context menu styling to match custom status comps
2019-01-15 10:54:29 -06:00
Bruno Windels
1bbf1502ec
Merge branch 'experimental' into bwindels/smarterresizer
2019-01-15 10:23:50 +01:00
Bruno Windels
961e0d24df
flex-basis to 0 so sublists shrink/grow not-relative to their content
2019-01-14 14:41:31 +01:00
Bruno Windels
a413f358f7
normalize sizes when starting drag operation
2019-01-11 17:17:58 +01:00
Bruno Windels
1a2727f0af
sized items cannot grow, unsized items start with their content size and shrink from there
2019-01-10 14:03:55 +01:00
Bruno Windels
40e8e48e08
fix grid growing wider than viewport
2019-01-09 19:05:21 +01:00
Bruno Windels
ece5cb1fcc
Merge pull request #2348 from matrix-org/bwindels/roomgridview-experimental
...
Tiled room UI
2019-01-09 17:25:08 +00:00
Bruno Windels
254427461d
fix PR feedback
2019-01-09 12:48:13 +01:00
Bruno Windels
0c364510ef
trying to make the left panel not grow taller than available space
2019-01-08 18:16:37 +01:00
Bruno Windels
b4197059a0
change min size to exactly one room tile + header
2019-01-08 18:16:09 +01:00
Bruno Windels
4bd6ce8e2c
WIP2 for making smart resizer work, sort of works now but shows big scrollbar
2019-01-08 16:47:47 +01:00
J. Ryan Stinnett
a1daecc249
Remove empty CSS rule
2019-01-07 14:12:32 -06:00
Bruno Windels
290dc9d8fb
Merge branch 'experimental' into bwindels/roomgridview-experimental
2019-01-07 14:17:57 +01:00
Nad Chishtie
09bf68b1bd
Improved colours.
2018-12-20 12:46:43 +00:00
Nad Chishtie
d7473c4f4d
Various colour, contrast and legibility improvements.
2018-12-20 11:35:21 +00:00
Nad Chishtie
6c2d2f60cf
Polished left left panel.
2018-12-20 11:34:20 +00:00
Bruno Windels
f7ed1ff046
avoid buttons being deformed in collapsed state
...
unsure what this was doing before,
I suspect the BottomLeftMenu which is gone now.
2018-12-19 12:59:03 +01:00
Bruno Windels
b3a12867a6
remove extra blank lines
2018-12-19 12:56:08 +01:00
Bruno Windels
b826b0d998
Add redesign feedback dialog + button in tag panel
2018-12-19 12:27:05 +01:00
Nad Chishtie
a829bc901c
Updated CSS syntax to avoid 'transparent black'.
2018-12-18 17:59:46 +00:00
Bruno Windels
1d43712a8f
Merge branch 'experimental' into nadonomy/icons
2018-12-18 18:22:24 +01:00
Nad Chishtie
074c96cd3e
First pass of normalising icons.
2018-12-18 16:48:20 +00:00
Bruno Windels
f0a412e721
fix docs
2018-12-18 14:32:46 +01:00
Bruno Windels
12a339fe10
change subroomlist min height, as roomtiles are smaller now
2018-12-18 14:32:26 +01:00
Bruno Windels
affe75fd3f
make scroll indicator gradient smaller (40px->30px)
2018-12-18 14:31:59 +01:00
Bruno Windels
b0c84591d7
show focus glow below dialogs (at z-index 4000)
2018-12-13 13:01:59 +01:00
Bruno Windels
f593bff3c3
show right panel tabs inside panel instead of room header in grid mode
2018-12-13 13:01:59 +01:00
Bruno Windels
ec070ea782
use % instead of fr units for grid, make size independant of content
2018-12-13 13:01:59 +01:00
Bruno Windels
74becf71d8
add right panel back to grid view
2018-12-13 13:01:59 +01:00
Bruno Windels
2ceef00944
style active room rect, and make it not jump
2018-12-13 13:01:59 +01:00
Bruno Windels
cf0f75cad4
allow changing active room in grid by clicking it
2018-12-13 13:01:59 +01:00
Bruno Windels
fdd324a943
basic divider lines for tiles
2018-12-13 13:01:59 +01:00
Bruno Windels
d4748c91df
add first draft of RoomGridView
2018-12-13 13:01:59 +01:00
Bruno Windels
9f5a0250bf
Merge pull request #2345 from matrix-org/bwindels/jumptofirstunread-rebased
...
Redesign: restyle jump to first unread message & rework read marker logic (rebased)
2018-12-12 10:13:51 +00:00
Bruno Windels
ac9902e52a
apply redesign to topunreadmessagebar
...
with placeholder for message count
2018-12-11 15:43:00 +01:00
Bruno Windels
678a982bbb
dont use more padding than needed so no shrinking happens (my guess)
2018-12-11 13:02:04 +01:00
Bruno Windels
a8f9a74920
make mygroups look slightly more in line with redesign
2018-12-10 17:55:30 +01:00
Bruno Windels
ab728ead72
give group header some padding
2018-12-10 16:51:19 +01:00
Bruno Windels
f987a50fef
make add community icon themeable and give it background so it's visible
2018-12-10 15:43:57 +01:00
Bruno Windels
fe76287035
style communities button, make it visible again
2018-12-10 15:43:48 +01:00
Bruno Windels
8f4292399b
Merge pull request #2297 from matrix-org/bwindels/roomlistsizingimprovements
...
Redesign: improve room sub list sizing & persist sizes
2018-11-27 13:40:48 +00:00
Bruno Windels
887defda9c
temp solution to make room settings usable
...
make mx_fadable not do anything anymore, and make room settings
full size.
Room settings haven't been designed yet, so all of this will
have a full pass when we have a go at it.
2018-11-26 17:58:51 +01:00
Bruno Windels
61d9fe95e9
add 3 flex-shrink categories + make it work with overflow indicators
2018-11-26 14:50:29 +01:00
Bruno Windels
67e0030ccd
Merge branch 'develop' into experimental
2018-11-26 13:10:29 +01:00
Richard van der Hoff
90f22c7b43
Support for m.login.sso
...
Adds support for the m.login.sso login type, which is handled the same way as
CAS, and also makes it look a bit nicer.
2018-11-15 19:05:39 +00:00
Bruno Windels
0f226853f5
add scroll indicator gradients to top and bottom of room sub list
2018-11-12 12:57:21 +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
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
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
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
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
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
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
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
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
Bruno Windels
2c039483c6
Merge branch 'develop' into experimental
2018-10-26 15:33:39 +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
56ed38ad13
WIP
2018-10-23 21:38:04 +02:00