Jorik Schellekens
6cf9166c4a
Use variables for the rem values.
...
It's become obvious that these random floating points everywhere
are unwieldy. Now they're all in one place with some fairly logical
variable names which will help out in design->implementation phase.
2020-03-31 15:26:23 +01:00
Michael Telatynski
9e8a401dc8
Fix EventListSummary when RR rendering is disabled
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-31 12:29:58 +01:00
Travis Ralston
8bc86deaaa
Appease the style linter
2020-03-30 20:23:34 -06:00
Travis Ralston
ffa75ef48c
Wire up all the dialog parts for SSO, using device deletion as a POC
2020-03-30 20:03:46 -06:00
Jorik Schellekens
da34e6241d
Make all 'font-size's and 'line-height's rem
...
Font size of the whole app would ideally be controlled by a single
value. This value is currently hard coded using the :root CSS selector.
It is the intention to make this value configurable within riot. In the
interim all font-sizes have been converted to rem by the simple process
of regex. Replacing px values with their equivalent rem values assuming
a font size of 15px and then rounded to three decimal places, which was
the base at the time of this transformation.
I'm expecting another commit cleaning up rem values but I thought it
best to leave that to review.
This commit doesn't address any scaling issues. I thought it better to
land this unwieldy, mechanical, invisible change before the others
otherwise the pr would be impossible to review thoroughly.
2020-03-30 18:23:46 +01:00
Bruno Windels
2278a724aa
Merge pull request #4283 from matrix-org/bwindels/cancelverifypanel
...
Add cancel button to verification panel
2020-03-27 10:20:02 +00:00
Bruno Windels
a2737899c1
Merge pull request #4276 from matrix-org/bwindels/transparentscrollbars
...
Fix: allow scrolling while window is not focused & remove scrollbar hack
2020-03-27 10:16:53 +00:00
Bruno Windels
4f3842d75e
pick color similar to chevron for cancel X button
2020-03-26 16:58:17 +01:00
Bruno Windels
9b54d15fcd
add cancel button to verification panel
2020-03-26 16:53:46 +01:00
Zoe
04849f7f0d
incorporated design feedback
2020-03-26 13:47:32 +00:00
Zoe
9c392ce8bb
Merge branch 'develop' into foldleft/better-errors
2020-03-26 13:38:50 +00:00
Bruno Windels
2186023e43
css adjustments because mx_AutoHideScrollBar_offset was removed
2020-03-26 11:17:35 +01:00
David Baker
327b3c860b
Adding the files would help
2020-03-25 18:47:57 +00:00
Michael Telatynski
75c3a10bfa
Merge branches 'develop' and 't3chguy/shortcuts1' of github.com:matrix-org/matrix-react-sdk into t3chguy/shortcuts1
2020-03-20 15:57:25 +00:00
Michael Telatynski
1c0c3c4695
Watch for show-RR settings changes, use room-specific and fix margins
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-20 09:29:59 +00:00
Michael Telatynski
7d28137cfd
Merge branches 'develop' and 't3chguy/shortcuts1' of github.com:matrix-org/matrix-react-sdk into t3chguy/shortcuts1
2020-03-19 19:18:20 +00:00
Michael Telatynski
578b3f2b97
Improve Keyboard Shortcuts. Add alt-arrows & alt-shift-arrows.
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-19 19:07:33 +00:00
Michael Telatynski
f14257926e
RoomPreviewBar word-break the sender name too
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-19 15:24:28 +00:00
Michael Telatynski
d593a76f28
Merge branches 'develop' and 't3chguy/kbd' of github.com:matrix-org/matrix-react-sdk into t3chguy/kbd
2020-03-18 20:41:13 +00:00
Michael Telatynski
1d5001544c
Improve colouring
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-18 17:32:36 +00:00
Michael Telatynski
9cda84c675
fix kbd background colour
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-18 16:54:46 +00:00
Michael Telatynski
cad28c81c0
Add Keyboard shortcuts dialog
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-18 16:40:21 +00:00
Michael Telatynski
42ee157645
Merge pull request #4217 from matrix-org/t3chguy/gemini
...
Remove Gemini Scrollbars
2020-03-18 14:03:51 +00:00
Michael Telatynski
ef79492f2c
Merge pull request #4209 from matrix-org/t3chguy/redesign/room_directory
...
Room Directory Explore Servers redesign
2020-03-18 11:51:42 +00:00
Bruno Windels
e8c77543f9
Merge pull request #4221 from matrix-org/bwindels/aliaslipstick
...
Fix: make alternative addresses UX less confusing
2020-03-17 10:55:36 +00:00
Bruno Windels
351398ada9
fix style lint
2020-03-16 18:34:09 +01:00
Bruno Windels
3253d0b93d
more margin between published and local addresses
2020-03-16 18:30:40 +01:00
Bruno Windels
78fb95aa9e
change <details> appearance for local aliases
2020-03-16 18:24:49 +01:00
Bruno Windels
db10fcd2b7
make editable list look like something closer to design
2020-03-16 17:29:35 +01:00
Bruno Windels
f7eecc0921
avoid double margin-right for toggle
2020-03-16 17:29:15 +01:00
Michael Telatynski
454b32400d
improve width
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-16 12:12:59 +00:00
Michael Telatynski
82a37ba0ad
Fix styling of NetworkDropdown dialogs
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-16 12:00:56 +00:00
Michael Telatynski
1b933b7bfe
remove UnknownDeviceDialog gemini specific css
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 23:54:13 +00:00
Michael Telatynski
b68d4583d1
migrate UnknownDeviceDialog away from Gemini
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 23:49:28 +00:00
Michael Telatynski
a9f414dafe
Remove unused SearchableEntityList.js
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 23:23:23 +00:00
Michael Telatynski
4de0e21a4b
fix styling mistakes
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 15:28:22 +00:00
Michael Telatynski
84332184b5
no need to await here as settings take a while to effect, we watch them elsewhere
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 14:50:41 +00:00
Michael Telatynski
af368a4736
Improve accessibility
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 14:38:36 +00:00
Michael Telatynski
9237cf9566
update font sizes
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 14:19:38 +00:00
Bruno Windels
b83c1d04e7
wrap room name in room preview bar
2020-03-13 13:59:56 +01:00
Michael Telatynski
5a27fa7d97
fix styling of server name in handle
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 00:18:53 +00:00
Michael Telatynski
359b07b8ef
allow it to expand for longer content
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 00:11:09 +00:00
Michael Telatynski
343403f1ef
clean up
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 00:09:56 +00:00
Michael Telatynski
86e53ea2c3
Initial attempt to redesign explore servers in room directory
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 00:02:50 +00:00
Travis Ralston
f33c930c41
Revert "Merge pull request #3892 from krkc/move-read-receipts-to-bottom"
...
This reverts commit 191abb5b0d
.
2020-03-10 11:28:52 -06:00
Bruno Windels
c5e62ec0ef
Merge pull request #4187 from matrix-org/bwindels/altaliases
...
Allow editing of alt_aliases according to MSC2432
2020-03-10 12:45:16 +00:00
J. Ryan Stinnett
c541bc0705
Fix mark as read button for dark theme
...
This changes the mark as read button to a mask image so that it can be themed
like other images.
Fixes https://github.com/vector-im/riot-web/issues/12640
2020-03-09 17:34:17 +00:00
Bruno Windels
8ee714f86d
show hand cursor over summary
2020-03-09 16:50:48 +01:00
Travis Ralston
1975a8e082
Merge branch 'develop' into move-read-receipts-to-bottom
2020-03-05 17:13:24 -07:00
Travis Ralston
fcc28c4d4d
Merge pull request #4159 from mstriemer/mark-as-read-button
...
Include a mark as read X under the scroll to unread button
2020-03-05 11:01:12 -07:00
J. Ryan Stinnett
3c2f4a5c42
Merge pull request #4129 from matrix-org/benp/add-security-disclosure-link
...
link to matrix.org/security-disclosure-policy in help screen
2020-03-05 14:47:02 +00:00
Ben Parsons
a6882cece1
increase margin between Settings sections
2020-03-05 14:10:44 +00:00
Mark Striemer
07348a65ad
Include a mark as read X under the scroll to unread button
2020-03-02 13:59:14 -06:00
Michael Telatynski
4996139b1a
word-break in pills and wrap the background correctly
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-02-29 01:56:02 +00:00
Michael Telatynski
1875bf4bfe
remove the first preference section's margin
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-02-26 23:18:01 +00:00
Michael Telatynski
6a66c4162b
Space preference sections out more significantly to make the section headers obvious
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-02-26 23:16:27 +00:00
Michael Telatynski
2ce006a9ea
delint css
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-02-26 13:48:22 +00:00
Michael Telatynski
c4ce9a310e
Limit UserInfo Displayname to 3 lines to get rid of scrollbars and ugliness
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-02-26 13:44:35 +00:00
Zoe
0d03a8791d
style lint
2020-02-25 10:20:42 +00:00
Zoe
3302469a2b
Catch errors sooner so users can recover more easily
2020-02-24 18:04:11 +00:00
Travis Ralston
d2e7cc7f19
Merge branch 'develop' into feature/padLockInviteOnly
2020-02-24 09:50:06 -07:00
Zoe
0663ab3b87
lint, and detect new requests
2020-02-24 10:17:33 +00:00
Zoe
72789897a0
Quick n dirty verificatio request viewer in devtools
2020-02-21 17:15:53 +00:00
rtestard
650f412acb
I have added a new line at the end of the scss file
2020-02-19 10:15:58 +01:00
J. Ryan Stinnett
b46af07752
Merge pull request #4051 from TestardR/feature/WhoIsTyping
...
Fix uncentered letter inside avatar for currently typing users
2020-02-12 15:36:02 +00:00
unknown
078401c58f
I have reverted and used the styling a bit higher in the DOM
2020-02-11 20:06:07 +01:00
unknown
3da630beb8
I have removed problematic ligns
2020-02-10 21:38:31 +01:00
Bruno Windels
0e0b0e8d09
fix css lint
2020-02-10 16:19:27 +01:00
Bruno Windels
9059f00b29
move css to correct file
...
Move the CSS for the dialog layout used in VerificationPanel to
_VerificationPanel.scss,
and delete the latter as it doesn't have any css of it's own anymore
2020-02-10 16:19:27 +01:00
Bruno Windels
a865cfb013
put encryption in a proper dialog with close button
2020-02-10 16:19:27 +01:00
Bruno Windels
d9b7b28e5a
add css hacks to make EncryptionPanel look ok in Dialog
...
for the sas and verified phase
2020-02-10 16:19:27 +01:00
Travis Ralston
469d533964
Apply some CSS
2020-02-10 16:19:27 +01:00
Michael Telatynski
0393a57b5a
fix submit button disabled breaking async task
2020-02-09 14:49:54 +00:00
unknown
06ba55e1a1
I have made changes according to turt2live recommandations, mainly css indentation and variable definition
2020-02-09 15:05:08 +01:00
J. Ryan Stinnett
a4228907a6
Merge pull request #4037 from matrix-org/jryans/scroll-up-pointer
...
Let pointer events fall through to scroll button
2020-02-06 13:52:14 +00:00
J. Ryan Stinnett
b522d78533
Let pointer events fall through to scroll button
...
This makes it easier to click the entire visible area of the scroll button,
including the green circle at the top.
2020-02-05 12:43:50 +00:00
rtestard
153703426a
I have removed the newline at the end of file to pass tests
2020-02-04 16:02:49 +01:00
rtestard
f023bcfd63
I have modified padlocks styling when the left panel is collapsed
2020-02-04 15:05:26 +01:00
unknown
20fc8514a5
I have added spacing, as devices are very hard to read otherwise
2020-02-02 18:47:16 +01:00
unknown
aa52118fa1
the width was not properly set to other languages than english, a min-width will keep the proper size of the button while leaving some room for more word expensive languages such as french
2020-02-02 17:31:06 +01:00
J. Ryan Stinnett
ffc3cdf7b5
Tweak emoji sizes
2020-02-01 13:49:11 +01:00
David Baker
9d343a4705
Merge pull request #4018 from matrix-org/dbkr/truncate_sas
...
Truncate SAS emoji labels to fit
2020-01-31 16:23:50 +00:00
David Baker
29024c5172
Truncate SAS emoji labels to fit
...
This keeps the layout of the emoji fixed as much as possible.
Other changes:
* Fix width of each emoji container to static 52px
* Bump minimum width of right panel from 250px to 264px to match the
width in the figma
* Use normal font-weight for labels as per design
* Smaller vertical gap between emojis, again to match design
2020-01-31 15:28:58 +00:00
David Baker
2dbceca8b3
Fix size of invite only icon
...
So it doesn't become tiny with long room names
Fixes https://github.com/vector-im/riot-web/issues/12168
2020-01-31 13:46:42 +00:00
J. Ryan Stinnett
68b2454920
Merge pull request #4006 from matrix-org/jryans/user-list-deco
...
Add shields to member list, move power label to text
2020-01-31 10:20:13 +00:00
David Baker
24075dc248
Merge pull request #4005 from matrix-org/dbkr/encryption_events
...
Make encryption events into bubble-style tiles
2020-01-31 10:20:03 +00:00
J. Ryan Stinnett
31476737ea
Enforce a max width on power labels
2020-01-31 10:11:34 +00:00
J. Ryan Stinnett
6f6d6b096a
Ensure QR code, verified hero are centered
2020-01-30 22:43:14 +00:00
J. Ryan Stinnett
3ef7e5113b
Move power label to right of name
...
The power label is shown to the right of the name, but hidden on hover.
Part of https://github.com/vector-im/riot-web/issues/11940
2020-01-30 22:09:57 +00:00
J. Ryan Stinnett
5933bd15b1
Remove strange size change on member hover
...
Unclear why this is here, but removing as it feels quite glitchy, esp on
matrix.org where there's no second line to print.
2020-01-30 21:46:49 +00:00
J. Ryan Stinnett
57c4293fc6
Add verification status icons to room members
...
This displays verification status on each room member tile using the same shield
logic as elsewhere.
Part of https://github.com/vector-im/riot-web/issues/11940
2020-01-30 21:38:40 +00:00
David Baker
39e9bffe1f
Make encryption events into bubble-style tiles
...
Factors out the verification tile stuff into encryption event
styles so we can reuse them betwen all the encryption event tiles.
Also makes the event list summary stuff even more gnarly by
putting the encryption event tile above the group. We really need
to refactor that. :/
Fixes https://github.com/vector-im/riot-web/issues/12006
2020-01-30 20:03:26 +00:00
J. Ryan Stinnett
bae35c0859
Change power icon to label instead
2020-01-30 16:40:25 +00:00
David Baker
77618d30fd
Actually this is green because it's a link
...
not because the things were verified. Use the linkButton class
2020-01-30 16:08:42 +00:00
David Baker
0956d00637
Make shields in UserInfo black if user isn't verified
2020-01-30 15:59:03 +00:00
Michael Telatynski
ea0fafc4e9
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into t3chguy/olympics
2020-01-29 22:55:02 +00:00
Michael Telatynski
afecaa1662
fix left margins in UserInfo
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-01-29 22:54:56 +00:00
Michael Telatynski
d17a2ff80c
clean up unused CSS rules
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-01-29 22:54:45 +00:00
Michael Telatynski
33ec73095e
Apply the Olympic effect to SAS Emoji Verification
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-01-29 22:44:49 +00:00
Michael Telatynski
a180dddc66
Pass an ID to the <Field/> as needed and fix div inside p nesting
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-01-29 22:31:19 +00:00