1b82ec6e36
make resize handle not overlap with left panel sublist scrollbars
2019-01-29 18:01:29 +01:00
c090118815
Merge pull request #2516 from matrix-org/travis/rsettings/tab/general
...
Implement the "general" tab of new room settings
2019-01-29 09:41:32 -07:00
049ad40061
Tweak auth overflow on Windows and Linux
2019-01-29 10:19:16 -06:00
ad276c1fda
Merge branch 'experimental' into travis/rsettings/tab/general
2019-01-29 09:11:21 -07:00
6ffc5e093d
add icons to top left menu options
2019-01-29 16:56:07 +01:00
9f1b4ac4cc
room directory makeover
2019-01-29 15:34:58 +01:00
cc2b6f9524
Merge pull request #2470 from matrix-org/bwindels/css-scrollbars
...
Make native scrollbars prettier
2019-01-29 08:20:21 +00:00
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
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
70b34aa2c3
Condense CSS rules and use box-sizing instead of math
2019-01-28 20:26:03 -07:00
34e2979f98
Add Modular server config screen
2019-01-28 17:32:56 -06:00
d96e814a92
Add link to edit server details
2019-01-28 16:13:19 -06:00
8e9fc8a8e7
Make existing fields full width
2019-01-28 15:29:36 -06:00
398ded4a91
Switch to two phase login
2019-01-28 14:58:21 -06:00
ea1d6a0146
Minor styling and avatar bug fixing
2019-01-28 13:54:56 -07:00
243feb9b13
Early tab structure and profile changes (name/avatar/topic)
2019-01-28 13:54:56 -07:00
b7d0dd4408
Rename GeneralSettingsTab to GeneralUserSettingsTab
2019-01-28 13:54:56 -07:00
c204cd7be3
Merge pull request #2502 from matrix-org/travis/settings/disabled-selects
...
Override UA/OS styles for disabled Field selects
2019-01-28 10:32:37 -07:00
3d59cf996f
Icon for flair tab
2019-01-28 10:24:18 -07:00
2d61a2508d
Merge pull request #2514 from matrix-org/bwindels/roomlistjslayout-bis
...
Redesign: new roomlist layout fixes
2019-01-28 15:53:28 +00:00
79a44b1bfb
always hide overflow on RoomList in case Layout screws up
2019-01-28 16:03:49 +01:00
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
abe6fd2f60
Rework `ServerConfig` to approach design
...
The public server search box is left out for now, so this restyles the existing
custom server inputs to more closely approximate the design.
2019-01-28 08:52:20 -06:00
b1f698586e
Style SSO login like a button
2019-01-28 08:52:20 -06:00
344a5d1547
Style login type with primary color
2019-01-28 08:52:20 -06:00
7934a2950c
Add 'Your account' header
2019-01-28 08:52:20 -06:00
73aeb26a79
Remove dead code for empty `matrixIdText` in `PasswordLogin`
2019-01-28 08:52:20 -06:00
0bee324e48
Add server type selector component
2019-01-28 08:52:20 -06:00
b4f02844a8
Merge remote-tracking branch 'origin/experimental' into dbkr/sas
2019-01-28 09:36:39 +00:00
57e45e7e7c
Proof of concept for a flair tab in user settings
2019-01-25 15:35:32 -07:00
535d42684f
Initial structure for new room settings
2019-01-25 13:09:44 -07:00
f7f23e4dea
Merge branch 'experimental' into travis/usettings/tab/security
2019-01-25 09:12:07 -07:00
aeac82209e
Improve disabled Field styling
2019-01-25 09:10:16 -07:00
949343d7d5
Merge pull request #2505 from matrix-org/travis/settings/animated-toggles
...
Add simple animations to toggle switches
2019-01-25 07:51:38 -07:00
3301c35f7d
Merge pull request #2501 from matrix-org/travis/settings/dialog-size
...
Have the settings dialog be fixed in size
2019-01-25 07:46:36 -07:00
9bbbab9d03
Add simple animations to toggle switches
2019-01-24 21:24:28 -07:00
284be2653e
Override UA/OS styles for disabled Field selects
...
Fixes https://github.com/vector-im/riot-web/issues/8249
2019-01-24 19:27:20 -07:00
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
1f10cda5e4
Implement the "Help & About" tab of new user settings
2019-01-24 17:10:35 -07:00
b0a8cbf75f
Implement the "Security & Privacy" tab of new user settings
2019-01-24 15:47:04 -07:00
0f89668446
Also the font size
2019-01-24 14:42:30 -07:00
87cea5ef09
Fix sizings and margins
2019-01-24 14:41:00 -07:00
27ee6625ee
Implement the "Voice & Video" tab of new user settings
2019-01-24 13:33:22 -07:00
524d2f1e11
Force font family upon Fields
2019-01-24 11:43:03 -07:00
5479a4dac5
Implement the "Preferences" tab on new user settings
2019-01-24 10:32:29 -07:00
f1c1caac62
Implement labs tab in new user settings
2019-01-24 08:52:45 -07:00
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
a5297303b0
remove flexbox layout
2019-01-24 15:44:16 +01:00
736aa8297d
Minor CSS adjustments
2019-01-23 18:49:27 -07:00
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
40f6aeba28
Touchups to toggles in settings
2019-01-23 16:03:56 -07:00
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
9f5f552be1
Move LanguageSelector to views
...
It's too simple to be called a structure.
2019-01-23 16:14:03 -06:00
f4bbfc4aeb
Remove unneeded style from forgot password
2019-01-23 15:50:44 -06:00
9b3d674a92
Rename links for changing auth flow
2019-01-23 15:50:44 -06:00
2bb5a1d6ef
Clear out other login link styles
2019-01-23 15:50:44 -06:00
e396954a20
Update forgot password link text and style
2019-01-23 15:50:44 -06:00
2f89af4fa0
Update login header text
2019-01-23 15:50:44 -06:00
97666d39bc
Bring in theme and language options
2019-01-23 14:43:45 -07:00
d55d145223
Bring over phone number management
2019-01-23 14:16:18 -07:00
6a90625d36
Merge remote-tracking branch 'origin/experimental' into dbkr/sas
2019-01-23 17:32:18 +00:00
aa7afe819f
Bring over email address management
2019-01-23 09:28:53 -07:00
fa1ce61a06
Move profile settings to a dedicated component
...
The tab component is getting a bit hard to navigate
2019-01-23 09:28:53 -07:00
19de6694ca
Bring in the change password section
...
This also changes the layout slightly in the user settings, but nothing detrimental.
2019-01-23 09:28:53 -07:00
677b3ca7b5
Bring flair into the new settings
...
Makes the flair options in old settings look broken (cosmetic issues), but it's fine because we're ripping that out in due time.
2019-01-23 09:27:04 -07:00
f643d7a143
Finish the box for displayname/avatar changes
2019-01-23 09:27:04 -07:00
523d910c66
Use new dropdown arrow for language selector
2019-01-23 10:18:06 -06:00
05254f0e82
Tweak language selector to match design
2019-01-23 10:18:06 -06:00
f9793fa567
Extract language selector styles
2019-01-23 10:18:06 -06:00
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
4c12b2c911
Merge pull request #2486 from matrix-org/travis/fix-hover
...
Fix AuthFooter CSS rules conflicting with anchors all over the app
2019-01-22 21:55:18 -07:00
0f3ee9c786
Extract auth header logo to new component
...
This will allow `riot-web` to replace only the logo, rather than the whole
header.
2019-01-22 22:41:10 -06:00
7ccf64584e
Fix AuthFooter CSS rules conflicting with anchors all over the app
...
Fixes https://github.com/vector-im/riot-web/issues/8227
2019-01-22 21:35:36 -07:00
b83227c035
Merge pull request #2484 from matrix-org/travis/select-field
...
Support selects on Field
2019-01-22 20:13:06 -07:00
2b3c8c4450
Correctly form a select/input element
2019-01-22 20:03:59 -07:00
575cd1e37b
Add modal look to authentication flows
...
This changes the auth screens to use the modal-like style of the redesign.
This does not attempt to style the actual body content of each screen. Instead,
it covers the header area with logo, footer links, and overall modal container
only.
2019-01-22 20:44:49 -06:00
9d2bfdc0c0
Fix CSS indentation level
2019-01-22 20:44:49 -06:00
f0e8182ff3
Support selects on Field
...
Luckily, the styling is copy/paste capable.
2019-01-22 19:25:09 -07:00
be94e1aebc
Fix integrations error popup
...
Signed-off-by: Christopher Medlin <christopherjmedlin@protonmail.com>
2019-01-22 11:44:55 -08:00
0deb210fd8
Collapse DOM around tab label icon
2019-01-22 09:54:35 -07:00
5dd5f4f1dc
add JumpToBottomButtom component
2019-01-22 14:49:04 +01:00
3c8bd3fc78
Merge pull request #2456 from matrix-org/bwindels/extendtypingbartiming
...
Avoid "jumpiness" with inline typing indicator
2019-01-22 11:04:25 +00:00
1d01ac398c
Rename `mx_Login_box` to `mx_AuthPage_modal` and fold into `AuthPage`
2019-01-21 19:11:43 -06:00
3bd765f63f
Rename LoginPage, Header, Footer views to Auth*
2019-01-21 19:11:43 -06:00
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
b678e84272
Remove extraneous TODO comment
...
The thing it describes actually happened
2019-01-21 17:32:25 -07:00
15a56fa90b
Improve the profile section a bit and add a highlight to the temp tab
2019-01-21 17:27:43 -07:00
c3692aa9ae
Use the right icons, sizing, and font families for things
2019-01-21 16:51:43 -07:00
d907647e61
Spread the tabs out a bit
2019-01-21 16:51:43 -07:00
f1e44757f0
Very early work on the "General" tab
2019-01-21 16:51:43 -07:00
22435bf8d2
Make the dialog look more like a new dialog
2019-01-21 16:51:43 -07:00
a7e3d7df28
Make the tabs look like the design
2019-01-21 16:51:43 -07:00
15709040e7
Make tabs be their own panels
2019-01-21 16:51:43 -07:00
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
29be3ee4b5
Rename login directory to auth
2019-01-21 17:45:55 -06:00
23b3e74c1c
Change to new field focused color
2019-01-21 13:47:16 -06:00
352107352e
Tweak field input padding to match label position
2019-01-21 13:47:16 -06:00
1906cfd700
Tweak field label to be vertically centered
2019-01-21 13:47:16 -06:00
5aff76b49d
use css scrollbar styles to make native scrollbars prettier
2019-01-21 19:06:49 +01:00
018f3d2a5c
use box-sizing: border-box to make clientHeight === actual height
2019-01-21 17:30:02 +01:00
efcfaed335
switch to 35px high gradients
2019-01-20 14:31:06 +00:00
efd5405267
Add a form field component for the redesign
...
The label moves into the border on focus and after being filled. A valid color
is applied to the label and input border. Other states like invalid can be added
later as needed.
Adapted from @ara4n's experiment into a React component with a CSS only
approach.
2019-01-19 22:13:53 -06:00
970880737e
Merge remote-tracking branch 'origin/experimental' into dbkr/sas
2019-01-18 18:33:11 +00:00
ec2d51cbbb
SAS verification screen matching design
2019-01-18 16:56:49 +00:00
20e296b20e
Convert image URLs in React to `require` calls
...
This allows Webpack to insert the proper image URL after builds steps like
adding a hash and so on. The path you supply to `require` is relative to the JS
source file, just like any other would be.
2019-01-17 22:06:49 -06:00
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
9a7a8da6c0
Use font-family from theme in all components
2019-01-17 21:50:45 -06:00
23e7811f33
Merge pull request #2454 from matrix-org/bwindels/topleftcursor
...
Fix: show hand cursor in topleft menu so its clear you can click it
2019-01-17 16:58:12 +00:00
2bec088591
show hand cursor in topleft menu so its clear you can click it
2019-01-17 14:07:33 +01:00
921906897f
css url paths are relative to location of compiled file, not project structure
2019-01-17 13:49:52 +01:00
89b576936b
Merge pull request #2448 from matrix-org/bwindels/searchmakeover
...
Redesign: search makeover
2019-01-17 12:12:26 +00:00
8c30d05eb8
Revert "Merge pull request #2348 from matrix-org/bwindels/roomgridview-experimental"
...
This reverts commit ece5cb1fcc64a3d2521c
2019-01-17 10:29:37 +01:00
859f2a8646
Show spinner while waiting on status message to commit
...
It can take some time to actually set the status message and see it play back as
a committed event. This adds a spinner for immediate feedback so it's clear
that something is happening.
Fixes https://github.com/vector-im/riot-web/issues/8135 .
2019-01-16 09:33:39 -06:00
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
0229453482
Merge pull request #2440 from matrix-org/bwindels/smarterresizer
...
Improve room sublist resizing
2019-01-16 10:55:53 +00:00
899ee265e3
Merge branch 'experimental' into bwindels/searchmakeover
2019-01-16 11:17:38 +01:00
924e1f9e4a
don't show event search results with underline/blue
2019-01-16 11:14:30 +01:00
b14d436e98
make cancel button icon slightly larger
2019-01-16 11:14:19 +01:00
807d3aba6e
Use integer padding / border for avatar
...
It seems fractional spacing results in different behavior across browsers,
including unbalanced spacing, making the avatar appear uncentered.
Here we avoid this by using integers that seem to closely match the comps.
Fixes https://github.com/vector-im/riot-web/issues/8134 .
2019-01-15 16:37:16 -06:00
c07470be7b
show a spinner while searching
2019-01-15 18:45:56 +01:00
4b13774585
Revert to avatar only when custom status disabled
...
This returns to the previous behavior of avatar only without a button when the
custom status feature is disabled so that you don't get pointer cursor for
something that does nothing when clicked.
The avatar ring spacing is kept consistent with and without the feature enabled
by using a different class in CSS.
2019-01-15 10:54:29 -06:00
5b88b64950
Rework custom status context menu
...
This updates the custom status context menu to match the latest comps. A single
button is used for setting / clearing, depending on what is appropriate.
The state logic is also changed to depend on events and storage from js-sdk for
the committed status message. This makes it easy to distinguish the value being
edited from what's currently committed.
2019-01-15 10:54:29 -06:00
6597e977c8
Update context menu styling to match custom status comps
2019-01-15 10:54:29 -06:00
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
7d6b996952
Tweak composer button padding so it won't affect status
2019-01-15 10:54:29 -06:00
77a62b9174
style search bar
2019-01-15 16:20:04 +01:00
1bbf1502ec
Merge branch 'experimental' into bwindels/smarterresizer
2019-01-15 10:23:50 +01:00
961e0d24df
flex-basis to 0 so sublists shrink/grow not-relative to their content
2019-01-14 14:41:31 +01:00
a413f358f7
normalize sizes when starting drag operation
2019-01-11 17:17:58 +01:00
35af3fc6f7
Add separate dialog for recovery method removed
...
The "New Recovery Method" dialog would show if either the recovery method had
been changed or removed, but the dialog text didn't make much sense for the
removed case.
This adds a separate dialog customized for the removed case.
Fixes https://github.com/vector-im/riot-web/issues/8046 .
2019-01-10 15:18:57 -06:00
cbf9ff6aee
Merge branch 'experimental' of github.com:matrix-org/matrix-react-sdk into erikj/state_counters
2019-01-10 16:56:47 +00:00
1a2727f0af
sized items cannot grow, unsized items start with their content size and shrink from there
2019-01-10 14:03:55 +01:00
40e8e48e08
fix grid growing wider than viewport
2019-01-09 19:05:21 +01:00
ece5cb1fcc
Merge pull request #2348 from matrix-org/bwindels/roomgridview-experimental
...
Tiled room UI
2019-01-09 17:25:08 +00:00
79df843a6e
Fix path to New Recovery Method icon
2019-01-09 06:25:35 -06:00
254427461d
fix PR feedback
2019-01-09 12:48:13 +01:00
0c364510ef
trying to make the left panel not grow taller than available space
2019-01-08 18:16:37 +01:00
b4197059a0
change min size to exactly one room tile + header
2019-01-08 18:16:09 +01:00
4bd6ce8e2c
WIP2 for making smart resizer work, sort of works now but shows big scrollbar
2019-01-08 16:47:47 +01:00
e5f74957cb
Merge pull request #2408 from matrix-org/dbkr/fix_gif_icon_on_stickers
...
Fix black-on-black GIF icon for stickers
2019-01-08 09:35:06 +00:00
2ff532621c
Remove unbalanced padding in create key backup dialog
...
This padding only one side made it impossible to center things in the dialog.
Since the dialog also has nice spacing without the padding, this change removes
it.
Fixes https://github.com/vector-im/riot-web/issues/7862 .
2019-01-07 17:48:10 -06:00
a1daecc249
Remove empty CSS rule
2019-01-07 14:12:32 -06:00
f60a865727
Restore room name ellipsis on overflow
...
Fixes vector-im/riot-web#8037 .
2019-01-07 14:12:32 -06:00
7a1008f1fe
Fix color for @room pills in HTML messages
2019-01-07 09:56:40 -06:00
bf87547f88
Remove unexpected underline from pills
...
Fixes vector-im/riot-web#8031 .
2019-01-07 09:56:40 -06:00
9a5f17d0b1
Change CSS to match experimental
2019-01-07 15:21:00 +00:00
8a6e7382ae
Missing newline
2019-01-07 13:52:13 +00:00
712241d710
Add simple state counters to room heading
2019-01-07 13:52:13 +00:00
54898a6c35
Fix black-on-black GIF icon for stickers
...
Text colour ended up being the link colour on images because the
whole image is in an `a`, but stickers are not so it got the default
font colour, which might be black. Define an explicit colour.
Also set pointer-events: none so you can hover over the gif icon
too (I managed to make the message panel small which made the icon
cover most the image, so this prevented the gif from animating
at all).
Fixes https://github.com/vector-im/riot-web/issues/8004
2019-01-07 13:49:01 +00:00
290dc9d8fb
Merge branch 'experimental' into bwindels/roomgridview-experimental
2019-01-07 14:17:57 +01:00
a7c9d4ea1f
Use same link style in HTML messages
...
Links in HTML messages were missing the usual underline style, making them
look different from links in text messages (which already do this).
Fixes vector-im/riot-web#4655 .
2019-01-04 18:32:43 -06:00
2769e68169
Give the create key backup title more space
2019-01-04 17:14:10 -06:00
97747640bb
Record keys button styling tweak
2019-01-04 17:14:10 -06:00
93ea9d3617
Condense .mx_RoomTile_avatar properties
...
Looks like the develop->experimental merge duplicated the definition. We'll take the best of both and make it work.
2019-01-03 18:07:34 -07:00
852d6df580
Fix composer avatar being an oval when a custom status is set
...
Fixes this: https://t2l.io/_matrix/media/v1/download/t2l.io/0d5c7fa9a4b5bf226a020def8480a887
2019-01-03 18:06:37 -07:00
51dc1fe9bf
Fix badges on room tiles not being right aligned
...
Thanks to Ryan for fixing this!
Problem: https://t2l.io/_matrix/media/v1/download/t2l.io/da6fccb60969da1c455630faae990881
2019-01-03 18:05:59 -07:00
920911c0a1
Room list fixes for custom status
2019-01-03 18:49:15 -06:00
8017f0a4a1
Merge remote-tracking branch 'origin/experimental' into travis/develop-for-real
2019-01-03 16:00:23 -07:00
6447a60e1f
Revert "Merge pull request #2336 from matrix-org/travis/notif-button"
...
This reverts commit 96300b45b7
2019-01-03 15:44:07 -07:00
f928be6f59
Revert "Merge pull request #2395 from matrix-org/dbkr/merge_develop_experimental"
...
This reverts commit ad47144355
2019-01-03 15:37:03 -07:00
982e037822
Fix merge
2019-01-03 18:05:38 +00:00
7d161de35b
Partial merge of develop to experimental
...
Does not include #2336 as the file has been moved out from underneath it:
will do this separately
2019-01-03 15:02:58 +00:00
09bf68b1bd
Improved colours.
2018-12-20 12:46:43 +00:00
42c8d43065
Lint.
2018-12-20 11:35:58 +00:00
9b8f07c19f
Don't override text colour of selected room in room list.
2018-12-20 11:35:43 +00:00
d7473c4f4d
Various colour, contrast and legibility improvements.
2018-12-20 11:35:21 +00:00
6c2d2f60cf
Polished left left panel.
2018-12-20 11:34:20 +00:00
2e1e536d5c
Merge pull request #2347 from matrix-org/travis/custom-status
...
Custom status messages
2018-12-19 11:11:15 -07:00
24f0123ded
Convert pass phrase entry to flexbox
...
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-12-19 17:46:37 +00:00
9c4ff4048a
Convert show recovery key to flexbox
...
This allows the buttons to fit on a single line and flows a bit better at low
widths.
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-12-19 17:46:37 +00:00
a22a9492a0
Remove duplicate CSS file for CreateKeyBackupDialog
...
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-12-19 17:46:37 +00:00
a1347add95
Merge branch 'develop' into travis/custom-status
2018-12-19 10:33:34 -07:00
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
b3a12867a6
remove extra blank lines
2018-12-19 12:56:08 +01:00
b826b0d998
Add redesign feedback dialog + button in tag panel
2018-12-19 12:27:05 +01:00
8b406eab3b
Merge pull request #2371 from matrix-org/bwindels/rmdot
...
Redesign: add badge with dot to rm button, to see it catches your eye better
2018-12-19 09:49:19 +00:00
a829bc901c
Updated CSS syntax to avoid 'transparent black'.
2018-12-18 17:59:46 +00:00
ef60a34180
Clean up and follow code style
2018-12-18 10:53:37 -07:00
1d43712a8f
Merge branch 'experimental' into nadonomy/icons
2018-12-18 18:22:24 +01:00
2ad9f45655
add badge with dot to rm button, so it catches your eye better
2018-12-18 17:56:05 +01:00
074c96cd3e
First pass of normalising icons.
2018-12-18 16:48:20 +00:00
f0a412e721
fix docs
2018-12-18 14:32:46 +01:00
12a339fe10
change subroomlist min height, as roomtiles are smaller now
2018-12-18 14:32:26 +01:00
affe75fd3f
make scroll indicator gradient smaller (40px->30px)
2018-12-18 14:31:59 +01:00
acc2e98355
Add New Recovery Method dialog
...
Adds a New Recovery Method dialog which is shown when key backup fails because
of a version mismatch / version not found error.
The set up button in the dialog currently only marks a device as verified (via a
verification prompt) instead of the eventual restore and cross-sign flow, since
those pieces don't exist yet.
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-12-18 10:20:12 +00:00
0496ed535c
have a bit more space between rooms
2018-12-17 14:35:11 +01:00
242b0c21ac
make avatar 24px and tile height 32px
2018-12-17 14:03:48 +01:00
6c1639b2ce
dont hardcode avatar container dimensions
2018-12-17 14:03:28 +01:00
7b0766a303
Apply 50% opacity to the checkmark when there is no status
2018-12-14 13:49:35 -07:00
e4d2b6f2b7
fix resize handles being too thick on edge (hopefully)
2018-12-14 17:06:00 +01:00
2afdb04db5
prevent jumping on when hovering over invited section
2018-12-14 17:05:01 +01:00
15366fbb0a
Change room recovery reminder button style
...
Change the button to a transparent background so that it's less prominent and
you focus on the primary button instead.
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-12-13 16:36:55 +00:00
96300b45b7
Merge pull request #2336 from matrix-org/travis/notif-button
...
Show the number of unread notifications above the bell on the right
2018-12-13 08:16:48 -07:00
b0c84591d7
show focus glow below dialogs (at z-index 4000)
2018-12-13 13:01:59 +01:00
f593bff3c3
show right panel tabs inside panel instead of room header in grid mode
2018-12-13 13:01:59 +01:00
ec070ea782
use % instead of fr units for grid, make size independant of content
2018-12-13 13:01:59 +01:00
74becf71d8
add right panel back to grid view
2018-12-13 13:01:59 +01:00
2ceef00944
style active room rect, and make it not jump
2018-12-13 13:01:59 +01:00
cf0f75cad4
allow changing active room in grid by clicking it
2018-12-13 13:01:59 +01:00
fdd324a943
basic divider lines for tiles
2018-12-13 13:01:59 +01:00
d4748c91df
add first draft of RoomGridView
2018-12-13 13:01:59 +01:00
b0b7932f5f
Move status context menu to its own component
...
This fixes a lot of the state bugs such as buttons not updating, etc.
This commit also adds the border around the avatar to indicate a status is set.
2018-12-12 22:26:39 -07:00
99f5b9e39b
Misc cleanup of whitespace
2018-12-12 18:18:43 -07:00
a91963e5ee
Replace the avatar next to the composer with a status entry menu
...
The checkmark might change, and there appears to be some state tracking mishaps that need to be worked out.
Part of https://github.com/vector-im/riot-web/issues/1528
2018-12-12 18:03:30 -07:00
cd9ea2b2d7
Fix alignment of avatars and status messages
...
also introduce the status message to the MemberInfo pane
Part of https://github.com/vector-im/riot-web/issues/1528
2018-12-12 12:57:48 -07:00
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
e505a9e45c
Merge pull request #2343 from matrix-org/bwindels/addroombuttonalignment
...
Redesign: fix add room button alignment when collapsed
2018-12-12 09:21:12 +00:00
ce7969e3d5
Display custom status messages in the UI
...
Part of https://github.com/vector-im/riot-web/issues/1528
2018-12-11 21:40:11 -07:00
ac9902e52a
apply redesign to topunreadmessagebar
...
with placeholder for message count
2018-12-11 15:43:00 +01:00
d3f655a064
fix avatar in edit mode
2018-12-11 13:11:26 +01:00
678a982bbb
dont use more padding than needed so no shrinking happens (my guess)
2018-12-11 13:02:04 +01:00
a8f9a74920
make mygroups look slightly more in line with redesign
2018-12-10 17:55:30 +01:00
6488b01324
fix mergo-error
2018-12-10 17:48:11 +01:00
93767fa5f1
fix invite button layout
2018-12-10 17:46:22 +01:00
cc97b46908
fix group room tiles layout
2018-12-10 17:44:45 +01:00
ab728ead72
give group header some padding
2018-12-10 16:51:19 +01:00
f987a50fef
make add community icon themeable and give it background so it's visible
2018-12-10 15:43:57 +01:00
fe76287035
style communities button, make it visible again
2018-12-10 15:43:48 +01:00
a92d2902c4
Add an in-room reminder to set up key recovery
...
This adds an in-room reminder above the message timeline to set up Secure
Message Recovery so that your keys will be backed up. If you try to ignore it,
an additional dialog is shown to confirm.
Fixes vector-im/riot-web#7783 .
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-12-07 14:13:02 -06:00
173669b375
Show the number of unread notifications above the bell on the right
...
Fixes https://github.com/vector-im/riot-web/issues/3383
This achieves the result by counting up the number of highlights across all rooms and setting that as the badge above the icon. If there are no highlights, nothing is displayed. The red highlight on the bell is done by abusing how the Tinter works: because it has access to the properties of the SVG that we'd need to override it, we give it a collection of colors it should use instead of the theme/tint it is trying to apply. This results in the Tinter using our warning color instead of whatever it was going to apply.
The RightPanel now listens for events to update the count too, otherwise when the user receives a ping they'd have to switch rooms to see the change.
2018-12-06 16:18:02 -07:00
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
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
257bac2b09
unrelated fix for searchbox being squashed by other roomlist content
2018-11-26 14:50:53 +01:00
61d9fe95e9
add 3 flex-shrink categories + make it work with overflow indicators
2018-11-26 14:50:29 +01:00
67e0030ccd
Merge branch 'develop' into experimental
2018-11-26 13:10:29 +01:00
075c13a5bd
Add password strength meter to backup creation UI
...
https://github.com/vector-im/riot-meta/issues/227
2018-11-23 15:50:23 +00:00
6fe2c9c2bb
Merge branch 'dbkr/e2e_backups' into dbkr/e2e_backups_passphrase
2018-11-20 18:10:57 +00:00
8ccaf53d20
Merge remote-tracking branch 'origin/develop' into dbkr/e2e_backups
2018-11-20 18:08:39 +00:00
132408cf02
Add e2e backup recovery with passphrase
2018-11-20 16:16:24 +00:00
fbab8ceeef
Passphrase based key backups
...
Add passphrase support to backup creation stage
2018-11-20 13:11:58 +00:00
c61031d3e1
Merge pull request #2279 from matrix-org/rav/sso_login_type
...
Support for m.login.sso
2018-11-19 14:14:21 +01:00
7dd610b41e
Merge pull request #2235 from MaxwellKepler/develop
...
Added badge to non-autoplay GIFs
2018-11-16 13:25:40 -07:00
8916c90fed
Make the 'Accept' button for consent a little more friendly
...
Part of https://github.com/vector-im/riot-web/issues/7700
2018-11-15 20:26:37 -07:00
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
c8b38606cc
Fix terms auth continue button CSS
2018-11-14 18:40:00 -07:00
2ffc024fab
Add a dedicated "Continue" button to the terms auth stage
...
The button itself is conditionally enabled because the ILAG dialog already has a continue button. It'd be confusing to users to have 2 continue buttons on the same dialog, so this commit adds the structure required to pass along clicks from the dialog's button down to the UI auth component.
The other place the continue button would appear is on the register page (not ILAG). The button's style is different here, however that will be improved in a later commit.
Part of https://github.com/vector-im/riot-web/issues/7700
2018-11-14 18:26:35 -07:00
04bb9aad3a
Merge pull request #2276 from matrix-org/bwindels/timelinetypingnotif
...
Redesign: typing notifications in timeline
2018-11-14 10:24:31 +00:00
36bc83ce03
copyright
2018-11-14 10:05:53 +01:00
741e106565
update animation image and location
2018-11-13 18:30:14 +01:00
ffc73c59b4
make padding and DOM more like event tile
2018-11-13 09:15:43 +01:00
20b8994714
simplify DOM and style to design
2018-11-12 18:19:18 +01:00
7df47cbc87
move typing notifications to WhoIsTypingTile, shown in ScrollPanel
2018-11-12 16:09:51 +01:00
0f226853f5
add scroll indicator gradients to top and bottom of room sub list
2018-11-12 12:57:21 +01:00
b9ccdc4952
Align encrypted event buttons in Safari
...
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-11-08 20:38:16 +01:00
13039b05b9
Align buttons in encrypted event dialog
...
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-11-08 17:17:57 +01:00
883126a528
Merge branch 'experimental' into bwindels/memberqueryfield
2018-11-07 13:29:28 +01:00
9e95a1402c
Merge pull request #2269 from matrix-org/bwindels/roomlistpolish
...
Redesign: room list visual polish
2018-11-07 11:44:47 +00:00
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
4e773c2665
Make right panel a dark-panel instead of every descendant.
...
Also move bg color central.
2018-11-06 14:47:58 +01:00
92e43ea181
move filter member field to bottom of memberlist
...
reorganize styles as well
2018-11-06 14:47:11 +01:00
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
3ce52d104c
align collapsed roomtile with design
2018-11-06 14:02:43 +01:00
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
3c70c2b82f
not needed
2018-11-05 17:43:16 +01:00
fd0b33edaf
margin adjusment of room tile according to design
2018-11-05 17:42:59 +01:00
ef26189add
add dedicated menu button to room tile with new design
2018-11-05 17:42:25 +01:00
645ae73f3b
undo type/brain fart
2018-11-05 14:27:27 +01:00
665d424758
use svg icon in add room button
2018-11-05 14:25:28 +01:00
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
cb8393d449
fix room sublist padding when collapsed
2018-11-05 14:22:55 +01:00
c0e3e3925f
more badge cleanup
2018-11-05 14:22:41 +01:00
01626d6b02
never show horizontal scrollbar in subroom list
2018-11-05 14:21:58 +01:00
010f077092
align badges with design
2018-11-05 10:35:38 +01:00
1d77a67683
fix room list chevron
2018-11-05 10:09:05 +01:00
701dd6d33f
restyle search close button
2018-11-05 09:54:14 +01:00
6db81edf6c
restyle SearchBox & make it more reusable
...
as we can reuse it in the room header
2018-11-05 09:35:44 +01:00
064662380f
support search icon in mx_textinput, use in memberlist
2018-11-05 09:35:27 +01:00
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
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
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
3e02f247c8
use AutoHideScrollbar in RoomSubList
2018-11-01 17:33:21 +01:00
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
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
b4dd739771
Merge branch 'experimental' into bwindels/rightpanelbelowheader
2018-10-31 14:57:16 +01:00
ba83166661
Merge branch 'develop' into experimental
2018-10-31 14:54:22 +01:00
870280c6c7
move rightpanel into group view
2018-10-31 12:09:24 +01:00
a40f1933f2
put RightPanel as sibling of .mx_RoomView_body instead of RoomView
2018-10-30 18:13:17 +01:00
e80a1c5051
move room/group panel header buttons into room/group header
2018-10-30 17:15:19 +01:00
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
8ac62f8c12
Merge remote-tracking branch 'origin/develop' into dbkr/e2e_backups
2018-10-29 16:20:45 +00:00
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
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
d54bf13fab
Hide all the time travel.
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-10-27 11:06:52 +01:00
2c039483c6
Merge branch 'develop' into experimental
2018-10-26 15:33:39 +02:00
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
b59b8b7fca
Merge remote-tracking branch 'origin/develop' into dbkr/e2e_backups
2018-10-25 17:42:46 +01:00
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
3096bf42ef
fix css in chrome
2018-10-25 15:20:51 +02:00
5d35ce9449
Changed letter case.
2018-10-24 19:06:48 +01:00
44a41b589d
Comma on strings and styling button
2018-10-24 17:50:27 +01:00
e4dfb90b85
basic makeover of member panel with big avatar
2018-10-24 18:23:34 +02:00
873ff7fc29
make EntityTile responsive
2018-10-24 18:22:57 +02:00
302b3ad0e9
disable presence opacity
2018-10-24 14:56:21 +02:00
25b55b2801
Merge pull request #2245 from matrix-org/bwindels/memberlistmakeover
...
Redesign: memberlist basic makeover
2018-10-24 12:23:30 +00:00
fed72c2368
Merge pull request #2246 from matrix-org/bwindels/roomlistfontsizes
...
Redesign: tweak room list font sizes
2018-10-24 12:23:18 +00:00
0038d6d219
Merge pull request #2234 from matrix-org/bwindels/roomsectionfixcollapsedsize
...
Redesign: Fix room lists sizing
2018-10-24 12:23:05 +00:00
9299d84a13
tweak room list font sizes
2018-10-24 14:03:16 +02:00
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
8a5c46ead0
Merge branch 'experimental' into bwindels/memberlistmakeover
2018-10-24 11:06:08 +02:00
5425eda438
Merge pull request #2241 from matrix-org/bwindels/redesignicons1
...
Redesign: update (most) icons
2018-10-23 19:40:59 +00:00
Bruno Windels