OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity
36,158 Commits
219 Branches
563 Tags
450 MiB
Commit Graph

709 Commits (1a1b1738c127bc24e4f8e7036fd0d8e3d6921c48)

Author SHA1 Message Date
Michael Telatynski 83cfdd9c07 Fix accessibility of the Explore button 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-07-05 01:30:22 +01:00
Bruno Windels bec10b79da apply some of the new icons 2020-07-03 18:03:47 +02:00
Travis Ralston 43db4b98df Merge branch 'develop' into joriks/room-list-breadcrumbs 2020-07-02 13:22:51 -06:00
Jorik Schellekens dcd51b5be3 Implement breadcrumb notifications and scrolling 2020-06-30 23:24:46 +01:00
Michael Telatynski cbd2a9cd35 Redo Iconized Context Menu styling to match Figma and simplify future a11y work by flattening the DOM 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-06-30 22:11:12 +01:00
Bruno Windels 6fc4be386a add blurred, blended avatar background to left panel 2020-06-30 13:28:19 +02:00
Travis Ralston ee2c216c4d Clean up TODO comments for new room list 
All relevant TODOs should still be present, and reference an issue for easy finding.
 2020-06-28 20:03:04 -06:00
Travis Ralston 3abc9d8d56 Merge branch 'develop' into travis/room-list/tag-panel 2020-06-26 07:26:57 -06:00
Travis Ralston 7ce3cc1db7 Allow the tag panel to be disabled in the new room list 
Fixes https://github.com/vector-im/riot-web/issues/14156
 2020-06-25 20:35:40 -06:00
Travis Ralston 411271422c Make the whole UserMenu a button to open the menu 2020-06-25 19:54:17 -06:00
Travis Ralston bcfdd4d984 Move all of the UserMenu into the UserMenu component 2020-06-25 19:38:11 -06:00
Travis Ralston dafce40d1b Rename UserMenuButton to UserMenu for new scope 2020-06-25 19:29:12 -06:00
Travis Ralston 7b79dd6be1 Make the sign out button red 2020-06-25 15:13:28 -06:00
Travis Ralston 9f5a716cc5 Adjust padding and margins on user menu 2020-06-25 15:11:04 -06:00
Travis Ralston 2b58875c7f Fix alignment issues with the user menu objects 2020-06-25 15:07:38 -06:00
Travis Ralston 291914492f Fix icons in the new user menu not showing up 2020-06-24 19:20:43 -06:00
Travis Ralston 906b72082e
Merge pull request #4819 from matrix-org/travis/room-list/icon-masks 
Use theme-capable icons in the user menu
 2020-06-24 10:34:29 -06:00
Travis Ralston 256636ccf8 Use display:block over absolute positioning 2020-06-24 07:04:19 -06:00
Travis Ralston 5c7e59b132 Use theme-capable icons in the user menu 
They're still inconsistent weights, but at least they are the right color on non-light-theme clients.
 2020-06-23 21:17:39 -06:00
Travis Ralston 380aed4244 Update profile information in User Menu 
Fixes https://github.com/vector-im/riot-web/issues/14158 (we needed an HTTP avatar URL)
Fixes https://github.com/vector-im/riot-web/issues/14159
Fixes https://github.com/vector-im/riot-web/issues/14157
Also fixes an issue where it wasn't updating automatically when the user changed their profile info.

This is all achieved through a new OwnProfileStore which does the heavy lifting, as we have to keep at least 2 components updated.
 2020-06-23 21:01:50 -06:00
David Baker e0a34d9dea
Revert "Use recovery keys over passphrases" 2020-06-18 09:35:11 +01:00
Travis Ralston 8596905cee Merge branch 'develop' into travis/room-list/sticky 2020-06-15 06:54:27 -06:00
David Baker 8ebae4c3b6
Merge pull request #4686 from matrix-org/dbkr/recovery_keys_over_passphrases 
Use recovery keys over passphrases
 2020-06-15 11:30:30 +01:00
Travis Ralston 1bbf2e053b Initial attempt at sticky headers 
Docs enclosed in diff.
 2020-06-13 11:55:11 -06:00
Travis Ralston f9a4151a6e Add rudimentary dark theme support 2020-06-12 13:52:54 -06:00
Travis Ralston 510f98b8b0 Bump width of user menu to account for 16px overlap 2020-06-12 10:29:42 -06:00
Travis Ralston 2c04a56784 Add a minimized view to the new room list 
This covers everything except breadcrumbs, as those are somewhat undecided from a design perspective.
 2020-06-11 14:39:28 -06:00
Travis Ralston be366bdd7f Fix various layout concerns with the new room list 
It had ~32px of overflow causing a horizontal scrollbar. Turns out the layout engine gets confused when hidden elements are at the end of a flexbox, so we just move them higher in the DOM (where they logically still make sense).

The remaining changes are all alignment and misc changes in that respect, and probably not obvious.
 2020-06-10 15:05:17 -06:00
Travis Ralston 72bb89d4ee
Merge pull request #4743 from matrix-org/travis/room-list/tile-menu 
Add a context menu to rooms in the new room list
 2020-06-10 07:46:09 -06:00
Travis Ralston 0755b4c148 Add a context menu to rooms in the new room list 
The tag options are not implemented out of concern for diff size. 

This splits the context menu classes out to a new "iconized" style which is common across a number of context menus, including the UserMenu.

Some of the badge/sublist styles had to change to better accommodate the menu icon lining up.

This also contains the framework required for https://github.com/vector-im/riot-web/issues/13961
 2020-06-09 23:09:15 -06:00
Travis Ralston 9377fa513f Merge branch 'develop' into travis/room-list/breadcrumbs 2020-06-09 08:11:08 -06:00
Travis Ralston 5114c37b82 Add filtering and exploring to the new room list 
This is per the designs. Animation doesn't feel required here.

Like the rest of this series, this rewrites a component to be more purpose-built to help match the designs and to solve the smallest possible problem.
 2020-06-08 20:33:21 -06:00
Travis Ralston bcc455b248 Merge branch 'develop' into travis/room-list/breadcrumbs 2020-06-08 18:11:42 -06:00
Travis Ralston 0354bf9b6d Reimplement breadcrumbs for new room list 
This all-new component handles breadcrumbs a bit more smoothly for the app by always listening to changes even if the component isn't present. This allows the breadcrumbs to remain up to date for when the user re-enables breadcrumbs.

The new behaviour is that we turn breadcrumbs on once the user has a room, and we don't turn it back off for them.

This also introduces a new animation which is more stable and not laggy, though instead of sliding the breadcrumbs pop. This might be undesirable - to be reviewed.
 2020-06-08 17:11:58 -06:00
Travis Ralston de4c2fe3d9 Use real buttons in user menu 2020-06-08 11:06:21 -06:00
Travis Ralston 50673496c3 Add hosting link 2020-06-08 09:32:16 -06:00
Travis Ralston 8b6b117fbf Appease the linter 2020-06-07 22:15:54 -06:00
Travis Ralston 8e0247afe5 Add most of the UI for the new room list's menu button 
Incomplete implementation: buttons don't work, some text is missing, etc
 2020-06-07 22:06:41 -06:00
Travis Ralston 1d8833e9f8 Selected state, cleanup, and profile display 2020-06-05 14:08:20 -06:00
David Baker b82a893a79 Merge remote-tracking branch 'origin/develop' into dbkr/recovery_keys_over_passphrases 2020-06-05 16:00:43 +01:00
Travis Ralston 4c1bc50649 Initial styling for new room list 
This is a work in progress, but covers the coarse areas. This uses all-new classes to better describe what everything is, and to reduce the number of selectors we keep track of.

This is primarily layout for the list and not actually the final structure. For example, some buttons are missing and other areas are not styled correctly - the idea in this commit was to get things roughly in the right place and work on it.
 2020-06-04 16:41:18 -06:00
Travis Ralston dc01607ad9 Merge branch 'develop' into travis/split-left-panel 2020-06-04 15:09:51 -06:00
Aaron Raimist 3b5de137c4 Center HeaderButtons 
Signed-off-by: Aaron Raimist <aaron@raim.ist>
 2020-06-03 17:23:23 -05:00
Aaron Raimist 92c28f089c
Add max-width to right and left panels 
Signed-off-by: Aaron Raimist <aaron@raim.ist>
 2020-06-03 14:56:48 -05:00
David Baker 338b88fe43 Remove unused CSS rule 2020-06-03 09:34:45 +01:00
Travis Ralston 6d96d66c03 Split the left panel into new and old for new room list designs 
Though we consider the "room list" to mean the RoomList component specifically, the room list is actually the entire left panel as far as the user is concerned. 

The new proposed designs for the room list modify the whole left panel, so we had might as well break it into new and old now instead of later. This "new" left panel is a bare-bones implementation and meant to only provide the absolute basic feature set to function for those who enable the experimental room list, for whatever reason. This is not intended to be a final implementation, or even remotely close to what it could be. An example of this is the lack of breadcrumbs. Given they are likely to change, they are excluded from this temporary skeleton completely.

This also includes a purple/pink bar between the tag panel and left panel. This is so we can, if needed, differentiate between people who made the mistake of turning on the experimental room list while the overall aesthetic makes it indistinguishable. Once the designs are moderately approved, we can (and definitely should) remove the hideous indicator.
 2020-06-02 19:26:07 -06:00
David Baker b83ecb1781 Merge remote-tracking branch 'origin/develop' into dbkr/recovery_keys_over_passphrases 2020-06-02 18:53:54 +01:00
David Baker 5624cf5ceb Add option to reset keys to the encryption setup screen 2020-06-02 17:55:27 +01:00
David Baker e06ba2003b Prompt for recovery key on login rather than passphrase 
Only show passphrase options at all if the user has a passphrase on
their SSSS key.
 2020-06-02 16:32:15 +01:00
Jorik Schellekens 419857c29c
Merge pull request #4647 from JorikSchellekens/joriks/fix-filepanel-regression 
Fix FilePanel and NotificationsPanel regression
 2020-05-31 21:17:14 +01:00
Michael Telatynski efd0da44a1 Give contextual feedback for manual update check instead of banner 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-05-29 18:24:45 +01:00
Jorik Schellekens fcbd197e7d Fix file list regression 2020-05-26 15:56:16 +01:00
Michael Telatynski c00fd326c5
Merge pull request #4613 from matrix-org/t3chguy/toasts1 
Improve style of toasts to match Figma
 2020-05-26 11:59:58 +01:00
Michael Telatynski 1dfd62c142 iterate alignment 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-05-21 17:47:35 +01:00
Michael Telatynski 6a0ffe905f Iterate text alignment 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-05-21 17:12:16 +01:00
Michael Telatynski 5995a27ced Iterate paddings 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-05-21 16:52:36 +01:00
Michael Telatynski 7e7c48e046 Improve style of toasts to match Figma 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-05-21 16:32:19 +01:00
Jorik Schellekens 03e090f4e6 fix chevron 2020-05-13 22:55:14 +01:00
Jorik Schellekens fc6e5227ac FIx roomsublist heights. 
- also fiddles the font size numbers
 2020-05-13 22:24:22 +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
David Baker 34d6eb591f Put overflows back 2020-04-29 17:38:32 +01:00
David Baker 13d0e26ec4 Reduce maximum width of toasts & allow multiple lines 2020-04-29 17:28:45 +01:00
Jorik Schellekens 41fd9ee015 FIx unread count 2020-04-27 11:51:56 +01:00
Jorik Schellekens 352ae555f8 Fix community line height 2020-04-27 11:51:55 +01:00
Jorik Schellekens 969f0e9e0d Commuity seleciton bar vertical alignment scale fix 2020-04-27 11:51:55 +01:00
Jorik Schellekens 9a585fee0a Move slider themes 2020-04-23 10:45:48 +01:00
Jorik Schellekens abd94a65bd Move compoenets/FontSlider to views/Slider 2020-04-23 10:45:47 +01:00
Jorik Schellekens dd841fcde9 Remove references to font 2020-04-23 10:45:47 +01:00
Jorik Schellekens 787e408016 Explain origin of magic number 
Co-Authored-By: Travis Ralston <travpc@gmail.com>
 2020-04-23 10:45:47 +01:00
Jorik Schellekens af3858fa98 Style linting 2020-04-23 10:45:47 +01:00
Jorik Schellekens df73f12320 Make a font slider 2020-04-23 10:45:47 +01:00
Jorik Schellekens 7a0caafb77 FIx unread count 2020-04-23 10:45:47 +01:00
Jorik Schellekens c2a2908746 Fix community line height 2020-04-23 10:45:47 +01:00
Jorik Schellekens e49c041df7 Commuity seleciton bar vertical alignment scale fix 2020-04-23 10:45:47 +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 ac26719b69 disable password reset button when spinning 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-04-15 14:07:37 +01:00
Bruno Windels db09cadb66 remove spinner, change copy, add button placeholder 2020-04-14 17:19:15 +02:00
Michael Telatynski 3e4e7953ed word-break: break-word; 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-04-07 13:40:25 +01:00
Michael Telatynski b5e6f8b8c1 Iterate PR 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-04-07 13:34:10 +01:00
Michael Telatynski faab35738f Add new default home page fallback 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-04-07 10:48:56 +01: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
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
Travis Ralston 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
Bruno Windels eff9db4273 bring back global style rules for thin scrollbars (also FF now!) 2020-03-30 12:41:05 +02:00
Bruno Windels aed85a2183 fix style lint 2020-03-26 11:17:35 +01:00
Bruno Windels 2186023e43 css adjustments because mx_AutoHideScrollBar_offset was removed 2020-03-26 11:17:35 +01:00
Bruno Windels 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
thobyv-kismat d0afd65652 fix view community link icon contrast 
Signed-off-by: thobyv-kismat <vivee18@gmail.com>
 2020-03-21 10:12:55 +01:00
Michael Telatynski bea6787201 Fix left left panel betterer 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-03-19 11:39:00 +00:00
Michael Telatynski 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
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
Michael Telatynski 638629c2fa fix MyGroups scrollbar 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-03-17 13:28:07 +00:00
Michael Telatynski 8fd3b96b72 fix styling/heights 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-03-17 11:53:19 +00:00
Michael Telatynski 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
Michael Telatynski 8dfc15a328 Migrate TagPanel away from Gemini 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-03-17 10:23:12 +00:00
Michael Telatynski 43f0013dda Migrate GroupView away from Gemini 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-03-17 10:09:47 +00:00
David Baker 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
Michael Telatynski 30d971b819 migrate MyGroups away from Gemini 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-03-13 23:36:52 +00:00
Michael Telatynski 9237cf9566 update font sizes 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-03-13 14:19:38 +00:00
Michael Telatynski 642dd08ca2 remove erroneous margin 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-03-13 00:16:11 +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
Michael Telatynski 5c582037ce Tweak padding to match Figma 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-03-10 23:11:48 +00:00
Bruno Windels 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
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
Stasiek Michalski bf9f473ed9 Add a class for styling room directory permissions 
Fixes vector-im/riot-web#11174
 2020-01-31 00:09:08 +01:00
J. Ryan Stinnett 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
J. Ryan Stinnett 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
Michael Telatynski 33b5d42c06 Be consistent about our settings svg, free the other one 2020-01-22 15:34:17 +00:00
J. Ryan Stinnett 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
David Baker 9e43abaf3a Toasts for new, unverified sessions 
Fixes https://github.com/vector-im/riot-web/issues/11218
 2020-01-17 11:43:35 +00:00
J. Ryan Stinnett 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
Michael Telatynski 84eb72b0e0 fix alignment 2019-12-23 11:38:52 +00:00
Michael Telatynski afcbb218fa match padding on CustomRoomTagPanel and fix colour of Communities btn 2019-12-23 11:31:30 +00:00
Michael Telatynski d9ea9b4ad3 Iterate to match design on Zeplin 2019-12-19 20:53:34 +00:00
Michael Telatynski b2249d0561 Initial rejig 2019-12-19 20:09:05 +00:00
Michael Telatynski 1c31fd3413 Apply new design to highlighted tags and add toggle mechanic 2019-12-19 16:54:30 +00:00
David Baker 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
Bruno Windels 8ce1ed4726 moar lint 2019-11-22 16:36:22 +01:00
Bruno Windels 309633181d use FormButton in verification request tile too and dedupe styles 2019-11-22 16:32:50 +01:00
Bruno Windels e86d2b616e add ToastContainer 2019-11-22 16:04:51 +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 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
David Baker 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
Bruno Windels eb4220a836 scroll panels should be in flex container so they don't grow w/ content 2019-11-06 10:34:22 +01:00
Michael Telatynski 99c8a909b3 Fix focus-within on EventTile and more showing onClick 2019-11-04 16:47:20 +00:00
Michael Telatynski 10a63ada48 Fix SVG mask-image usage in a bunch of places for correct outlining 2019-11-01 14:46:30 +00:00
Michael Telatynski ebc5628782 fix typo 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2019-10-22 11:30:47 +01:00
Michael Telatynski 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
Michael Telatynski f09a3b4281 Fix outline on RoomSubList badges 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2019-10-17 16:21:33 +01:00
Bruno Windels 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
David Baker 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
Bruno Windels 2bed264b0d dont wrap text in room directory buttons 2019-09-12 15:59:15 +02:00
Bruno Windels 95060d4e95 reduce vertical padding around explore/filter 2019-09-12 11:27:20 +02:00
Bruno Windels 4ae4e68967 make explore button and filter field equal width 2019-09-12 11:11:32 +02:00
Bruno Windels 24c4a16da1 adapt design of room list in directory 2019-09-11 16:23:59 +02:00
Bruno Windels 6f62cdb22c basic styling to make it look ok before applying new design 2019-09-11 15:45:51 +02:00
Bruno Windels fdadc615f7 make explore button white on hover 2019-09-10 11:11:08 +02:00
Bruno Windels 1c4093eb0f make filter feed transparent when not focussed 2019-09-10 11:11:08 +02:00
Bruno Windels da98080859 hide explore button when focusing filter field 2019-09-10 10:57:25 +02:00
Bruno Windels 80dd5a1b0a add explore button next to filter field 2019-09-10 10:55:55 +02:00
Anton Zuenko 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
J. Ryan Stinnett 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
Travis Ralston 7e8eda33fc Flexboxify generic error page 2019-06-27 12:10:58 -06:00
Bruno Windels 15d286ed93
Merge pull request #3144 from matrix-org/bwindels/edit-history 
Edit history dialog
 2019-06-26 14:38:53 +00:00
Jonas Schürmann 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
Bruno Windels ddae4de7bd cleanup: RoomDirectory doesn't use gemini anymore 2019-06-26 11:59:56 +02:00
Jonas Schürmann 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
J. Ryan Stinnett 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
J. Ryan Stinnett dc9282c539 Remove unused ContextualMenu features 2019-06-19 14:47:15 +01:00
David Baker 3f6bb0c7ca Use default cursor for disabled submit button 2019-06-17 16:57:13 +01:00
J. Ryan Stinnett 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
Travis Ralston 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
J. Ryan Stinnett 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
Travis Ralston ace1bde238 Implement design and copy for errors 2019-06-05 11:32:02 -06:00
Travis Ralston 5c85f4609e Accept JSX into the GenericErrorPage and expose local session vars 2019-05-29 12:09:04 -06:00
Travis Ralston 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
Bruno Windels faecceb3b4 remove manual order so component order follows markup order 2019-04-18 09:20:26 +02:00
Travis Ralston 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
David Baker 04b69116ee Fix tedious CSS stuff with stylelint --fix 2019-04-09 15:05:39 +01:00
David Baker 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
David Baker 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
Bruno Windels a326c83016
Merge pull request #2842 from matrix-org/bwindels/bacat-scrolling-merged-develop 
BACAT Scrolling
 2019-03-29 14:02:15 +00:00
Nad Chishtie 5ac3905a37
Use same horizontal padding as room avatar to align to grid 2019-03-27 13:15:03 +01:00
Travis Ralston 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
Bruno Windels 7e56a9a80e prevent resize handle hit area overlapping with (native) scrollbar 2019-03-26 17:14:58 +01:00
Bruno Windels 71f6b08b26 first impl of new scrolling, still a bit broken 2019-03-19 13:42:22 +01:00
Bruno Windels 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
Bruno Windels 30d848b86e use AutoHideScrollbar in ScrollPanel 2019-03-15 10:16:21 +01:00
J. Ryan Stinnett 8bf5e1d19f
Merge pull request #2749 from jryans/auth-field 
Use Field component in auth flows
 2019-03-06 11:18:24 +00:00
J. Ryan Stinnett 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
J. Ryan Stinnett 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
J. Ryan Stinnett 5b1d361577 Convert registration phone number to Field component 
Now that we have prefix support in the Field component, we can also convert the
phone number with country dropdown on registration.
 2019-03-05 17:58:42 +00:00
David Baker 57d8f6d8a2 Support linking to hosting providers 
From link in app config
 2019-03-05 16:12:02 +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
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
Michael Telatynski 7b88d5d21c make ViewSource less awkward 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2019-02-24 03:43:44 +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
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
J. Ryan Stinnett 402992cee4 Adjust add room button for dark theme 2019-02-18 11:34:25 +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
Nad Chishtie 4aa0f56b06 Normalised icon strokes to 1px 2019-02-13 16:11:18 +00:00
J. Ryan Stinnett 5f6907c85e Improve gradients for Safari 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 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 59b58cbbac Restore highlighted right panel marker 2019-02-13 11:31:30 +00:00
J. Ryan Stinnett 1359ac62cb Tweak header divider line 2019-02-13 10:52:03 +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 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
Bruno Windels ccaa017980 add divider between tabs and regular buttons in room header 2019-02-12 20:05:01 +01: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
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 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
Bruno Windels d4ed0bc038 make sure scroller doesn't overflow parent 2019-02-07 17:08:40 +00:00
Travis Ralston 5b4ebf3b76
Merge pull request #2579 from matrix-org/travis/settings/fix-ff-scroll 
Fix firefox scrolling settings tabs differently
 2019-02-07 08:14:08 -07:00
Bruno Windels 5b85f8928d show a hand cursor on the badge while we're at it 2019-02-07 13:40:50 +00:00
Bruno Windels 87ddb8a453
Merge pull request #2575 from matrix-org/bwindels/customtags 
Bring back custom tags, also badges on communities
 2019-02-07 11:37:17 +00:00
J. Ryan Stinnett 73de56d72d Generalize HomePage into EmbeddedPage 2019-02-07 11:12:28 +00:00
Bruno Windels 7b23fa7a4f implement PR feedback 2019-02-07 10:49:23 +00:00
Travis Ralston 9ca1e875a3 Fix firefox scrolling settings tabs differently 
Fixes https://github.com/vector-im/riot-web/issues/8408
 2019-02-06 14:11:09 -07:00
Bruno Windels 699023ea40 prevent tagtiles jumping when selected 2019-02-06 16:53:48 +00:00
Bruno Windels 97db9cd99e fix css regression of context menu 2019-02-06 14:24:44 +00:00
Bruno Windels 0ab6ab639e render badge on custom tag in LLP 2019-02-06 11:21:50 +00:00
Bruno Windels b79394722a make sure scrollbar is at the far right edge of the LLP 2019-02-05 18:03:16 +00:00
Bruno Windels 604020dd59 add selectable custom tags below tag panel 2019-02-05 17:39:02 +00:00
Bruno Windels bdc7936130 move help & communities button out of tag panel 
so we can shove the custom tag buttons between them
in the next commit
 2019-02-05 17:36:33 +00:00
Travis Ralston eac50aa800 Remove old user and room settings 
This takes out the old user and room settings, replacing the paths with the new dialog editions. The labs setting has been removed in order to support this change.

In addition to removing the old components outright, some older components which were only used by the settings pages have been removed. The exception is the ColorSettings component as it has a high chance of sticking around in the future.

Styles that were shared by the settings components have been broken out to dedicated sections, making it easier to remove the old styles entirely.

Some stability testing of the app has been performed to ensure the app still works, however given the scope of this change there is a possibility of some broken functionality.
 2019-02-04 13:40:21 -07:00
Bruno Windels 45e982ac13
Merge pull request #2557 from matrix-org/bwindels/e2eicons 
Add e2e icon to room header/composer/member info, more ...
 2019-02-01 22:02:28 +00:00
J. Ryan Stinnett 3bfd603dab Remove guest warning bar 2019-02-01 15:28:16 -06:00
Bruno Windels 9134548558 update room status bar warning icon 2019-02-01 17:52:57 +01:00
Travis Ralston b12b731781 Minor CSS tweaks 2019-01-31 21:20:30 -07:00
Travis Ralston 4036e52c24 Fixed settings dialog header; Adjust padding on dialog 
Some recent changes to dialogs changed how this works and altered the look of the settings dialogs. This fixes that and makes it so that the header and content scroll independently.

Fixes https://github.com/vector-im/riot-web/issues/8329
Fixes https://github.com/vector-im/riot-web/issues/8328
 2019-01-31 15:52:22 -07:00
Matthew Hodgson c432c79953 remove the bottom gradient entirely for now 2019-01-31 15:03:32 +01:00
Matthew Hodgson 1ee0dc4b66 make overflow gradients much smaller and turn bottom into drop shadow 2019-01-31 13:31:55 +01:00
Bruno Windels 60f28266ae
Merge pull request #2538 from matrix-org/bwindels/community-redesign-cleanup 
Redesign: community page cleanup
 2019-01-31 12:01:08 +00:00
J. Ryan Stinnett de46e6aa0d Use dropdown-arrow for all toggle arrows 2019-01-30 16:39:07 -06:00
Bruno Windels 405cc5cc24 show avatars for members & rooms in group like we do in room right panel 
also apply padding with hacky :not selector to exclude full-width avatar
 2019-01-30 16:59:28 +01:00
Bruno Windels be0de104ff make group header as tall as top left menu/room header 2019-01-30 16:24:02 +01:00
Bruno Windels 4d2a93eaaf
Merge pull request #2527 from jryans/auth-registration 
Style registration flow
 2019-01-30 11:27:45 +00:00
Travis Ralston 68cd87a1c7 Fix indentation on all new settings CSS 2019-01-29 23:11:16 -07:00
J. Ryan Stinnett 01d28bc137 Squeeze country dropdowns to match design 2019-01-29 17:38:28 -06:00
J. Ryan Stinnett 88fd2e79cd Prune unused auth styles 2019-01-29 17:38:28 -06:00
Bruno Windels 855dbd7d2b Merge branch 'experimental' into bwindels/roomdirectory-makeover 2019-01-29 18:33:03 +01:00
Bruno Windels 6ffc5e093d add icons to top left menu options 2019-01-29 16:56:07 +01:00
Bruno Windels 9f1b4ac4cc room directory makeover 2019-01-29 15:34:58 +01:00
Bruno Windels cc2b6f9524
Merge pull request #2470 from matrix-org/bwindels/css-scrollbars 
Make native scrollbars prettier
 2019-01-29 08:20:21 +00:00
J. Ryan Stinnett 20bf683df8
Merge pull request #2517 from jryans/auth-server-type-selector 
Add server type selector and style login flow
 2019-01-28 22:11:14 -06:00
Travis Ralston d34390d230
Merge pull request #2512 from matrix-org/travis/usettings/tab/flair 
Implement flair tab in user settings
 2019-01-28 20:37:22 -07:00
J. Ryan Stinnett 8e9fc8a8e7 Make existing fields full width 2019-01-28 15:29:36 -06:00
J. Ryan Stinnett 398ded4a91 Switch to two phase login 2019-01-28 14:58:21 -06:00
Travis Ralston 3d59cf996f Icon for flair tab 2019-01-28 10:24:18 -07:00
Bruno Windels 55e0838c82
Merge pull request #2507 from matrix-org/bwindels/roomlistjslayout 
Redesign: new layout algorithm for room sublists.
 2019-01-28 14:55:31 +00:00
J. Ryan Stinnett b1f698586e Style SSO login like a button 2019-01-28 08:52:20 -06:00
J. Ryan Stinnett 344a5d1547 Style login type with primary color 2019-01-28 08:52:20 -06:00
J. Ryan Stinnett 73aeb26a79 Remove dead code for empty `matrixIdText` in `PasswordLogin` 2019-01-28 08:52:20 -06:00
Travis Ralston 535d42684f Initial structure for new room settings 2019-01-25 13:09:44 -07:00
Travis Ralston 5dc75e2d3c Have the settings dialog be fixed in size 
This also brings out some classes that aren't solely applicable to the user settings and will be applicable to the room settings as well.
 2019-01-24 19:12:09 -07:00
Travis Ralston f1c1caac62 Implement labs tab in new user settings 2019-01-24 08:52:45 -07:00
Travis Ralston 2a9f6186d7
Merge pull request #2491 from matrix-org/travis/usettings/tab/general 
Implement the "General" tab of new user settings
 2019-01-24 08:51:11 -07:00
Bruno Windels a5297303b0 remove flexbox layout 2019-01-24 15:44:16 +01:00
J. Ryan Stinnett 41c79a93c0
Merge pull request #2489 from jryans/auth-text-and-links 
Update text and links in authentication flows
 2019-01-23 18:40:55 -06:00
Travis Ralston 3f897468a6 Add a ToggleSwitch and use it for SettingsFlag 
Also bring in the compact timeline option.

Without minor CSS changes, the old user settings are completely unusable with this change. As such, minimal effort has been put in to have it be useful. Similarly, the changes drop the use of radio groups and the old theme selector was the only one that used it. See the comments for more details on how/why this was mitigated the way it was.
 2019-01-23 15:50:41 -07:00
J. Ryan Stinnett 9f5f552be1 Move LanguageSelector to views 
It's too simple to be called a structure.
 2019-01-23 16:14:03 -06:00
J. Ryan Stinnett f4bbfc4aeb Remove unneeded style from forgot password 2019-01-23 15:50:44 -06:00
J. Ryan Stinnett 9b3d674a92 Rename links for changing auth flow 2019-01-23 15:50:44 -06:00
J. Ryan Stinnett 2bb5a1d6ef Clear out other login link styles 2019-01-23 15:50:44 -06:00
J. Ryan Stinnett e396954a20 Update forgot password link text and style 2019-01-23 15:50:44 -06:00
J. Ryan Stinnett 523d910c66 Use new dropdown arrow for language selector 2019-01-23 10:18:06 -06:00
J. Ryan Stinnett 05254f0e82 Tweak language selector to match design 2019-01-23 10:18:06 -06:00
J. Ryan Stinnett f9793fa567 Extract language selector styles 2019-01-23 10:18:06 -06:00
Travis Ralston 94b1d739fb
Merge pull request #2476 from matrix-org/travis/modal-tab-settings 
Basic structure for tabbed user settings
 2019-01-23 07:52:44 -07:00
Travis Ralston 0deb210fd8 Collapse DOM around tab label icon 2019-01-22 09:54:35 -07:00
Bruno Windels 3c8bd3fc78
Merge pull request #2456 from matrix-org/bwindels/extendtypingbartiming 
Avoid "jumpiness" with inline typing indicator
 2019-01-22 11:04:25 +00:00
J. Ryan Stinnett 1d01ac398c Rename `mx_Login_box` to `mx_AuthPage_modal` and fold into `AuthPage` 2019-01-21 19:11:43 -06:00
J. Ryan Stinnett 3bd765f63f Rename LoginPage, Header, Footer views to Auth* 2019-01-21 19:11:43 -06:00
J. Ryan Stinnett c7354f483b Rename LoginBox to AuthButtons 
This component displays login and register buttons. It's currently used in the
composer when viewing a room as a guest.

The name is confusing because the login flow uses are very similarly named
`mx_Login_box` as a wrapping around forms, which is totally different than these
buttons.

Additionally, the components is moved to `views/auth` since it is very simple
and auth related.
 2019-01-21 19:11:43 -06:00
Travis Ralston 15a56fa90b Improve the profile section a bit and add a highlight to the temp tab 2019-01-21 17:27:43 -07:00
Travis Ralston c3692aa9ae Use the right icons, sizing, and font families for things 2019-01-21 16:51:43 -07:00
Travis Ralston d907647e61 Spread the tabs out a bit 2019-01-21 16:51:43 -07:00
Travis Ralston f1e44757f0 Very early work on the "General" tab 2019-01-21 16:51:43 -07:00
Travis Ralston 22435bf8d2 Make the dialog look more like a new dialog 2019-01-21 16:51:43 -07:00
Travis Ralston a7e3d7df28 Make the tabs look like the design 2019-01-21 16:51:43 -07:00
Travis Ralston 15709040e7 Make tabs be their own panels 2019-01-21 16:51:43 -07:00
Travis Ralston 5adfc09237 Bring in TabbedView nearly verbatim from prior work 
Sourced from https://github.com/matrix-org/matrix-react-sdk/pull/1644 and related PRs.
 2019-01-21 16:51:43 -07:00
J. Ryan Stinnett 29be3ee4b5 Rename login directory to auth 2019-01-21 17:45:55 -06:00
Bruno Windels 5aff76b49d use css scrollbar styles to make native scrollbars prettier 2019-01-21 19:06:49 +01:00
Bruno Windels 018f3d2a5c use box-sizing: border-box to make clientHeight === actual height 2019-01-21 17:30:02 +01:00
Matthew Hodgson efcfaed335 switch to 35px high gradients 2019-01-20 14:31:06 +00:00
J. Ryan Stinnett b2387f4cff Define SCSS variable for resource dir 
Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res`
directory.

This is a different base path than previously used in CSS URLs (it goes up 3
directories instead of 2), because Webpack will now be resolving images relative
to the root SCSS file, so the path corresponds to a source tree location,
instead of a path in the build output tree.

Defining this variable has two main goals:

* URLs are a bit easier to read
* The path can be overridden, which is needed for external (riot-web) themes
 2019-01-17 22:06:49 -06:00
J. Ryan Stinnett 9a7a8da6c0 Use font-family from theme in all components 2019-01-17 21:50:45 -06:00
Bruno Windels 921906897f css url paths are relative to location of compiled file, not project structure 2019-01-17 13:49:52 +01:00
Bruno Windels 89b576936b
Merge pull request #2448 from matrix-org/bwindels/searchmakeover 
Redesign: search makeover
 2019-01-17 12:12:26 +00:00
Bruno Windels 8c30d05eb8 Revert "Merge pull request #2348 from matrix-org/bwindels/roomgridview-experimental" 
This reverts commit ece5cb1fcc, reversing
changes made to 64a3d2521c.
 2019-01-17 10:29:37 +01:00
Bruno Windels 0229453482
Merge pull request #2440 from matrix-org/bwindels/smarterresizer 
Improve room sublist resizing
 2019-01-16 10:55:53 +00:00
Bruno Windels 899ee265e3 Merge branch 'experimental' into bwindels/searchmakeover 2019-01-16 11:17:38 +01:00
Bruno Windels 924e1f9e4a don't show event search results with underline/blue 2019-01-16 11:14:30 +01:00
Bruno Windels c07470be7b show a spinner while searching 2019-01-15 18:45:56 +01:00
J. Ryan Stinnett 6597e977c8 Update context menu styling to match custom status comps 2019-01-15 10:54:29 -06:00
Bruno Windels 1bbf1502ec Merge branch 'experimental' into bwindels/smarterresizer 2019-01-15 10:23:50 +01:00
Bruno Windels 961e0d24df flex-basis to 0 so sublists shrink/grow not-relative to their content 2019-01-14 14:41:31 +01:00
Bruno Windels a413f358f7 normalize sizes when starting drag operation 2019-01-11 17:17:58 +01:00
Bruno Windels 1a2727f0af sized items cannot grow, unsized items start with their content size and shrink from there 2019-01-10 14:03:55 +01:00
Bruno Windels 40e8e48e08 fix grid growing wider than viewport 2019-01-09 19:05:21 +01:00
Bruno Windels ece5cb1fcc
Merge pull request #2348 from matrix-org/bwindels/roomgridview-experimental 
Tiled room UI
 2019-01-09 17:25:08 +00:00
Bruno Windels 254427461d fix PR feedback 2019-01-09 12:48:13 +01:00
Bruno Windels 0c364510ef trying to make the left panel not grow taller than available space 2019-01-08 18:16:37 +01:00
Bruno Windels b4197059a0 change min size to exactly one room tile + header 2019-01-08 18:16:09 +01:00
Bruno Windels 4bd6ce8e2c WIP2 for making smart resizer work, sort of works now but shows big scrollbar 2019-01-08 16:47:47 +01:00
J. Ryan Stinnett a1daecc249 Remove empty CSS rule 2019-01-07 14:12:32 -06:00
Bruno Windels 290dc9d8fb Merge branch 'experimental' into bwindels/roomgridview-experimental 2019-01-07 14:17:57 +01:00
Nad Chishtie 09bf68b1bd Improved colours. 2018-12-20 12:46:43 +00:00
Nad Chishtie d7473c4f4d Various colour, contrast and legibility improvements. 2018-12-20 11:35:21 +00:00
Nad Chishtie 6c2d2f60cf Polished left left panel. 2018-12-20 11:34:20 +00:00
Bruno Windels f7ed1ff046 avoid buttons being deformed in collapsed state 
unsure what this was doing before,
I suspect the BottomLeftMenu which is gone now.
 2018-12-19 12:59:03 +01:00
Bruno Windels b3a12867a6 remove extra blank lines 2018-12-19 12:56:08 +01:00
Bruno Windels b826b0d998 Add redesign feedback dialog + button in tag panel 2018-12-19 12:27:05 +01:00
Nad Chishtie a829bc901c Updated CSS syntax to avoid 'transparent black'. 2018-12-18 17:59:46 +00:00
Bruno Windels 1d43712a8f Merge branch 'experimental' into nadonomy/icons 2018-12-18 18:22:24 +01:00
Nad Chishtie 074c96cd3e First pass of normalising icons. 2018-12-18 16:48:20 +00:00
Bruno Windels f0a412e721 fix docs 2018-12-18 14:32:46 +01:00
Bruno Windels 12a339fe10 change subroomlist min height, as roomtiles are smaller now 2018-12-18 14:32:26 +01:00
Bruno Windels affe75fd3f make scroll indicator gradient smaller (40px->30px) 2018-12-18 14:31:59 +01:00
Bruno Windels b0c84591d7 show focus glow below dialogs (at z-index 4000) 2018-12-13 13:01:59 +01:00
Bruno Windels f593bff3c3 show right panel tabs inside panel instead of room header in grid mode 2018-12-13 13:01:59 +01:00
Bruno Windels ec070ea782 use % instead of fr units for grid, make size independant of content 2018-12-13 13:01:59 +01:00
Bruno Windels 74becf71d8 add right panel back to grid view 2018-12-13 13:01:59 +01:00
Bruno Windels 2ceef00944 style active room rect, and make it not jump 2018-12-13 13:01:59 +01:00
Bruno Windels cf0f75cad4 allow changing active room in grid by clicking it 2018-12-13 13:01:59 +01:00
Bruno Windels fdd324a943 basic divider lines for tiles 2018-12-13 13:01:59 +01:00
Bruno Windels d4748c91df add first draft of RoomGridView 2018-12-13 13:01:59 +01:00
Bruno Windels 9f5a0250bf
Merge pull request #2345 from matrix-org/bwindels/jumptofirstunread-rebased 
Redesign: restyle jump to first unread message & rework read marker logic (rebased)
 2018-12-12 10:13:51 +00:00
Bruno Windels ac9902e52a apply redesign to topunreadmessagebar 
with placeholder for message count
 2018-12-11 15:43:00 +01:00
Bruno Windels 678a982bbb dont use more padding than needed so no shrinking happens (my guess) 2018-12-11 13:02:04 +01:00
Bruno Windels a8f9a74920 make mygroups look slightly more in line with redesign 2018-12-10 17:55:30 +01:00
Bruno Windels ab728ead72 give group header some padding 2018-12-10 16:51:19 +01:00
Bruno Windels f987a50fef make add community icon themeable and give it background so it's visible 2018-12-10 15:43:57 +01:00
Bruno Windels fe76287035 style communities button, make it visible again 2018-12-10 15:43:48 +01:00
Bruno Windels 8f4292399b
Merge pull request #2297 from matrix-org/bwindels/roomlistsizingimprovements 
Redesign: improve room sub list sizing & persist sizes
 2018-11-27 13:40:48 +00:00
Bruno Windels 887defda9c temp solution to make room settings usable 
make mx_fadable not do anything anymore, and make room settings
full size.

Room settings haven't been designed yet, so all of this will
have a full pass when we have a go at it.
 2018-11-26 17:58:51 +01:00
Bruno Windels 61d9fe95e9 add 3 flex-shrink categories + make it work with overflow indicators 2018-11-26 14:50:29 +01:00
Bruno Windels 67e0030ccd Merge branch 'develop' into experimental 2018-11-26 13:10:29 +01:00
Richard van der Hoff 90f22c7b43 Support for m.login.sso 
Adds support for the m.login.sso login type, which is handled the same way as
CAS, and also makes it look a bit nicer.
 2018-11-15 19:05:39 +00:00
Bruno Windels 0f226853f5 add scroll indicator gradients to top and bottom of room sub list 2018-11-12 12:57:21 +01:00
Bruno Windels 883126a528 Merge branch 'experimental' into bwindels/memberqueryfield 2018-11-07 13:29:28 +01:00
Bruno Windels 9e95a1402c
Merge pull request #2269 from matrix-org/bwindels/roomlistpolish 
Redesign: room list visual polish
 2018-11-07 11:44:47 +00:00
J. Ryan Stinnett 975392cbbb Add visible guest warning to encourage login 
If you happen to get logged out, it might not be very clear what has happened
visually. This adds a visible warning to the top of the home page to suggest
logging in.

Fixes vector-im/riot-web#7629.

Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
 2018-11-06 21:08:57 +01:00
Bruno Windels 4e773c2665 Make right panel a dark-panel instead of every descendant. 
Also move bg color central.
 2018-11-06 14:47:58 +01:00
Bruno Windels 3bd0bcde4b align room sub list header with design 
also make css more maintainable with less hardcoded dimensions
 2018-11-06 14:03:01 +01:00
Bruno Windels c9dc273cb0 better native scrollbar width compensation for FF 
instead of having to offset the padding of children of the
autohiding scrollbar container, which gets fiddly quickly,
add a new child to the scrollbar container that gets a negative
margin of the scrollbar width when needed
(on hover and overflowing when overlay is not supported).

This needs an extra DOM element, but as it doesn't do anything weird
layout-wise (like set position), it shouldn't affect styling at all.

It also makes the auto hide scrollbar workarounds completely transparent
to the rest of the code.
 2018-11-06 11:37:49 +01:00
Bruno Windels 645ae73f3b undo type/brain fart 2018-11-05 14:27:27 +01:00
Bruno Windels 665d424758 use svg icon in add room button 2018-11-05 14:25:28 +01:00
Bruno Windels cb8393d449 fix room sublist padding when collapsed 2018-11-05 14:22:55 +01:00
Bruno Windels c0e3e3925f more badge cleanup 2018-11-05 14:22:41 +01:00
Bruno Windels 01626d6b02 never show horizontal scrollbar in subroom list 2018-11-05 14:21:58 +01:00
Bruno Windels 010f077092 align badges with design 2018-11-05 10:35:38 +01:00
Bruno Windels 1d77a67683 fix room list chevron 2018-11-05 10:09:05 +01:00
Bruno Windels 701dd6d33f restyle search close button 2018-11-05 09:54:14 +01:00
Bruno Windels 6db81edf6c restyle SearchBox & make it more reusable 
as we can reuse it in the room header
 2018-11-05 09:35:44 +01:00
Bruno Windels 9546df609e
Merge pull request #2260 from matrix-org/bwindels/rightpanelbelowheader 
Redesign: move right panel below room/group header
 2018-11-02 14:12:24 +00:00
Bruno Windels 3e02f247c8 use AutoHideScrollbar in RoomSubList 2018-11-01 17:33:21 +01:00
Bruno Windels 03781e1327 AutoHideScrollbar component 
shows scrollbar on hover when needed
has fallback to overflow: overlay
and fiddling with padding to make content not jump on hover.
 2018-11-01 16:32:17 +01:00
Bruno Windels 870280c6c7 move rightpanel into group view 2018-10-31 12:09:24 +01:00
Bruno Windels a40f1933f2 put RightPanel as sibling of .mx_RoomView_body instead of RoomView 2018-10-30 18:13:17 +01:00
Bruno Windels 4972b1ba7c move aux panel into room body 
to put a resize handle between the body and the right panel later on
 2018-10-30 13:25:06 +01:00