e49c041df7
Commuity seleciton bar vertical alignment scale fix
2020-04-23 10:45:47 +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
ac26719b69
disable password reset button when spinning
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-15 14:07:37 +01:00
db09cadb66
remove spinner, change copy, add button placeholder
2020-04-14 17:19:15 +02:00
3e4e7953ed
word-break: break-word;
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-07 13:40:25 +01:00
b5e6f8b8c1
Iterate PR
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-07 13:34:10 +01:00
faab35738f
Add new default home page fallback
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-07 10:48:56 +01: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
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
b5688ac2b6
Merge pull request #4254 from ThobyV/fix-css/_TagPanel.scss/mx_TagTile_context_button
...
Fix view community link icon contrast
2020-03-30 11:20:49 -06:00
eff9db4273
bring back global style rules for thin scrollbars (also FF now!)
2020-03-30 12:41:05 +02:00
aed85a2183
fix style lint
2020-03-26 11:17:35 +01:00
2186023e43
css adjustments because mx_AutoHideScrollBar_offset was removed
2020-03-26 11:17:35 +01:00
0436507574
use transparent scrollbars on not hover to emulate scrolbar on hover
...
allows us to get rid of the margin-right hack as well
2020-03-26 11:17:35 +01:00
d0afd65652
fix view community link icon contrast
...
Signed-off-by: thobyv-kismat <vivee18@gmail.com>
2020-03-21 10:12:55 +01:00
bea6787201
Fix left left panel betterer
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-19 11:39:00 +00:00
b675523449
Fix custom tags causing left panel to over-expand
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-19 10:45:08 +00:00
42ee157645
Merge pull request #4217 from matrix-org/t3chguy/gemini
...
Remove Gemini Scrollbars
2020-03-18 14:03:51 +00: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
638629c2fa
fix MyGroups scrollbar
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 13:28:07 +00:00
8fd3b96b72
fix styling/heights
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 11:53:19 +00:00
44b0aa2d88
Remove remainders of gemini-scrollbar and react-gemini-scrollbar
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 10:31:45 +00:00
8dfc15a328
Migrate TagPanel away from Gemini
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 10:23:12 +00:00
43f0013dda
Migrate GroupView away from Gemini
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 10:09:47 +00:00
6c4b572c7e
Wait for verification request on login
...
Basically just changes to the designed screen to wait for an incoming
verification request in order to verify the device & cross-sign it.
Fixes https://github.com/vector-im/riot-web/issues/11215
Fixes https://github.com/vector-im/riot-web/issues/11217
2020-03-16 17:47:56 +00:00
30d971b819
migrate MyGroups away from Gemini
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 23:36:52 +00:00
9237cf9566
update font sizes
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 14:19:38 +00:00
642dd08ca2
remove erroneous margin
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 00:16:11 +00: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
5c582037ce
Tweak padding to match Figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-10 23:11:48 +00:00
c50bd8d30e
Merge pull request #4007 from hellcp/patch-1
...
Add a class for styling room directory permissions
2020-02-04 16:30:10 +00:00
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
bf9f473ed9
Add a class for styling room directory permissions
...
Fixes vector-im/riot-web#11174
2020-01-31 00:09:08 +01:00
f12fe984e5
Change new session toast to unverified
...
This also changes text to show the device ID and name in the toast.
Fixes https://github.com/vector-im/riot-web/issues/11916
2020-01-29 15:00:04 +00:00
89f110f60a
Add separate component for post-auth security flows
...
Instead of twisting `AuthBody`, this adds a new component for the different
styling of post-auth security flows. This also makes them fixed width and
adjusts padding to match designs.
2020-01-27 22:28:07 +00:00
33b5d42c06
Be consistent about our settings svg, free the other one
2020-01-22 15:34:17 +00:00
790d2c1472
Fix toast icon to prevent clipping
...
This fixes the bottom and right edges of the toast icon, which were getting
clipped away.
Fixes https://github.com/vector-im/riot-web/issues/11915
2020-01-21 15:30:03 +00:00
9e43abaf3a
Toasts for new, unverified sessions
...
Fixes https://github.com/vector-im/riot-web/issues/11218
2020-01-17 11:43:35 +00:00
27ee90cad5
Add post-login complete security flow
...
This adds a step after login to complete security for your new session. At the
moment, the only verification method is entering your SSSS passphrase, but nicer
paths will be added soon.
This new step only appears when crypto is available and the account has
cross-signing enabled in SSSS.
Fixes https://github.com/vector-im/riot-web/issues/11214
2020-01-15 21:53:36 +00:00
84eb72b0e0
fix alignment
2019-12-23 11:38:52 +00:00
afcbb218fa
match padding on CustomRoomTagPanel and fix colour of Communities btn
2019-12-23 11:31:30 +00:00
d9ea9b4ad3
Iterate to match design on Zeplin
2019-12-19 20:53:34 +00:00
b2249d0561
Initial rejig
2019-12-19 20:09:05 +00:00
1c31fd3413
Apply new design to highlighted tags and add toggle mechanic
2019-12-19 16:54:30 +00:00
a2e3f64963
Change read markers to use CSS transitions
...
Removes one of the two places we use Velocity, so we're one step
closer to getting rid of it for good.
Should therefore fix the fact that Velocity is leaking data entries
and therefore <hr> elements.
Hopefully also makes the logic in getEventTiles incrementally simpler,
if still somwewhat byzantine.
2019-11-26 19:06:02 +00:00
8ce1ed4726
moar lint
2019-11-22 16:36:22 +01:00
309633181d
use FormButton in verification request tile too and dedupe styles
2019-11-22 16:32:50 +01:00
e86d2b616e
add ToastContainer
2019-11-22 16:04:51 +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
c00974d22d
Now that part of spacing is padding, make it smaller when collapsed
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-11-07 10:16:57 +00:00
d14c0c342d
Merge pull request #3594 from matrix-org/bwindels/fixfilenotifpanel
...
Fix: file and notifications panel back-paginating forever.
2019-11-06 10:52:15 +00:00
eb4220a836
scroll panels should be in flex container so they don't grow w/ content
2019-11-06 10:34:22 +01:00
99c8a909b3
Fix focus-within on EventTile and more showing onClick
2019-11-04 16:47:20 +00:00
10a63ada48
Fix SVG mask-image usage in a bunch of places for correct outlining
2019-11-01 14:46:30 +00:00
ebc5628782
fix typo
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-22 11:30:47 +01:00
2a3655e9b8
Focus highlight room sublist label, catch right arrow and simplify code
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-22 11:10:25 +01:00
f09a3b4281
Fix outline on RoomSubList badges
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-17 16:21:33 +01:00
15b7a5af31
fix contrast issue
...
when badges with and without highlighted state have a very
different brightness (as they might do in dark mode), hardcoding
the fg color of a badge independent of it's highlighted state
to $accent-fg-color doesn't work well, so add an extra SASS
variable we can reassign to something more specific in the custom theme
2019-10-01 16:58:14 +02:00
6f3f0f0a3c
Merge pull request #3430 from matrix-org/bwindels/roomdirectorybuttonwrap
...
Dont wrap text in room directory buttons
2019-09-12 16:56:45 +01:00
2bed264b0d
dont wrap text in room directory buttons
2019-09-12 15:59:15 +02:00
95060d4e95
reduce vertical padding around explore/filter
2019-09-12 11:27:20 +02:00
4ae4e68967
make explore button and filter field equal width
2019-09-12 11:11:32 +02:00
24c4a16da1
adapt design of room list in directory
2019-09-11 16:23:59 +02:00
6f62cdb22c
basic styling to make it look ok before applying new design
2019-09-11 15:45:51 +02:00
fdadc615f7
make explore button white on hover
2019-09-10 11:11:08 +02:00
1c4093eb0f
make filter feed transparent when not focussed
2019-09-10 11:11:08 +02:00
da98080859
hide explore button when focusing filter field
2019-09-10 10:57:25 +02:00
80dd5a1b0a
add explore button next to filter field
2019-09-10 10:55:55 +02:00
a3eb45e0b9
Fix waste of space of collapsed left panel
...
Signed-off-by: Anton Zuenko <anton@zuenko.ru>
2019-08-05 18:03:20 +02:00
7fc1288614
Fix login type selector border
...
This fixes a regression in the login type selector's border and placement.
Fixes https://github.com/vector-im/riot-web/issues/10223
2019-07-02 15:09:51 +01:00
7e8eda33fc
Flexboxify generic error page
2019-06-27 12:10:58 -06:00
15d286ed93
Merge pull request #3144 from matrix-org/bwindels/edit-history
...
Edit history dialog
2019-06-26 14:38:53 +00:00
92c2a119c9
Remove top margin of community panel container
...
This is a simpler fix for the scrollbar problem than changing the definition
for height, which was my previous attempt at solving this problem.
Additionally, the top and bottom margins are now consistent.
Signed-off-by: Jonas Schürmann <jonasschuermann@aol.de>
2019-06-26 15:27:52 +02:00
ddae4de7bd
cleanup: RoomDirectory doesn't use gemini anymore
2019-06-26 11:59:56 +02:00
2d9fbcab70
Fix the scrollbar in the community bar
...
Currently the scrollbar is always visible because the inner container is 5px
bigger in height than the outer container. This is hereby fixed.
Signed-off-by: Jonas Schürmann <jonasschuermann@aol.de>
2019-06-26 10:49:46 +02:00
b5598df3f7
Remove redundant extra chevrons from ContextualMenu
...
This removes a seemingly redundant layer of extra chevrons from
`ContextualMenu`. Since both chevrons are the same color, there should be no
visual change.
2019-06-21 11:13:08 +01:00
dc9282c539
Remove unused ContextualMenu features
2019-06-19 14:47:15 +01:00
3f6bb0c7ca
Use default cursor for disabled submit button
2019-06-17 16:57:13 +01:00
413bff084c
Merge pull request #3087 from matrix-org/jryans/context-menu-clipping
...
Align message context menu to right and vertically where space available
2019-06-12 10:19:47 +01:00
aacb942d57
Don't handle identity server failure as fatal, and use the right message
...
Fixes https://github.com/vector-im/riot-web/issues/10002
2019-06-10 19:28:32 -06:00
3126880345
Extend context menu alignment without chevrons
...
For context menus without chevrons, this changes the menu components to still
set default styles that align the menu based on the edges used to specify the
menu's position. This is not intended to change the positioning of any existing
menus.
2019-06-10 16:07:28 +01:00
ace1bde238
Implement design and copy for errors
2019-06-05 11:32:02 -06:00
5c85f4609e
Accept JSX into the GenericErrorPage and expose local session vars
2019-05-29 12:09:04 -06:00
e4576dac28
Render underlines and tooltips on custom server names in auth pages
...
See https://github.com/vector-im/riot-web/issues/9290
2019-05-13 17:16:40 -06:00
faecceb3b4
remove manual order so component order follows markup order
2019-04-18 09:20:26 +02:00
aadc1a8d75
Add a generic error page element for startup errors
...
Used by Riot to communicate configuration problems.
2019-04-11 15:52:37 -06:00
04b69116ee
Fix tedious CSS stuff with stylelint --fix
2019-04-09 15:05:39 +01:00
eb6f3f6008
Fix up some CSS things stylelint was complaining about
...
And also disable a load of rules that feel like they're probably
causing more headaches than they fix.
2019-04-09 15:03:13 +01:00
670f6e4f99
Simplify settings dialog CSS
...
Stop the settings dialogs from requiring special styles on the
mx_Dialog which required passing in a classname from anywhere the
settings dialogs were opened (although this still requires
static=true). Some of the things have now been adopted for all dialogs
(border-radius), others have been moved to within the dialog content.
2019-04-08 16:48:42 +01:00
a326c83016
Merge pull request #2842 from matrix-org/bwindels/bacat-scrolling-merged-develop
...
BACAT Scrolling
2019-03-29 14:02:15 +00:00
5ac3905a37
Use same horizontal padding as room avatar to align to grid
2019-03-27 13:15:03 +01:00
04a9038a05
Alert the user to unread notifications in prior versions of rooms
...
Fixes https://github.com/vector-im/riot-web/issues/8161
2019-03-26 19:22:41 -06:00
7e56a9a80e
prevent resize handle hit area overlapping with (native) scrollbar
2019-03-26 17:14:58 +01:00
71f6b08b26
first impl of new scrolling, still a bit broken
2019-03-19 13:42:22 +01:00
987a1a00b3
chrome apparently anchors the scroll position, which fights against our restore position logic. Disable it like this.
2019-03-15 10:16:21 +01:00
30d848b86e
use AutoHideScrollbar in ScrollPanel
2019-03-15 10:16:21 +01:00
8bf5e1d19f
Merge pull request #2749 from jryans/auth-field
...
Use Field component in auth flows
2019-03-06 11:18:24 +00:00
bc54ea5623
Convert login type to Field component
...
This converts the login type Dropdown on the login flow to also use the Field
component so that every presents a similar visual style.
2019-03-05 17:58:42 +00:00
5a491ac053
Convert login inputs to Field component
...
As with other auth flows, this converts inputs on the login page to use the
Field component for consistent styling. The login type dropdown is left as-is
for now.
2019-03-05 17:58:42 +00:00
Jorik Schellekens