Commit graph

844 commits

Author SHA1 Message Date
J. Ryan Stinnett
26b2aa174b Add prefix support to Fields
This allows Fields to have an optional prefix component which is placed inside
the border of the Field and to the left of the input. Since this label animation
would be complex to get right for this case, it is instead fixed to the top left
if there is a prefix component.

This canonical example of this today would be a phone number field which
includes a country dropdown.
2019-03-05 15:25:43 +00:00
J. Ryan Stinnett
ae5c32d28b Lift border up to the Field root
By placing the Field's border on the Field component root instead of the input,
it's easier to wrap it around additional elements that we'll soon stuff inside
the field.
2019-03-05 15:25:43 +00:00
J. Ryan Stinnett
bfe120fbf4 Convert registration to Field component
This converts most fields in the registration form to use the Field component,
except for the phone number, which is a left as a separate task because of the
country dropdown menu.
2019-03-05 15:25:42 +00:00
Bruno Windels
96196d8c3d
Merge pull request #2746 from matrix-org/bwindels/flairnolayout
Prevent flair pushing timeline downwards
2019-03-05 15:34:09 +01:00
Bruno Windels
18d897298d ensure flair is 16px high
so it doesn't push the message down
2019-03-05 14:49:07 +01:00
J. Ryan Stinnett
1336508a4e Add comment, fix bad math
This adds a comment to explain the `max-width` and also fixes it actually use
the right value. (I had grabbed the wrong part of `margin` the first time.)
2019-03-05 11:13:39 +00:00
J. Ryan Stinnett
c1688d2be3 Limit Field label to size of input
This avoids awkward wrapping if the label is longer than the input. This will
show an ellipsis to suggest there's more text in the label than can be shown.
2019-03-04 18:02:36 +00:00
Travis Ralston
8a6ae6b48e Use a mask for the continuation icon
Fixes https://github.com/vector-im/riot-web/issues/7990
2019-03-01 15:59:19 -07:00
Travis Ralston
3ce2c3a76d
Merge pull request #2724 from matrix-org/travis/stacked-dialogs
Support stacking dialogs to prevent unmounting
2019-03-01 09:03:39 -07:00
Travis Ralston
5a4676ac66
Merge pull request #2725 from matrix-org/travis/settings/pl-dropdowns
Convert PowerSelector to use mxField instead
2019-03-01 09:03:16 -07:00
Travis Ralston
a41df7ab68 Convert PowerSelector to use mxField instead 2019-02-28 19:00:57 -07:00
Travis Ralston
0978ab3da0 Support stacking dialogs to prevent unmounting
Fixes https://github.com/vector-im/riot-web/issues/8371
2019-02-28 15:55:58 -07:00
Bruno Windels
69016e32a4 fix margin on e2e icon in member panel 2019-02-28 15:39:10 +01:00
J. Ryan Stinnett
bd577e8f9b
Merge pull request #2714 from jryans/field-click-label
Send Field label pointer events to input
2019-02-27 17:07:08 +00:00
J. Ryan Stinnett
e9490b3032 Send Field label pointer events to input
When the `label` element is displayed on top of the input (`label` is set and
there is no `placeholder`), it would block clicks from reaching the input. This
allows them to get through, but then also restores `label`'s events once it
moves out of the way.

Fixes https://github.com/vector-im/riot-web/issues/8469
2019-02-27 13:23:48 +00:00
J. Ryan Stinnett
209ac2c587
Merge pull request #2706 from jryans/move-non-feather-icons
Move non-feather icons out of feather dir
2019-02-27 13:08:23 +00:00
J. Ryan Stinnett
404c60fb0e Keep registration spinner inside the auth modal
The spinner was taking on the full height of the modal and escaping off the
page. This keeps it contained inside the modal.

Fixes https://github.com/vector-im/riot-web/issues/8661
2019-02-27 11:21:39 +00:00
J. Ryan Stinnett
4b340450b9 Rename Feather icon directory to feather-customised
These icons are based on Feather as the original source, but they have various
tweaks applied, such as stroke width, color, etc. Hopefully the tweaked name
makes this more obvious in the future.
2019-02-27 10:42:10 +00:00
J. Ryan Stinnett
1a89a4e87d Move logos out of feather dir
These clearly aren't from the Feather set.
2019-02-26 20:41:33 +00:00
J. Ryan Stinnett
3b3f0ea957 Move E2E icons out of feather dir
They appear to all be created by Nad, according to
https://github.com/matrix-org/matrix-react-sdk/pull/2557.
2019-02-26 20:31:32 +00:00
J. Ryan Stinnett
426bdafe22
Merge pull request #2672 from jryans/password-validation
Report validity state of all registration fields on any change
2019-02-26 18:20:38 +00:00
Bruno Windels
0a404d5adc
Merge pull request #2702 from matrix-org/nadonomy/room-list
Normalise room list font weight, bold unreads
2019-02-26 10:43:21 +01:00
Travis Ralston
18b27a72d8
Merge pull request #2692 from matrix-org/t3chguy/room_context_menu_settings
Settings button in Room Context Menu
2019-02-25 20:28:38 -07:00
Michael Telatynski
8d149575ea Merge branches 'develop' and 't3chguy/room_context_menu_settings' of github.com:matrix-org/matrix-react-sdk into t3chguy/room_context_menu_settings 2019-02-25 23:12:06 +00:00
Michael Telatynski
d4b6ce6932 Apply PR feedback, don't change room to go to its settings
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-02-25 23:08:51 +00:00
Michael Telatynski
dd9077f1e4 Merge branches 'develop' and 't3chguy/pretty_Devtools' of github.com:matrix-org/matrix-react-sdk into t3chguy/pretty_Devtools 2019-02-25 22:39:37 +00:00
Michael Telatynski
56d58f8600 make better use of space
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-02-25 22:38:33 +00:00
Michael Telatynski
5bdd61111d Fix textareas
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-02-25 22:12:06 +00:00
Nad Chishtie
88dfd3287f Normalise room list font weight and make bold when there are unreads. 2019-02-25 11:02:27 -07:00
Travis Ralston
4801b25f77 Merge remote-tracking branch 'origin/develop' into travis/settings-cleanup-1 2019-02-25 09:40:50 -07:00
Travis Ralston
2b9b07c29d
Merge pull request #2696 from matrix-org/t3chguy/pretty_view_source
make ViewSource less awkward
2019-02-24 17:55:07 -07:00
Michael Telatynski
7b88d5d21c make ViewSource less awkward
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-02-24 03:43:44 +00:00
Michael Telatynski
fa5f1df194 Fix z ordering of the overflow tile
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-02-24 03:18:21 +00:00
Travis Ralston
bd54a401bc Sort settings tabs into a logical structure
Fixes https://github.com/vector-im/riot-web/issues/8864
2019-02-22 11:33:03 -07:00
Travis Ralston
2903a0e712 Rework EditableItemList to support mxField
Also improves upon the general UX to be a bit friendlier for direct manipulation things.
2019-02-21 15:22:08 -07:00
Bruno Windels
ab9bf4c0e0
Merge pull request #2666 from matrix-org/bwindels/userview
Bring back user view
2019-02-21 16:05:03 +01:00
J. Ryan Stinnett
8e32798f45 Ensure fields with errors are clearly visible
Until we have better validation, let's at least ensure fields with errors are
properly marked via color.
2019-02-21 14:44:39 +00:00
Bruno Windels
ef704085f9 remove display: flex declarations now present on mx_MainSplit itself 2019-02-21 10:50:41 +01:00
Bruno Windels
b364c9cb8e update copyright header 2019-02-21 10:50:30 +01:00
J. Ryan Stinnett
567280ae3d Remove unreferenced images
Now that images flow through a build step, it's easy to spot which ones aren't
actually used. To determine this, I built Riot with the hash in file names
disabled, and then used a directory compare tool to look for all images in the
SDK that did not make it into the Riot build.

Fixes https://github.com/vector-im/riot-web/issues/8158
2019-02-20 18:33:00 +00:00
Bruno Windels
f11505a9de bring back user page
Adds a UserView that contains a MainSplit with an empty div
and a RightPanel, preset to the given member.

UserView fetches the profile and creates a fake member, which
it passed on to the RightPanel.

this doesn't use the view_user action on purpose, to avoid any
interference of the UserView when trying to view a room member.
2019-02-20 12:45:55 +01:00
Aaron Raimist
c16791814e
Set event-sending-color in dark theme
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2019-02-19 19:58:11 -06:00
J. Ryan Stinnett
edf10dbdde
Merge pull request #2659 from jryans/dark-theme-more-2
Dark theme follow ups round 2
2019-02-19 17:51:29 +00:00
J. Ryan Stinnett
e7a84b33e8
Merge pull request #2653 from matrix-org/benp/prevent-accidental-username-clicking
make mx_SenderProfile inline-block, reduces clickable area around usernames
2019-02-19 12:26:27 +00:00
J. Ryan Stinnett
b7cb16242b Tweak light theme color values 2019-02-19 11:49:49 +00:00
J. Ryan Stinnett
5fb990eb5f Convert Markdown button to SVG mask
This makes it easier to theme via CSS, which helps with the dark theme.
2019-02-18 18:26:52 +00:00
J. Ryan Stinnett
09ed795c79 Allow theming member info minimise button 2019-02-18 16:02:10 +00:00
J. Ryan Stinnett
19977b052f Add new var for dark panel bg color 2019-02-18 13:50:17 +00:00
J. Ryan Stinnett
fdd88b60a6 Lift panel input styling up to common 2019-02-18 13:43:18 +00:00
J. Ryan Stinnett
98a3ecbcb5 Tweak placeholder styles to also affect member search 2019-02-18 13:34:25 +00:00
J. Ryan Stinnett
96f1538420 Remove bad syntax for input placeholder styles 2019-02-18 12:20:47 +00:00
J. Ryan Stinnett
3475b6faed Remove light styles that duplicate common 2019-02-18 12:19:46 +00:00
J. Ryan Stinnett
e16f29b1e0 Use darker color of photo lightboxes for dialogs on dark theme 2019-02-18 12:14:55 +00:00
J. Ryan Stinnett
52bd1edd72 Tweak room and group pill color for dark theme 2019-02-18 11:41:23 +00:00
J. Ryan Stinnett
402992cee4 Adjust add room button for dark theme 2019-02-18 11:34:25 +00:00
J. Ryan Stinnett
c490606f15 Revert back to previous base color on dark theme 2019-02-18 11:34:25 +00:00
J. Ryan Stinnett
fa3662257d Tweak widget bar color for dark theme 2019-02-18 11:34:25 +00:00
Aaron Raimist
9318c4ec78
Update dark theme bg-color to show hover effect on messages
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2019-02-16 12:55:35 -06:00
Travis Ralston
25525f93d2
Merge pull request #2655 from aaronraimist/fix-pre-dark
Make pre use the same text color as code
2019-02-16 11:36:26 -07:00
Aaron Raimist
9bc0ae7fc5
Add comment
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2019-02-16 12:28:42 -06:00
Travis Ralston
b27f3688f1
Merge pull request #2649 from AndrewJDR/reinstate_lowered_opacity_for_offline_avatars
Bring back the lowered opacity for offline/unavailable avatars.
2019-02-15 22:42:25 -07:00
Aaron Raimist
459f9d4fbc
Set h3-color in dark theme
This is things like "INVITED" in memberlist

Signed-off-by: Aaron Raimist <aaron@raim.ist>
2019-02-15 21:56:47 -06:00
Aaron Raimist
eb908dbd0d
Make pre use the same text color as code
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2019-02-15 21:38:49 -06:00
Ben Parsons
3f8ff77b7e make mx_SenderProfile inline-block, stops accidental name inserting 2019-02-15 15:55:16 +00:00
J. Ryan Stinnett
91c91c5ca9 Restore previous redacted message look in dark theme 2019-02-15 15:15:23 +00:00
Bruno Windels
d40da42268
Merge pull request #2647 from matrix-org/bwindels/e2eiconwholeeventhover
highlight e2e icon on event when hovering whole event
2019-02-15 15:26:20 +01:00
Bruno Windels
7ce8ab0fd0 Merge branch 'master' into develop 2019-02-15 13:53:29 +01:00
Bruno Windels
c39c0e4834 fix for the ... button not being aligned for group invite tiles 2019-02-15 13:07:33 +01:00
Andrew Johnson
85930fca70 Bring back the lowered opacity for offline/unavailable avatars.
At some point during the riot redesign, the bit of css that lowered the opacity for offline/unavailable contacts
was removed. This makes it impossible to discern presence for a contact unless you hover your cursor over their
avatar.

It's very handy to be able to see presence at a glance without any hovering, so this PR reintroduces the lowered opacity.
I've also slightly decreased the opacity level from 0.66 to 0.5 to make it slightly more noticable.
2019-02-15 03:31:55 -08:00
Bruno Windels
840f3cede8 highlight e2e icon on event when hovering whole event 2019-02-14 18:04:15 +01:00
Nad Chishtie
eec761a921
Merge pull request #2633 from matrix-org/nadonomy/icon-diet
Skinnified more icons
2019-02-14 16:53:58 +00:00
J. Ryan Stinnett
df5f0601aa
Merge pull request #2641 from matrix-org/dbkr/remove_welcome_from_topleft
Remove 'welcome' from top-left menu
2019-02-14 16:40:39 +00:00
Travis Ralston
96619afc7c Fix icons being cut off in settings
Fixes https://github.com/vector-im/riot-web/issues/8578
2019-02-14 09:09:07 -07:00
Bruno Windels
ae945eaf12
Merge pull request #2642 from matrix-org/bwindels/e2eiconhover
make e2e icons on message transparent
2019-02-14 17:06:02 +01:00
Bruno Windels
84b53faf9e make e2e icons on message transparent 2019-02-14 17:00:47 +01:00
David Baker
7845a63506 Remove 'welcome' from top-left menu
Tjis is quite confusing as the welcome page is designed for when
you're not logged in, ie. has a sign-in button. There's also no way
to get back into the app so it really looks like it's logged you
out.

Reverts 116367fd69
2019-02-14 15:53:52 +00:00
Bruno Windels
89792459ff fix close button being half off screen 2019-02-14 16:51:45 +01:00
Nad Chishtie
9aa3640e93 Tweaked more icons. 2019-02-13 19:44:45 +00:00
J. Ryan Stinnett
694a59afb7
Merge pull request #2628 from jryans/adjust-top-left-menu
Adjust top left menu items
2019-02-13 17:38:08 +00:00
J. Ryan Stinnett
ed0fc12f98 Tweak stroke width 2019-02-13 16:17:40 +00:00
J. Ryan Stinnett
116367fd69 Add welcome to top left menu for all 2019-02-13 16:13:32 +00:00
Nad Chishtie
4aa0f56b06 Normalised icon strokes to 1px 2019-02-13 16:11:18 +00:00
J. Ryan Stinnett
22789ada94 Add sign in to top left menu for guests 2019-02-13 16:01:13 +00:00
J. Ryan Stinnett
422750082d Tweak pill bg color for dark theme 2019-02-13 15:11:29 +00:00
J. Ryan Stinnett
5f6907c85e Improve gradients for Safari 2019-02-13 15:06:40 +00:00
J. Ryan Stinnett
f64f39f773 Tweak box shadow on dark theme 2019-02-13 15:06:40 +00:00
J. Ryan Stinnett
93324896f3 Force authpage to act like light theme 2019-02-13 14:24:03 +00:00
J. Ryan Stinnett
feb92957c0 Use notice colors for E2E icons 2019-02-13 14:05:45 +00:00
J. Ryan Stinnett
4409636c0b Tweak panel button divider color 2019-02-13 13:57:59 +00:00
J. Ryan Stinnett
fb4fd54f6f Stop gradients at panel bg color 2019-02-13 13:48:56 +00:00
J. Ryan Stinnett
c8edd6b417 Route header panel bg color to left and right panels 2019-02-13 13:17:50 +00:00
J. Ryan Stinnett
e09963cdfb Tweak dark theme color values 2019-02-13 13:10:55 +00:00
Matthew Hodgson
4c56b45a9f back out bold unread 2019-02-13 12:46:08 +00:00
Matthew Hodgson
8464155663 fix topic & room name alignment in header 2019-02-13 12:16:09 +00:00
J. Ryan Stinnett
e6f9b7a109
Merge pull request #2619 from matrix-org/jryans/dark-theme-redesign
Add redesigned dark theme
2019-02-13 11:45:30 +00:00
J. Ryan Stinnett
59b58cbbac Restore highlighted right panel marker 2019-02-13 11:31:30 +00:00
Will Hunt
c9e11050f2
Merge pull request #2610 from matrix-org/hs/weighting-for-rooname
Fix mx_RoomTile_name weighting
2019-02-13 11:24:05 +00:00
J. Ryan Stinnett
1359ac62cb Tweak header divider line 2019-02-13 10:52:03 +00:00
J. Ryan Stinnett
7bad8d594d Move common input styles out of themes 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
72f1b79b1d Tweak create key backup input for dark theme 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
b13baf8926 Tweak start a chat for dark theme 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
a7bae30837 Tweak create community for dark theme 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
932b377dc5 Restore color inversion from old dark theme 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
b0d08b9a25 Rename dharma theme to light theme 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
6c954dadc8 Allow theming message composer buttons 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
e1edd56643 Allow theming group header buttons 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
3cba5edd6f Allow theming right panel header buttons 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
8652a094f3 Allow theming room header buttons 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
c00495304f Explicit color for tagpanel buttons 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
d7fb39fd08 First pass at dark theme colors 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
fe364d4140 Update global colors in default theme 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
f2db509394 Update username variants 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
6e2cef10d9 Remove incorrect unused comment 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
dda755dd5a Fix up syntax in default theme 2019-02-13 10:47:04 +00:00
J. Ryan Stinnett
3b200705ed Remove light theme 2019-02-13 10:47:04 +00:00
Bruno Windels
de8cd88418
Merge pull request #2621 from matrix-org/bwindels/tabsdivider
Add divider between tabs and regular buttons in room header
2019-02-13 11:00:52 +01:00
Bruno Windels
875f792728
Merge pull request #2620 from matrix-org/bwindels/e2eiconsanddialog
Fixes and styling related to e2e icons and dialogs
2019-02-13 09:18:58 +01:00
Bruno Windels
12b6383831
Merge pull request #2618 from matrix-org/bwindels/fixstickers
Fix: stickers layout
2019-02-13 09:17:21 +01:00
Bruno Windels
27a5211239
Merge pull request #2616 from matrix-org/bwindels/settingstoggle
Fix: dont assume settings label only has one line
2019-02-13 09:17:03 +01:00
Bruno Windels
5047d15a3b
Merge pull request #2615 from matrix-org/bwindels/breadcrumbs
Labs feature: recent room breadcrumbs
2019-02-13 09:16:40 +01:00
Matthew Hodgson
914b3e70d5 make warning triangle less random 2019-02-12 20:03:37 +00:00
Will Hunt
e2cecad535
Update _RoomTile.scss 2019-02-12 19:21:31 +00:00
Bruno Windels
ccaa017980 add divider between tabs and regular buttons in room header 2019-02-12 20:05:01 +01:00
Bruno Windels
4d3cc0a53f fix e2e icon top offset in compact mode 2019-02-12 19:14:46 +01:00
Bruno Windels
3b10b8042a restyle unknown devices dialog 2019-02-12 18:34:35 +01:00
Bruno Windels
92668628ec fix sticker layout 2019-02-12 16:55:37 +01:00
Will Hunt
946a910692
Probably could reduce it to this? 2019-02-12 12:06:53 +00:00
Will Hunt
56bb6c870a
You are no longer needed 2019-02-12 12:06:23 +00:00
Bruno Windels
108cd6d671 dont assume settings label only has one line 2019-02-12 12:50:23 +01:00
Bruno Windels
24cb46a991 should be on the left with animations so the animate class can clear it 2019-02-12 12:22:50 +01:00
Bruno Windels
229d905835 copyright 2019-02-12 12:21:40 +01:00
Bruno Windels
2315e4bfb4 add animation when adding a room 2019-02-12 12:16:56 +01:00
David Baker
c2247cdc67
Merge pull request #2613 from matrix-org/dbkr/sas_profile
Add display name / avatar to incoming sas dialog
2019-02-12 10:48:49 +00:00
Bruno Windels
5efd92f3ec make rooms come in from left rather than the right 2019-02-12 11:26:46 +01:00
Bruno Windels
aaea40a93d add breadcrumbs component 2019-02-12 11:04:25 +01:00
David Baker
99ae63c021 Add display name / avatar to incoming sas dialog
Fetch the other user's profile & display it on an incoming verification
request
2019-02-11 15:57:34 +00:00
Travis Ralston
e7e322d513
Merge pull request #2604 from matrix-org/travis/settings/scale-up
Scale up settings UI to be easier to read
2019-02-11 07:58:10 -07:00
Will Hunt
4a46a3e4e0
Fix mx_RoomTile_name weighting 2019-02-11 13:54:52 +00:00
Will Hunt
119806bdbd
!important shouldn't have a space
I wonder if this is making SCSS choke.
2019-02-11 13:31:06 +00:00
Matthew Hodgson
84082ebb34 fix horizontal CSS scrollbars on webkit 2019-02-10 22:35:37 +00:00
Travis Ralston
60950b258a Scale up settings UI to be easier to read
Part of https://github.com/vector-im/riot-web/issues/8207
2019-02-08 15:23:14 -07:00
David Baker
742af81224
Merge pull request #2594 from matrix-org/dbkr/dont_verify_restore
Prompt to restore backup rather than verify
2019-02-08 17:49:04 +00:00
David Baker
a00c803f8d
Merge pull request #2600 from jryans/update-avatar-colors
Update avatar colors
2019-02-08 17:41:39 +00:00
J. Ryan Stinnett
69af0b82c8 Update avatar colors 2019-02-08 17:34:01 +00:00
Travis Ralston
0ca6ea20d9
Merge pull request #2591 from matrix-org/travis/settings/disable-topic
Render disabled mxField textareas as disabled
2019-02-08 10:28:34 -07:00
David Baker
f99c56fedb
Merge pull request #2597 from matrix-org/jryans/add-welcome-page
SDK support for welcome page
2019-02-08 17:17:22 +00:00
Travis Ralston
debac60980 Include input and select labels in disabled stlyes 2019-02-08 09:52:14 -07:00
David Baker
9b4a6cf442 Make prettier 2019-02-08 16:27:25 +00:00
Travis Ralston
cf1366635f Merge branch 'develop' into travis/settings/disable-topic 2019-02-08 09:25:51 -07:00
David Baker
ae16cc36aa Change SAS to decimal / emoji
Requires https://github.com/matrix-org/matrix-js-sdk/pull/837
2019-02-08 14:57:36 +00:00