Michael Telatynski
d5f2d43429
Improve Tooltip font/layout consistency
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 15:15:00 +01:00
Swapnil Raj
1195c09f5c
Increase width for country code dropdown
2020-07-16 19:11:52 +05:30
Michael Telatynski
9f199758b9
restore old tooltip positioning (right) instead of (above) for timeline tooltips
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-14 13:00:25 +01:00
Michael Telatynski
cd2f323002
re-add text-align center
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 23:18:33 +01:00
Michael Telatynski
646c5d4a64
Replace timeline tooltips to match breadcrumb tooltips
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 23:14:00 +01:00
Michael Telatynski
33422f1744
Switch out Labs spinner to be the Flow-generated from Design
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 17:39:57 +01:00
Michael Telatynski
5a542281ed
Make Styled Radio Button outlines default-off
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-03 19:27:45 +01:00
Jorik Schellekens
aab372c648
Add tooltips
2020-07-01 01:50:31 +01:00
David Baker
21c5c745c1
Merge pull request #4831 from matrix-org/dbkr/recovery_key_passphrase_2
...
Implement new design on security setup & login
2020-06-30 17:55:03 +01:00
Michael Telatynski
cf3c914382
Merge branches 'develop' and 't3chguy/notifications0' of github.com:matrix-org/matrix-react-sdk into t3chguy/notifications0
2020-06-26 15:35:36 +01:00
Michael Telatynski
72035c8078
Make <ProgressBar /> relevant again
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 14:19:58 +01:00
David Baker
f4460ca78f
Merge remote-tracking branch 'origin/develop' into dbkr/recovery_key_passphrase_2
2020-06-26 13:12:06 +01:00
David Baker
bf45cb0588
PR feedback: re-order CSS & add underscore
2020-06-26 11:24:07 +01:00
Andrew Morgan
e790a31f09
Include newline at end of _InlineSpinner.scss
2020-06-26 09:44:47 +01:00
Andrew Morgan
a2e33a2386
Prevent old InlineSpinner gif from spinning
2020-06-26 09:41:18 +01:00
Andrew Morgan
87f961df3f
Put behind a labs flag
2020-06-26 01:22:46 +01:00
Andrew Morgan
6ea5dc7b7c
Change the look of the spinner
2020-06-26 01:19:38 +01:00
Jorik Schellekens
41c59cc75e
Fix deactivated checked checkbox styling
2020-06-25 14:21:08 +01:00
David Baker
6ce8584337
Implement first screen (recovery key / passphrase choice)
2020-06-23 15:04:39 +01:00
Michael Telatynski
26e763d135
Fix Styled Checkbox and Radio Button disabled state
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-17 14:26:22 +01:00
Jorik Schellekens
2617ce5dd5
fix checkbox regression
2020-06-11 12:40:49 +01:00
Jorik Schellekens
b63d73e3b6
Merge pull request #4729 from matrix-org/joriks/appearance-tab
...
Move Settings flag to ts
2020-06-10 16:57:18 +01:00
Travis Ralston
60b5f2dbec
Merge pull request #4744 from matrix-org/joriks/radio-buttons-isolated
...
Add styled radio buttons
2020-06-10 07:27:17 -06:00
Jorik Schellekens
ab47e0ed24
lint lines
2020-06-10 13:49:03 +01:00
Jorik Schellekens
a2294a73a4
Make checkboxes a11y friendly
2020-06-10 13:41:34 +01:00
Jorik Schellekens
70fe7ce619
fix licensing info
2020-06-10 13:39:28 +01:00
Jorik Schellekens
8fc6289290
Use appearance instad of display for accessibility
2020-06-10 13:37:09 +01:00
Jorik Schellekens
3bea64e950
smaller margin
2020-06-10 13:06:17 +01:00
Jorik Schellekens
0fb6846c9d
Radio buttons
2020-06-10 13:03:00 +01:00
Jorik Schellekens
bd58f6ea7b
Hide checkbox on dark backgrounds
2020-06-08 17:38:07 +01:00
Jorik Schellekens
5bc756cba1
Fix checkbox bleed
2020-06-03 16:48:05 +01:00
Jorik Schellekens
66c0d53f3e
Create and use stylised checkboxes
2020-05-28 22:33:00 +01:00
Jorik Schellekens
6d9d4ee547
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into joriks/font-scaling-slider
2020-05-20 13:46:17 +01:00
Jorik Schellekens
3e30df17fb
Slider is more responsive
2020-05-20 13:07:33 +01:00
Michael Telatynski
47ff67c6be
Merge pull request #4586 from matrix-org/revert-4448-t3chguy/imageview
...
Revert "ImageView make clicking off it easier"
2020-05-14 17:31:37 +01:00
Michael Telatynski
d1c6f3099c
move styling to QRCode scss
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-14 11:20:06 +01:00
Jorik Schellekens
328bb7bcaf
Remove all animations
2020-05-13 15:24:08 +01:00
Michael Telatynski
52e3c97f8c
Revert "ImageView make clicking off it easier"
2020-05-13 06:36:14 +01:00
Michael Telatynski
3bb800bb81
Replace png flags with use of Twemoji
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-11 22:04:18 +01:00
Jorik Schellekens
33a5b5142d
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into joriks/font-scaling-slider
2020-05-07 18:01:20 +01:00
Jorik Schellekens
bab7d5f461
Some lints
2020-05-06 17:25:54 +01:00
Jorik Schellekens
a11812a402
Fix slider toggle regression.
2020-05-04 15:07:41 +01:00
Bruno Windels
8c28977c27
Merge pull request #4514 from JorikSchellekens/joriks/font-scaling-fixes
...
Fix pill vertical align
2020-04-29 10:07:44 +00:00
Jorik Schellekens
2e7ccf6e7a
Fix pill vertical align
2020-04-29 10:57:35 +01:00
Jorik Schellekens
1b83faaa8d
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into joriks/font-scaling-slider
2020-04-28 15:38:46 +01:00
Jorik Schellekens
cf05beb4b8
Merge pull request #4355 from JorikSchellekens/joriks/font-scaling-fixes
...
Fix scaling issues
2020-04-28 13:47:50 +01:00
Jorik Schellekens
a772d959a7
Remove redundent padding property and use em
2020-04-27 11:51:56 +01:00
Jorik Schellekens
669562b90c
Extra right padding in user pills
2020-04-27 11:51:56 +01:00
Jorik Schellekens
a0b610c576
Skinnier pills are easier to swallow
2020-04-27 11:51:56 +01:00
Jorik Schellekens
5dc7703740
Undo superfluous delete
2020-04-27 11:51:56 +01:00
Jorik Schellekens
c7c94933ee
Use font-variable instead of rem
2020-04-27 11:51:55 +01:00
Jorik Schellekens
6338325d5c
Use rem instead of em.
2020-04-27 11:51:55 +01:00
Jorik Schellekens
997fe62e5c
FIx lanugage selection alignment at scale.
2020-04-27 11:51:55 +01:00
Jorik Schellekens
0fe0d728f1
lint
2020-04-27 11:51:55 +01:00
Jorik Schellekens
633c6f6b5e
Fix settings when scaling up
2020-04-27 11:51:55 +01:00
Jorik Schellekens
f59bd538b4
Resize toggle switches with font
2020-04-27 11:51:55 +01:00
Jorik Schellekens
e2aef3a62b
Fix pills.
...
This was a hard pill to swallow
2020-04-27 11:51:54 +01:00
Michael Telatynski
4fc8fc9d6c
cap width of editable item list item to leave space for its X remove button
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-26 12:52:17 +01:00
Jorik Schellekens
a16fe09d42
Use em to detach slider from root font-size
2020-04-23 10:58:00 +01:00
Jorik Schellekens
98799611cf
Remove padding for alignment reasons
2020-04-23 10:45:48 +01:00
Jorik Schellekens
1486beeaf4
Make slider indpendent of settings styling
2020-04-23 10:45:48 +01:00
Jorik Schellekens
5f50facfba
Make slider independant of label size
2020-04-23 10:45:48 +01:00
Jorik Schellekens
9a585fee0a
Move slider themes
2020-04-23 10:45:48 +01:00
Jorik Schellekens
e10a511997
Extra right padding in user pills
2020-04-23 10:45:47 +01:00
Jorik Schellekens
fc04266b42
Skinnier pills are easier to swallow
2020-04-23 10:45:47 +01:00
Jorik Schellekens
18efbccceb
Undo superfluous delete
2020-04-23 10:45:47 +01:00
Jorik Schellekens
07853f48bb
Use font-variable instead of rem
2020-04-23 10:45:47 +01:00
Jorik Schellekens
c921859067
Use rem instead of em.
2020-04-23 10:45:47 +01:00
Jorik Schellekens
121b53f99a
FIx lanugage selection alignment at scale.
2020-04-23 10:45:47 +01:00
Jorik Schellekens
5caec2a289
lint
2020-04-23 10:45:47 +01:00
Jorik Schellekens
0182128189
Fix settings when scaling up
2020-04-23 10:45:47 +01:00
Jorik Schellekens
cc601e1595
Resize toggle switches with font
2020-04-23 10:45:47 +01:00
Jorik Schellekens
1ff0f3445a
Fix pills.
...
This was a hard pill to swallow
2020-04-23 10:45:46 +01:00
Michael Telatynski
80b8120bc3
Update login security copy and design to match Figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-22 22:32:02 +01:00
Michael Telatynski
4494c6cf2b
ImageView make clicking off it easier
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-20 11:21:51 +01:00
Michael Telatynski
4d91dc5bba
iterate pills in rich text styling
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-17 12:30:09 +01:00
Michael Telatynski
c3ff75d18f
Don't break spills over multiple lines, ellipsis them at max-1-line
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-17 11:04:52 +01:00
Michael Telatynski
81f501e844
disable language dropdown too
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-15 14:19:47 +01:00
Bruno Windels
368737cfd9
fix copyright
2020-04-14 17:41:06 +02:00
Bruno Windels
db09cadb66
remove spinner, change copy, add button placeholder
2020-04-14 17:19:15 +02:00
Jorik Schellekens
3ed457ea7d
Merge pull request #4305 from JorikSchellekens/joriks/font-scaling
...
Make all 'font-size's and 'line-height's rem
2020-04-02 17:40:39 +01:00
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
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
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
db10fcd2b7
make editable list look like something closer to design
2020-03-16 17:29:35 +01: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
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
Bruno Windels
309633181d
use FormButton in verification request tile too and dedupe styles
2019-11-22 16:32:50 +01:00
Bruno Windels
66cc68bae4
add new-styled button
...
might merge it later on with accessible button
2019-11-22 16:04:51 +01:00
Bruno Windels
edd5d3c915
make custom power level not grow too wide
2019-11-15 16:14:18 +01:00
Bruno Windels
b278531f2f
add IconButton as in design
2019-11-15 16:14:18 +01:00
J. Ryan Stinnett
2a5dc9bfac
Remove lint comments about no-descending-specificity
...
We have disabled the `no-descending-specificity` stylelint rule, so we no longer
need these block comments.
2019-11-08 16:35:42 +00:00
Michael Telatynski
6e33cc0650
Merge pull request #3433 from matrix-org/t3chguy/nvl/react16/EventListSummary
...
Summarise state events after room creation
2019-10-11 09:53:26 +01:00
Michael Telatynski
5643743167
Don't intercept TAB on the app outside of the composer, fix tabIndex > 0
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-10 14:13:29 +01:00
Michael Telatynski
34530843f4
Factor out generic EventListSummary from MELS
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-09 12:50:03 +02:00
J. Ryan Stinnett
0e8dc24c3f
Add a basic error boundary for the entire app
...
This adds a basic error boundary around the entire app to catch errors during
rendering and present the user with the options on how to proceed. This is not
implemented as a modal so that it could be used selectively in portions of the
app as well, such as just the `RoomView`.
Fixes https://github.com/vector-im/riot-web/issues/11009
2019-10-02 17:31:22 +01:00
Michael Telatynski
192dcbb31f
delint
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-09-27 09:14:29 +01:00
Michael Telatynski
8d1d3090f3
Improve keyboard accessibility using :focus-visible CSS polyfill
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-09-27 09:00:54 +01:00