dfcf701449
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2021-02-19 21:47:10 +02:00
cf5ec7720c
Merge pull request #5525 from SimonBrandner/fix-screen-sharing
...
Fix desktop Matrix screen sharing and add a screen/window picker
2021-02-08 13:54:51 +00:00
0e94d08d9a
Update SSO Twitter social branding to match guidelines
2021-02-02 17:29:19 +00:00
1ba0999915
Update SSO Facebook social branding to match guidelines
2021-02-02 17:19:18 +00:00
62712159f6
Merge pull request #5578 from matrix-org/t3chguy/sso_fixes
...
Improve SSO auth flow
2021-01-29 13:28:53 +00:00
0167c3cefb
Iterate SSO auth ux styling
2021-01-29 13:04:05 +00:00
2c2cf4c073
Update google branding
2021-01-29 11:42:34 +00:00
6b56d0b987
change value #2e2f32 to -primary-color
2021-01-29 15:54:40 +05:30
512ac5ef3b
fixed invisible text after logging out in the dark theme
2021-01-29 03:58:05 +05:30
34ae766893
Wire up MSC2858 brand attribute
...
For better brand adherance.
Also removes old support for https IdP icons.
2021-01-27 16:15:47 +00:00
e2abbf9a7c
Merge branch 'develop' into improve-image-view
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-01-23 08:12:32 +01:00
928ddeb718
Improve styling of SSO Buttons for multiple IdPs
2021-01-21 13:33:25 +00:00
b2850e11db
Merge remote-tracking branch 'upstream/develop' into fix-screen-sharing
2021-01-13 19:47:07 +01:00
b1010189be
Tabbed copyright link
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-01-05 20:41:33 +01:00
bb7e76f69e
Hopefully fixed copyrights
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-01-05 20:36:54 +01:00
8652c2e653
Fixed class names
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-01-05 19:49:09 +01:00
95d93d143e
Clean up the SCSS
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-28 08:38:29 +01:00
8ee65258be
Unfloat the MiniAvatarUploader "tooltip"
2020-12-27 21:13:01 +00:00
eff26600e8
Linting
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-26 18:33:23 +01:00
675ca58eef
Improve UI
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-26 16:56:25 +01:00
eae3c1c496
Get screen-sharing working, somehow
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-26 08:32:51 +01:00
6315c8ecef
Fix formatting
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 20:45:33 +01:00
0dff150bb2
Fix some more sizing issues
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 20:18:21 +01:00
cbfa6c5f94
Fix some sizing issues
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 20:15:25 +01:00
6758734593
Remove panel element
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 19:48:24 +01:00
7dd7aeffed
Remove imageBox
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 18:19:11 +01:00
f9884b1cc7
Implement translation
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 17:40:16 +01:00
8de019c054
Added some padding
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 12:16:05 +01:00
be9b68a4dd
Use height and width properties for scaling again
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-20 10:07:03 +01:00
ae25ff8216
Switched to scale
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-19 15:54:26 +01:00
633221f012
Center image
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-19 13:50:21 +01:00
b9f480a825
Remove flex property
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-19 13:13:34 +01:00
8aabe1f330
Reorganized elements
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-19 09:26:09 +01:00
1b1c482f9c
Iterate tests
2020-11-25 10:22:16 +00:00
758b47c64d
Replace *ServerConfig and SignInToText with ServerPicker
2020-11-25 09:46:56 +00:00
1d53a5cf23
Initial support for MSC2858
2020-11-24 11:18:11 +00:00
bf62960e1a
Merge pull request #5413 from matrix-org/t3chguy/fix/11415
...
Change how we expose Role in User Info and hide in DMs
2020-11-11 18:15:46 +00:00
5fb86f74d7
Remove unused IconButton
2020-11-10 12:06:56 +00:00
6aeea3e38e
Extract MiniAvatarUploader into a reusable component
2020-11-05 15:42:45 +00:00
24c4a3876c
Increase Border Radius of Accessible Buttons to 8px
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-20 15:05:38 +01:00
2bb7b6535f
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2020-10-02 17:28:45 +03:00
bfbbf44dfc
Add a note to use the desktop builds when seshat isn't available
...
Fixes https://github.com/vector-im/element-web/issues/15184
This is currently temporary design for https://github.com/vector-im/element-web/issues/12896 but does not fix it.
2020-09-16 17:23:37 -06:00
75a0178dad
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2020-09-04 12:41:38 +03:00
7c1a9993e3
Add new create group dialog
2020-08-25 21:08:24 -06:00
a61cbc1a11
Add more left padding to fix focus highlight
2020-08-04 15:07:13 +01:00
271eeeabee
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into joriks/style-fighting
2020-08-04 15:04:56 +01:00
db5121aeca
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2020-08-03 16:49:43 +03:00
fb953ade8e
Accessibility focus checkboxes and radio boxes
2020-07-28 16:08:25 +01:00
4f55ef685d
Merge pull request #4989 from matrix-org/joriks/resize-handlebars-2.0
...
Fix handlebar interaction
2020-07-28 14:30:00 +01:00
c980b58c69
Fix field tooltips
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-18 11:36:23 +01:00
38dc3c8bd1
Replace non-functional Interactive Tooltip
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-17 18:43:42 +01:00
9ec2ca447c
Update style of default tooltips to match the new style
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-17 16:19:10 +01:00
173ccbcec9
Fix handles
2020-07-16 16:21:38 +01:00
5e6f8b20bc
Visual WIP
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 16:16:41 +01:00
fb222c7eff
Merge pull request #5001 from swapnilraj/swapnilraj/country-code-width
...
Increase width for country code dropdown
2020-07-16 16:09:43 +01:00
8253756276
Remove unnecessary import
2020-07-16 20:28:19 +05:30
0ddfd9ee8c
Use rem to guard against font scaling breakages
2020-07-16 20:15:28 +05:30
d5f2d43429
Improve Tooltip font/layout consistency
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 15:15:00 +01:00
1195c09f5c
Increase width for country code dropdown
2020-07-16 19:11:52 +05:30
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
cd2f323002
re-add text-align center
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 23:18:33 +01:00
646c5d4a64
Replace timeline tooltips to match breadcrumb tooltips
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 23:14:00 +01:00
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
5a542281ed
Make Styled Radio Button outlines default-off
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-03 19:27:45 +01:00
aab372c648
Add tooltips
2020-07-01 01:50:31 +01:00
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
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
72035c8078
Make <ProgressBar /> relevant again
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 14:19:58 +01:00
f4460ca78f
Merge remote-tracking branch 'origin/develop' into dbkr/recovery_key_passphrase_2
2020-06-26 13:12:06 +01:00
bf45cb0588
PR feedback: re-order CSS & add underscore
2020-06-26 11:24:07 +01:00
e790a31f09
Include newline at end of _InlineSpinner.scss
2020-06-26 09:44:47 +01:00
a2e33a2386
Prevent old InlineSpinner gif from spinning
2020-06-26 09:41:18 +01:00
87f961df3f
Put behind a labs flag
2020-06-26 01:22:46 +01:00
6ea5dc7b7c
Change the look of the spinner
2020-06-26 01:19:38 +01:00
41c59cc75e
Fix deactivated checked checkbox styling
2020-06-25 14:21:08 +01:00
6ce8584337
Implement first screen (recovery key / passphrase choice)
2020-06-23 15:04:39 +01:00
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
2617ce5dd5
fix checkbox regression
2020-06-11 12:40:49 +01:00
b63d73e3b6
Merge pull request #4729 from matrix-org/joriks/appearance-tab
...
Move Settings flag to ts
2020-06-10 16:57:18 +01:00
60b5f2dbec
Merge pull request #4744 from matrix-org/joriks/radio-buttons-isolated
...
Add styled radio buttons
2020-06-10 07:27:17 -06:00
ab47e0ed24
lint lines
2020-06-10 13:49:03 +01:00
a2294a73a4
Make checkboxes a11y friendly
2020-06-10 13:41:34 +01:00
70fe7ce619
fix licensing info
2020-06-10 13:39:28 +01:00
8fc6289290
Use appearance instad of display for accessibility
2020-06-10 13:37:09 +01:00
3bea64e950
smaller margin
2020-06-10 13:06:17 +01:00
0fb6846c9d
Radio buttons
2020-06-10 13:03:00 +01:00
bd58f6ea7b
Hide checkbox on dark backgrounds
2020-06-08 17:38:07 +01:00
4521e9feb1
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2020-06-07 15:12:30 +03:00
5bc756cba1
Fix checkbox bleed
2020-06-03 16:48:05 +01:00
66c0d53f3e
Create and use stylised checkboxes
2020-05-28 22:33:00 +01:00
dfe277b78d
Remove unnecessary right margin in reply blockquote
2020-05-25 19:24:23 +03:00
4e5680de85
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2020-05-25 19:21:19 +03:00
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
3e30df17fb
Slider is more responsive
2020-05-20 13:07:33 +01:00
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
d1c6f3099c
move styling to QRCode scss
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-14 11:20:06 +01:00
328bb7bcaf
Remove all animations
2020-05-13 15:24:08 +01:00
52e3c97f8c
Revert "ImageView make clicking off it easier"
2020-05-13 06:36:14 +01:00
3bb800bb81
Replace png flags with use of Twemoji
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-11 22:04:18 +01:00
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
bab7d5f461
Some lints
2020-05-06 17:25:54 +01:00
a11812a402
Fix slider toggle regression.
2020-05-04 15:07:41 +01:00
8c28977c27
Merge pull request #4514 from JorikSchellekens/joriks/font-scaling-fixes
...
Fix pill vertical align
2020-04-29 10:07:44 +00:00
2e7ccf6e7a
Fix pill vertical align
2020-04-29 10:57:35 +01:00
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
cf05beb4b8
Merge pull request #4355 from JorikSchellekens/joriks/font-scaling-fixes
...
Fix scaling issues
2020-04-28 13:47:50 +01:00
a772d959a7
Remove redundent padding property and use em
2020-04-27 11:51:56 +01:00
669562b90c
Extra right padding in user pills
2020-04-27 11:51:56 +01:00
a0b610c576
Skinnier pills are easier to swallow
2020-04-27 11:51:56 +01:00
5dc7703740
Undo superfluous delete
2020-04-27 11:51:56 +01:00
c7c94933ee
Use font-variable instead of rem
2020-04-27 11:51:55 +01:00
6338325d5c
Use rem instead of em.
2020-04-27 11:51:55 +01:00
997fe62e5c
FIx lanugage selection alignment at scale.
2020-04-27 11:51:55 +01:00
0fe0d728f1
lint
2020-04-27 11:51:55 +01:00
633c6f6b5e
Fix settings when scaling up
2020-04-27 11:51:55 +01:00
f59bd538b4
Resize toggle switches with font
2020-04-27 11:51:55 +01:00
e2aef3a62b
Fix pills.
...
This was a hard pill to swallow
2020-04-27 11:51:54 +01:00
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
a16fe09d42
Use em to detach slider from root font-size
2020-04-23 10:58:00 +01:00
98799611cf
Remove padding for alignment reasons
2020-04-23 10:45:48 +01:00
1486beeaf4
Make slider indpendent of settings styling
2020-04-23 10:45:48 +01:00
5f50facfba
Make slider independant of label size
2020-04-23 10:45:48 +01:00
9a585fee0a
Move slider themes
2020-04-23 10:45:48 +01:00
e10a511997
Extra right padding in user pills
2020-04-23 10:45:47 +01:00
fc04266b42
Skinnier pills are easier to swallow
2020-04-23 10:45:47 +01:00
18efbccceb
Undo superfluous delete
2020-04-23 10:45:47 +01:00
07853f48bb
Use font-variable instead of rem
2020-04-23 10:45:47 +01:00
c921859067
Use rem instead of em.
2020-04-23 10:45:47 +01:00
121b53f99a
FIx lanugage selection alignment at scale.
2020-04-23 10:45:47 +01:00
5caec2a289
lint
2020-04-23 10:45:47 +01:00
0182128189
Fix settings when scaling up
2020-04-23 10:45:47 +01:00
cc601e1595
Resize toggle switches with font
2020-04-23 10:45:47 +01:00
1ff0f3445a
Fix pills.
...
This was a hard pill to swallow
2020-04-23 10:45:46 +01:00
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
4494c6cf2b
ImageView make clicking off it easier
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-20 11:21:51 +01:00
4d91dc5bba
iterate pills in rich text styling
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-17 12:30:09 +01:00
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
81f501e844
disable language dropdown too
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-15 14:19:47 +01:00
368737cfd9
fix copyright
2020-04-14 17:41:06 +02:00
db09cadb66
remove spinner, change copy, add button placeholder
2020-04-14 17:19:15 +02:00
e64ff0f099
Change score color to match sender name
2020-04-10 14:39:16 +03:00
26a4a23a33
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2020-04-10 13:56:01 +03:00
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
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
8bc86deaaa
Appease the style linter
2020-03-30 20:23:34 -06:00
ffa75ef48c
Wire up all the dialog parts for SSO, using device deletion as a POC
2020-03-30 20:03:46 -06:00
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
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
db10fcd2b7
make editable list look like something closer to design
2020-03-16 17:29:35 +01:00
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
a8c5574bc8
Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering
2020-03-05 13:19:15 +02:00
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
309633181d
use FormButton in verification request tile too and dedupe styles
2019-11-22 16:32:50 +01:00
66cc68bae4
add new-styled button
...
might merge it later on with accessible button
2019-11-22 16:04:51 +01:00
edd5d3c915
make custom power level not grow too wide
2019-11-15 16:14:18 +01:00
b278531f2f
add IconButton as in design
2019-11-15 16:14:18 +01:00
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
d282675bc6
Improve reply rendering
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-13 15:08:50 +03:00
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
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
34530843f4
Factor out generic EventListSummary from MELS
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-09 12:50:03 +02:00
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
192dcbb31f
delint
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-09-27 09:14:29 +01:00
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
8a1c1bbec4
implement RoomAliasField component
...
adding a postfix to Field to show the domain name
2019-09-23 11:22:30 +02:00
cc67742fa9
undo whitespace setting, accessible button is used in too many places to make this a safe assumption
2019-09-12 12:24:05 +02:00
6f62cdb22c
basic styling to make it look ok before applying new design
2019-09-11 15:45:51 +02:00
505846ce53
split up css, update class names
2019-08-22 13:33:20 +01:00
c76514fceb
Add UI in settings to change ID Server
...
Just changes the current ID server being used
To come in subsequent PRs:
* Store this in account data
* Check for terms or support the proper UI for accepting terms when setting
* Support disconnecting
Part 1 of https://github.com/vector-im/riot-web/issues/10094
Requires https://github.com/matrix-org/matrix-js-sdk/pull/1013
2019-08-09 18:07:58 +01:00
5ab958cc9f
Fix field styling regression
...
The extra comma in the selectors caused this rule set to be ignored.
Regressed by https://github.com/matrix-org/matrix-react-sdk/pull/3200
Fixes https://github.com/vector-im/riot-web/issues/10311
2019-07-11 13:14:20 +01:00
9b3848d083
Merge pull request #3200 from matrix-org/jryans/stylelint-all-files
...
Run stylelint on all SCSS files
2019-07-11 09:38:18 +01:00
ca1e5bb3ae
Comment disabled rules
2019-07-11 09:30:01 +01:00
38d6953bf6
Manually fix remaining stylelint issues
2019-07-10 16:56:40 +01:00
dd2079bffc
Auto-fix stylelint issues
...
These `stylelint` issues were autofixed by the tool itself and look sane to me.
2019-07-10 16:56:40 +01:00
93872e6fa5
Ask for the user's password to rehydrate their soft logged out session
...
Fixes https://github.com/vector-im/riot-web/issues/10236
The changes to the MatrixClientPeg (assign/start) are to permit the SoftLogout page to access the MatrixClientPeg reliably. This is why assign() is called by Lifecycle as an alternative to start().
Minimal design work has been done here. The majority is deferred to https://github.com/vector-im/riot-web/issues/10262
2019-07-04 16:51:16 -06:00
dd94bf799d
Improve interactive tooltip hover behaviour
...
This gives the interactive tooltip a more natural hover behaviour by removing
the full screen div behind it. This allows the target button to keep its hover
state, for example.
This also removes the click to close behaviour, which was too easy to trigger
accidentally.
Fixes https://github.com/vector-im/riot-web/issues/10179
Fixes https://github.com/vector-im/riot-web/issues/10222
Fixes https://github.com/vector-im/riot-web/issues/10225
2019-07-01 18:00:59 +01:00
2e3a6b3c0b
set 50% transparent accent color as editor focus border
2019-06-26 14:40:33 +02:00
80d73d8430
Add optional rounded chevron for tooltip
...
We'd like to have a rounded point on the chevron for an extra level of polish.
This implements that look for browsers that support `clip-path`.
Part of https://github.com/vector-im/riot-web/issues/9716
2019-06-21 15:10:17 +01:00
3bd247ebaa
Tweak interactive tooltip to match design
...
This tweaks the tooltip to match the color, spacing, etc. seen in the designs.
Part of https://github.com/vector-im/riot-web/issues/9753
Part of https://github.com/vector-im/riot-web/issues/9716
2019-06-21 15:10:08 +01:00
32bf4588dd
Center tooltip along top or bottom of target
...
This adjusts the positioning to work more the way we want:
* Tooltip is position on the top or bottom edge of the target depending on where
space is available
* Tooltip and chevron are centered
In addition, more bits borrowed from `ContextualMenu` are not needed, so they
have been removed for simplicity.
Part of https://github.com/vector-im/riot-web/issues/9753
Part of https://github.com/vector-im/riot-web/issues/9716
2019-06-21 15:04:19 +01:00
6dcdad028e
Clone ContextualMenu to InteractiveTooltip
...
As part of reactions and editing work, we're adding a new style of tooltip that
allows interacting with the content of the tooltip. `ContextualMenu` is closest
out of the things we have today, but it doesn't position in quite the way we
want and it's already quite complex.
To get started, let's first clone that to a new `InteractiveTooltip`.
Part of https://github.com/vector-im/riot-web/issues/9753
Part of https://github.com/vector-im/riot-web/issues/9716
2019-06-21 15:04:19 +01:00
bb4b5d7798
TooltipButton rename step 2 of 2
2019-06-19 11:32:03 +01:00
ab4c5f0152
TooltipButton rename step 1 of 2
2019-06-19 11:30:37 +01:00
4ec7a8ddff
Fix casing of TooltipButton
...
My brain can't deal with two different ways to write "Tooltip", so this
converges the naming to match the rest of the code base. Separate commits will
fix up the file names for case-insensitive file systems.
2019-06-19 11:26:13 +01:00
872c1acdea
keep mx_Field stretching
2019-06-17 18:29:03 +02:00
1090b7d912
Use flex: 1 for mx_Field to replace all the calc(100% - 20px) and more
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-06-13 23:48:47 +01:00
14dc4b47fa
Merge branch 'develop' into travis/feature/wellknown2
2019-05-22 23:05:54 -06:00
ef4fe52d6b
Merge pull request #3002 from matrix-org/bwindels/pill-avatar-fixup
...
Fixup: also change editor margin when last event and buttons are not overlaying
2019-05-21 14:33:39 +00:00
30d374dff4
also changing margin when last event and buttons are not overlaying
2019-05-21 16:06:14 +02:00
2d4d608ed6
Merge pull request #2997 from matrix-org/bwindels/pill-avatars
...
Message editing: render avatars for pills in the editor
2019-05-21 12:11:06 +00:00
5d184b3f77
reuse mx_Pill styles for editor pills to avoid style duplication
...
the avatar style code is still different though,
as it's implemented differently
This also prevents updating the css variables when not needed,
which caused the avatar to flicker when updating the editor.
2019-05-21 12:19:35 +02:00
b00a38a1e5
apply mx_EventTile_content to editor, so it gets the same right margin
...
this way we don't have to include it in the magic number
2019-05-21 12:18:20 +02:00
3476be3327
Merge branch 'develop' into travis/feature/wellknown2
2019-05-20 19:50:02 -06:00
2bacabc002
apply 34px margin the mx_EventTile_content also has
...
so width of editor stay the same as content
(unrelated to pills, really)
2019-05-20 16:01:31 +02:00
5d80c3a2a4
fallback to avatar bg color
2019-05-20 15:39:06 +02:00
01ef1dd20e
style room pills correctly
2019-05-20 15:38:59 +02:00
c1b2f3dce1
make user pill avatars work in editor
2019-05-20 14:21:25 +02:00
1368a5eb80
Merge pull request #2996 from matrix-org/bwindels/composerdesign
...
Message editing: apply design
2019-05-20 08:42:41 +00:00
a47e722fa1
same height as normal pill
2019-05-20 10:28:26 +02:00
3b598a1782
set pill avatar through css variables to set on psuedo-element
...
this way it won't interfere with editor selection/caret
2019-05-20 10:28:26 +02:00
Tulir Asokan