mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-27 11:47:23 +03:00
Code Issues Projects Releases Packages Wiki Activity
element-web/res/css/_components.scss

267 lines
13 KiB
SCSS
Raw Normal View History

move components' CSS to be in the same repo as their JS
2018-04-12 02:23:35 +03:00
// autogenerated by rethemendex.sh
@import "./_common.scss";
Remove sort and include new scss file in components
2020-04-02 15:42:59 +03:00
@import "./_font-sizes.scss";
Iterate PR, tweak margins
2020-08-18 14:00:56 +03:00
@import "./_font-weights.scss";
use AutoHideScrollbar in RoomSubList
2018-11-01 18:34:12 +03:00
@import "./structures/_AutoHideScrollbar.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./structures/_CompatibilityPage.scss";
@import "./structures/_ContextualMenu.scss";
@import "./structures/_CreateRoom.scss";
add selectable custom tags below tag panel
2019-02-05 20:39:02 +03:00
@import "./structures/_CustomRoomTagPanel.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./structures/_FilePanel.scss";
Add a generic error page element for startup errors Used by Riot to communicate configuration problems.
2019-04-12 00:52:37 +03:00
@import "./structures/_GenericErrorPage.scss";
Implement call hold Currently just by adding /holdcall and /unholdcall slash commands The only place the hold status of the call is currently represented is when the call is a voice call and you're viewing a different room: it's not wired up when you're viewing the room because that currently uses the room status bar which it won't do with the new UI. Also convert VideoFeed to typescript, and remove videoview because it essentially just managed the fullscreen functionality, but we'll want and 'on hold' representation (and probably chrome for hagnup etc) in the fullscreen UI too, so let's just make CallView the thing that gets fullscreened.
2020-10-29 20:56:24 +03:00
@import "./structures/_GroupFilterPanel.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./structures/_GroupView.scss";
add divider between tabs and regular buttons in room header
2019-02-12 22:04:24 +03:00
@import "./structures/_HeaderButtons.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./structures/_HomePage.scss";
LeftPanel2 -> LeftPanel
2020-07-18 00:22:18 +03:00
@import "./structures/_LeftPanel.scss";
Implement Left Panel User Widget Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-09-24 11:28:49 +03:00
@import "./structures/_LeftPanelWidget.scss";
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 14:45:55 +03:00
@import "./structures/_MainSplit.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./structures/_MatrixChat.scss";
@import "./structures/_MyGroups.scss";
Introduce a concept of "non-urgent" toasts This is somewhat expected to be temporary.
2020-07-29 21:43:35 +03:00
@import "./structures/_NonUrgentToastContainer.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./structures/_NotificationPanel.scss";
@import "./structures/_RightPanel.scss";
@import "./structures/_RoomDirectory.scss";
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-09 05:33:21 +03:00
@import "./structures/_RoomSearch.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./structures/_RoomStatusBar.scss";
@import "./structures/_RoomView.scss";
first impl of new scrolling, still a bit broken
2019-03-19 15:42:22 +03:00
@import "./structures/_ScrollPanel.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./structures/_SearchBox.scss";
Add Space Panel with Room List filtering
2021-02-26 13:23:09 +03:00
@import "./structures/_SpacePanel.scss";
Initial Space room directory view
2021-03-02 17:11:38 +03:00
@import "./structures/_SpaceRoomDirectory.scss";
Initial SpaceRoomView work
2021-03-01 21:10:17 +03:00
@import "./structures/_SpaceRoomView.scss";
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-18 23:43:17 +03:00
@import "./structures/_TabbedView.scss";
add ToastContainer
2019-11-20 18:18:28 +03:00
@import "./structures/_ToastContainer.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./structures/_UploadBar.scss";
Rename UserMenuButton to UserMenu for new scope
2020-06-26 04:29:12 +03:00
@import "./structures/_UserMenu.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./structures/_ViewSource.scss";
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-16 00:13:56 +03:00
@import "./structures/auth/_CompleteSecurity.scss";
Rename login directory to auth
2019-01-22 01:11:10 +03:00
@import "./structures/auth/_Login.scss";
Add modal look to authentication flows This changes the auth screens to use the modal-like style of the redesign. This does not attempt to style the actual body content of each screen. Instead, it covers the header area with logo, footer links, and overall modal container only.
2019-01-23 04:28:23 +03:00
@import "./views/auth/_AuthBody.scss";
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-22 02:49:50 +03:00
@import "./views/auth/_AuthButtons.scss";
Rename LoginPage, Header, Footer views to Auth*
2019-01-22 03:33:17 +03:00
@import "./views/auth/_AuthFooter.scss";
@import "./views/auth/_AuthHeader.scss";
Extract auth header logo to new component This will allow `riot-web` to replace only the logo, rather than the whole header.
2019-01-23 06:51:42 +03:00
@import "./views/auth/_AuthHeaderLogo.scss";
Rename LoginPage, Header, Footer views to Auth*
2019-01-22 03:33:17 +03:00
@import "./views/auth/_AuthPage.scss";
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-28 01:27:11 +03:00
@import "./views/auth/_CompleteSecurityBody.scss";
Change country dropdown to be smaller with arrow on right
2019-01-30 01:04:44 +03:00
@import "./views/auth/_CountryDropdown.scss";
Rename login directory to auth
2019-01-22 01:11:10 +03:00
@import "./views/auth/_InteractiveAuthEntryComponents.scss";
Move LanguageSelector to views It's too simple to be called a structure.
2019-01-24 01:10:34 +03:00
@import "./views/auth/_LanguageSelector.scss";
Extract Password field from Registration into a reusable component Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-14 22:19:15 +03:00
@import "./views/auth/_PassphraseField.scss";
Add language selector to bottom of welcome
2019-02-08 14:39:30 +03:00
@import "./views/auth/_Welcome.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/avatars/_BaseAvatar.scss";
Implement breadcrumb notifications and scrolling
2020-07-01 01:24:46 +03:00
@import "./views/avatars/_DecoratedRoomAvatar.scss";
Replace the avatar next to the composer with a status entry menu The checkmark might change, and there appears to be some state tracking mishaps that need to be worked out. Part of https://github.com/vector-im/riot-web/issues/1528
2018-12-13 04:03:30 +03:00
@import "./views/avatars/_MemberStatusMessageAvatar.scss";
Fix review details - spelling mistake - unwatch watched setting - lint (indentation) - use more performant component
2020-07-07 17:11:08 +03:00
@import "./views/avatars/_PulsedAvatar.scss";
Switch to WidgetAvatar Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-12 15:16:55 +03:00
@import "./views/avatars/_WidgetAvatar.scss";
Show Spaces beta card in Labs & My Communities view the image is temporary
2021-04-27 18:29:42 +03:00
@import "./views/beta/_BetaCard.scss";
Add UI for hold functionality
2020-11-26 17:35:09 +03:00
@import "./views/context_menus/_CallContextMenu.scss";
Factor out Iconized Context Menu for reusabilit
2020-08-04 23:42:39 +03:00
@import "./views/context_menus/_IconizedContextMenu.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/context_menus/_MessageContextMenu.scss";
Move status context menu to its own component This fixes a lot of the state bugs such as buttons not updating, etc. This commit also adds the border around the avatar to indicate a status is set.
2018-12-13 08:26:39 +03:00
@import "./views/context_menus/_StatusMessageContextMenu.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/context_menus/_TagTileContextMenu.scss";
Add an add existing room to space CTA to Space View
2021-03-02 16:32:24 +03:00
@import "./views/dialogs/_AddExistingToSpaceDialog.scss";
Design tweaks to dialogs Little bit of a mix of things in this one: * Support variable-width dialogs. Default is fixed-width as before, only UploadConformDialog is variable-width. Controlled by a prop to BaseDialog. * Fixes to the cancel 'x' - scale the mask image, tweak size & colour * Colour & boldness of dialog titles * Align the dialog title & cancel 'x' * Remove gap between dialog buttons & right hand side of dialog(!) * Round corners on dialogs * Add grey border on image preview in upload confirm dialog * and, squeezing in slightly randomly, finish the partially renamed ChatInviteDialog to AddressPickerDialog.
2019-04-03 18:27:45 +03:00
@import "./views/dialogs/_AddressPickerDialog.scss";
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 23:25:26 +03:00
@import "./views/dialogs/_Analytics.scss";
Tweak the feedbacks a tad
2021-05-11 19:30:33 +03:00
@import "./views/dialogs/_BetaFeedbackDialog.scss";
Iterate rageshake download styling
2020-08-13 15:08:07 +03:00
@import "./views/dialogs/_BugReportDialog.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/dialogs/_ChangelogDialog.scss";
@import "./views/dialogs/_ChatCreateOrReuseChatDialog.scss";
Rename components to match prior convention
2020-08-26 17:50:32 +03:00
@import "./views/dialogs/_CommunityPrototypeInviteDialog.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/dialogs/_ConfirmUserActionDialog.scss";
Rename components to match prior convention
2020-08-26 17:50:32 +03:00
@import "./views/dialogs/_CreateCommunityPrototypeDialog.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/dialogs/_CreateGroupDialog.scss";
@import "./views/dialogs/_CreateRoomDialog.scss";
Change wording and appearance of Deactivate Account dialog
2018-05-24 13:50:45 +03:00
@import "./views/dialogs/_DeactivateAccountDialog.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/dialogs/_DevtoolsDialog.scss";
Add a simple edit dialog for communities
2020-08-31 19:52:08 +03:00
@import "./views/dialogs/_EditCommunityPrototypeDialog.scss";
Initial Countly work
2020-10-29 18:53:14 +03:00
@import "./views/dialogs/_FeedbackDialog.scss";
Replace forwarding UI with dialog Replaces the old forwarding UI with a dialog based on designs from https://github.com/vector-im/element-web/issues/14690. Signed-off-by: Robin Townsend <robin@robin.town>
2021-05-09 02:48:34 +03:00
@import "./views/dialogs/_ForwardDialog.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/dialogs/_GroupAddressPicker.scss";
Rename Element Pro -> Host Signup
2021-01-04 17:05:49 +03:00
@import "./views/dialogs/_HostSignupDialog.scss";
Add display name / avatar to incoming sas dialog Fetch the other user's profile & display it on an incoming verification request
2019-02-11 18:57:34 +03:00
@import "./views/dialogs/_IncomingSasDialog.scss";
Rename DMInviteDialog to be a generic Invite Dialog
2020-01-16 23:42:34 +03:00
@import "./views/dialogs/_InviteDialog.scss";
Add Keyboard shortcuts dialog Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-18 19:40:21 +03:00
@import "./views/dialogs/_KeyboardShortcutsDialog.scss";
very basic & hackish edit history dialog
2019-05-29 19:03:05 +03:00
@import "./views/dialogs/_MessageEditHistoryDialog.scss";
Initial Modal Widget work tweaks MSC2790 Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-09-25 16:08:27 +03:00
@import "./views/dialogs/_ModalWidgetDialog.scss";
Add new session verification details dialog This gives more info on the session you're about to verify, including device name and ID. Fixes https://github.com/vector-im/riot-web/issues/11977
2020-01-28 02:14:02 +03:00
@import "./views/dialogs/_NewSessionReviewDialog.scss";
Improve no email warning during registration
2020-11-23 13:25:46 +03:00
@import "./views/dialogs/_RegistrationEmailPromptDialog.scss";
Initial structure for new room settings
2019-01-25 22:51:33 +03:00
@import "./views/dialogs/_RoomSettingsDialog.scss";
Factor out into BridgeTile
2020-01-27 17:05:22 +03:00
@import "./views/dialogs/_RoomSettingsDialogBridges.scss";
Support for room upgrades * Show when a room upgrade is needed * Dialog box to perform the upgrade
2018-08-17 16:54:43 +03:00
@import "./views/dialogs/_RoomUpgradeDialog.scss";
Add an option to invite users to upgraded private rooms The option doesn't show up on public room upgrades.
2019-11-28 06:29:11 +03:00
@import "./views/dialogs/_RoomUpgradeWarningDialog.scss";
Implement dialog for resending local echo transactions
2020-07-30 05:36:04 +03:00
@import "./views/dialogs/_ServerOfflineDialog.scss";
Replace *ServerConfig and SignInToText with ServerPicker
2020-11-25 12:46:56 +03:00
@import "./views/dialogs/_ServerPickerDialog.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/dialogs/_SetEmailDialog.scss";
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-25 05:12:09 +03:00
@import "./views/dialogs/_SettingsDialog.scss";
Style the ShareDialog Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-06-12 13:12:26 +03:00
@import "./views/dialogs/_ShareDialog.scss";
Split out SlashCommandHelpDialog, group by category and style it Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-08-06 20:03:38 +03:00
@import "./views/dialogs/_SlashCommandHelpDialog.scss";
Add a basic Space Settings view
2021-03-02 13:34:28 +03:00
@import "./views/dialogs/_SpaceSettingsDialog.scss";
Support multiple integration managers behind a labs flag Fixes https://github.com/vector-im/riot-web/issues/10622 Implements [MSC1957](https://github.com/matrix-org/matrix-doc/pull/1957) Design is not final.
2019-08-23 18:12:40 +03:00
@import "./views/dialogs/_TabbedIntegrationManagerDialog.scss";
Initial support for ToS dialogs for IS/IM as per MSC2140
2019-07-09 20:51:56 +03:00
@import "./views/dialogs/_TermsDialog.scss";
Extract UntrustedDeviceDialog and fix e2ee icon
2021-05-12 19:04:24 +03:00
@import "./views/dialogs/_UntrustedDeviceDialog.scss";
Implement redesigned upload confirmation screens Also fairly significant refactor of the uploading code: there are a number of different ways of triggerring a file upload and each went through a different code path (the media config size limit worked on one of those paths). Basically take a lot of code out of the views and put it into ContentMessages. Sorry about the size of this patch. https://github.com/vector-im/riot-web/issues/7565
2019-04-01 18:42:41 +03:00
@import "./views/dialogs/_UploadConfirmDialog.scss";
Make the tabs look like the design
2019-01-19 05:40:21 +03:00
@import "./views/dialogs/_UserSettingsDialog.scss";
Developer design a permissions dialog
2020-11-18 06:38:59 +03:00
@import "./views/dialogs/_WidgetCapabilitiesPromptDialog.scss";
Support whitelisting/blacklisting widgets for OpenID
2019-03-16 06:33:31 +03:00
@import "./views/dialogs/_WidgetOpenIDPermissionsDialog.scss";
Move security-related dialogs to a common directory
2020-09-10 15:56:07 +03:00
@import "./views/dialogs/security/_AccessSecretStorageDialog.scss";
Remove room recovery reminder The Secure Backup toast replaces this with better UX. Part of https://github.com/vector-im/element-web/issues/13895
2020-09-15 19:53:04 +03:00
@import "./views/dialogs/security/_CreateCrossSigningDialog.scss";
Move security-related dialogs to a common directory
2020-09-10 15:56:07 +03:00
@import "./views/dialogs/security/_CreateKeyBackupDialog.scss";
@import "./views/dialogs/security/_CreateSecretStorageDialog.scss";
@import "./views/dialogs/security/_KeyBackupFailedDialog.scss";
@import "./views/dialogs/security/_RestoreKeyBackupDialog.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/directory/_NetworkDropdown.scss";
@import "./views/elements/_AccessibleButton.scss";
@import "./views/elements/_AddressSelector.scss";
@import "./views/elements/_AddressTile.scss";
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-17 02:23:37 +03:00
@import "./views/elements/_DesktopBuildsNotice.scss";
Improve UI Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2020-12-26 18:56:25 +03:00
@import "./views/elements/_DesktopCapturerSourcePicker.scss";
Show a stop button to stop the recording
2021-03-17 08:43:59 +03:00
@import "./views/elements/_DirectorySearchBox.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/elements/_Dropdown.scss";
@import "./views/elements/_EditableItemList.scss";
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 18:26:23 +03:00
@import "./views/elements/_ErrorBoundary.scss";
regenerate components Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-09-12 18:56:35 +03:00
@import "./views/elements/_EventListSummary.scss";
Show a face pile on a space preview
2021-03-25 19:15:34 +03:00
@import "./views/elements/_FacePile.scss";
Add a form field component for the redesign The label moves into the border on focus and after being filled. A valid color is applied to the label and input border. Other states like invalid can be added later as needed. Adapted from @ara4n's experiment into a React component with a CSS only approach.
2019-01-20 07:11:20 +03:00
@import "./views/elements/_Field.scss";
add new-styled button might merge it later on with accessible button
2019-11-20 18:18:59 +03:00
@import "./views/elements/_FormButton.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/elements/_ImageView.scss";
Add new create group dialog
2020-08-25 22:58:15 +03:00
@import "./views/elements/_InfoTooltip.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/elements/_InlineSpinner.scss";
Tweak appearance of invite reason This adjusts the display of invite reasons to match design feedback. Fixes https://github.com/vector-im/element-web/issues/16869
2021-04-12 14:28:42 +03:00
@import "./views/elements/_InviteReason.scss";
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 23:25:26 +03:00
@import "./views/elements/_ManageIntegsButton.scss";
Extract MiniAvatarUploader into a reusable component
2020-11-05 18:42:45 +03:00
@import "./views/elements/_MiniAvatarUploader.scss";
Convert PowerSelector to use mxField instead
2019-02-07 21:31:35 +03:00
@import "./views/elements/_PowerSelector.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/elements/_ProgressBar.scss";
move styling to QRCode scss Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-14 13:20:06 +03:00
@import "./views/elements/_QRCode.scss";
post BigMerge fixup - merge in stuff from riot-web PR Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-04-20 11:23:27 +03:00
@import "./views/elements/_ReplyThread.scss";
add resize handles between 3 main app columns
2018-09-24 18:07:42 +03:00
@import "./views/elements/_ResizeHandle.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/elements/_RichText.scss";
@import "./views/elements/_RoleButton.scss";
implement RoomAliasField component adding a postfix to Field to show the domain name
2019-09-20 18:45:14 +03:00
@import "./views/elements/_RoomAliasField.scss";
Initial support for MSC2858
2020-11-23 20:10:15 +03:00
@import "./views/elements/_SSOButtons.scss";
Replace *ServerConfig and SignInToText with ServerPicker
2020-11-25 12:46:56 +03:00
@import "./views/elements/_ServerPicker.scss";
Move slider themes
2020-04-21 14:06:10 +03:00
@import "./views/elements/_Slider.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/elements/_Spinner.scss";
Create and use stylised checkboxes
2020-05-29 00:33:00 +03:00
@import "./views/elements/_StyledCheckbox.scss";
Radio buttons
2020-06-10 15:03:00 +03:00
@import "./views/elements/_StyledRadioButton.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/elements/_SyntaxHighlight.scss";
Render underlines and tooltips on custom server names in auth pages See https://github.com/vector-im/riot-web/issues/9290
2019-05-14 02:16:40 +03:00
@import "./views/elements/_TextWithTooltip.scss";
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-24 01:50:41 +03:00
@import "./views/elements/_ToggleSwitch.scss";
adds validation for fields. * renames RoomTooltip to be a generic Tooltip (which it is) * hooks it into Field to show validation results * adds onValidate to Field to let Field instances call an arbitrary validation function Rebased from @ara4n's https://github.com/matrix-org/matrix-react-sdk/pull/2550 by @jryans. Subsequent commits revise and adapt this work.
2019-02-01 02:36:19 +03:00
@import "./views/elements/_Tooltip.scss";
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 13:26:11 +03:00
@import "./views/elements/_TooltipButton.scss";
Add validation feedback helper This adds a general validation feedback mechanism for checking input values. An initial example is wired up for the username input on registration.
2019-04-16 18:52:31 +03:00
@import "./views/elements/_Validation.scss";
Add full emoji picker for reactions Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-14 00:32:11 +03:00
@import "./views/emojipicker/_EmojiPicker.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/groups/_GroupPublicityToggle.scss";
@import "./views/groups/_GroupRoomList.scss";
@import "./views/groups/_GroupUserSettings.scss";
Support room creation events For https://github.com/vector-im/riot-web/issues/7164
2018-08-20 18:20:59 +03:00
@import "./views/messages/_CreateEvent.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/messages/_DateSeparator.scss";
Consolidate all EventTile bubble stuff into its own component and use it for the room continuation plinth
2020-11-04 20:00:07 +03:00
@import "./views/messages/_EventTileBubble.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/messages/_MEmoteBody.scss";
@import "./views/messages/_MFileBody.scss";
@import "./views/messages/_MImageBody.scss";
Render Jitsi widget state events in a more obvious way A clear improvement to this would be to include join/leave buttons in the tiles, however this is currently deferred.
2020-09-16 21:38:47 +03:00
@import "./views/messages/_MJitsiWidgetEvent.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/messages/_MNoticeBody.scss";
@import "./views/messages/_MStickerBody.scss";
@import "./views/messages/_MTextBody.scss";
Fix width of MVideoBody in FilePanel Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-12 02:56:21 +03:00
@import "./views/messages/_MVideoBody.scss";
Simple rendering of voice messages in the timeline Fixes https://github.com/vector-im/element-web/issues/17138
2021-05-03 20:41:14 +03:00
@import "./views/messages/_MVoiceMessageBody.scss";
Extract message options button to action bar This adds a new action bar component to hold multiple per-message actions. This existing options button has moved to this new component, and is currently the only action.
2019-04-26 14:14:30 +03:00
@import "./views/messages/_MessageActionBar.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/messages/_MessageTimestamp.scss";
Hide messages blocked by ban lists
2019-11-01 01:19:42 +03:00
@import "./views/messages/_MjolnirBody.scss";
Display existing reactions below the message This displays the existing reactions a message has from all users below the message. Since we don't currently have an API to actually get these events yet, adds a temporary hook that looks for a specific message to inject some sample data. This helps build out the UI for now and can be removed once it exists. Fixes https://github.com/vector-im/riot-web/issues/9573
2019-05-01 20:05:11 +03:00
@import "./views/messages/_ReactionsRow.scss";
@import "./views/messages/_ReactionsRowButton.scss";
Redesign redactions Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-24 17:07:39 +03:00
@import "./views/messages/_RedactedBody.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/messages/_RoomAvatarEvent.scss";
@import "./views/messages/_SenderProfile.scss";
@import "./views/messages/_TextualEvent.scss";
@import "./views/messages/_UnknownBody.scss";
Debug: Show all events
2019-05-02 17:11:06 +03:00
@import "./views/messages/_ViewSourceEvent.scss";
Make encryption events into bubble-style tiles Factors out the verification tile stuff into encryption event styles so we can reuse them betwen all the encryption event tiles. Also makes the event list summary stuff even more gnarly by putting the encryption event tile above the group. We really need to refactor that. :/ Fixes https://github.com/vector-im/riot-web/issues/12006
2020-01-30 23:03:26 +03:00
@import "./views/messages/_common_CryptoEvent.scss";
Create new right panel cards
2020-09-08 10:48:03 +03:00
@import "./views/right_panel/_BaseCard.scss";
Apply a huge part of the decorations and copy
2020-01-24 19:16:46 +03:00
@import "./views/right_panel/_EncryptionInfo.scss";
Initial cut of Pinned event card in the right panel
2021-05-25 18:10:44 +03:00
@import "./views/right_panel/_PinnedMessagesCard.scss";
Create new right panel cards
2020-09-08 10:48:03 +03:00
@import "./views/right_panel/_RoomSummaryCard.scss";
Add UserInfo panel (consolidation of MemberInfo & GroupMemberInfo) Labs Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-07 18:52:50 +03:00
@import "./views/right_panel/_UserInfo.scss";
Apply a huge part of the decorations and copy
2020-01-24 19:16:46 +03:00
@import "./views/right_panel/_VerificationPanel.scss";
Create new right panel cards
2020-09-08 10:48:03 +03:00
@import "./views/right_panel/_WidgetCard.scss";
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 23:25:26 +03:00
@import "./views/room_settings/_AliasSettings.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/rooms/_AppsDrawer.scss";
@import "./views/rooms/_Autocomplete.scss";
Add simple state counters to room heading
2018-12-24 17:27:50 +03:00
@import "./views/rooms/_AuxPanel.scss";
split up css, update class names
2019-08-06 17:31:21 +03:00
@import "./views/rooms/_BasicMessageComposer.scss";
create warning/verified icon to use in header/composer/member info
2019-02-01 15:39:25 +03:00
@import "./views/rooms/_E2EIcon.scss";
split up css, update class names
2019-08-06 17:31:21 +03:00
@import "./views/rooms/_EditMessageComposer.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/rooms/_EntityTile.scss";
@import "./views/rooms/_EventTile.scss";
Index file name changes
2020-05-04 23:40:52 +03:00
@import "./views/rooms/_GroupLayout.scss";
@import "./views/rooms/_IRCLayout.scss";
add JumpToBottomButtom component
2019-01-22 16:39:03 +03:00
@import "./views/rooms/_JumpToBottomButton.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/rooms/_LinkPreviewWidget.scss";
@import "./views/rooms/_MemberInfo.scss";
@import "./views/rooms/_MemberList.scss";
@import "./views/rooms/_MessageComposer.scss";
move format bar to own component
2019-09-05 13:10:45 +03:00
@import "./views/rooms/_MessageComposerFormatBar.scss";
Use MiniAvatarUploader for the new NewRoomIntro component
2020-11-05 18:50:42 +03:00
@import "./views/rooms/_NewRoomIntro.scss";
Add sublist badge counts to new room list Also add IDLE state to rooms
2020-06-08 22:42:18 +03:00
@import "./views/rooms/_NotificationBadge.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/rooms/_PinnedEventTile.scss";
@import "./views/rooms/_PresenceLabel.scss";
post BigMerge fixup - merge in stuff from riot-web PR Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-04-20 11:23:27 +03:00
@import "./views/rooms/_ReplyPreview.scss";
RoomBreadcrumbs2 -> RoomBreadcrumbs
2020-07-18 00:32:06 +03:00
@import "./views/rooms/_RoomBreadcrumbs.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/rooms/_RoomHeader.scss";
RoomList2 -> RoomList
2020-07-18 00:27:49 +03:00
@import "./views/rooms/_RoomList.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/rooms/_RoomPreviewBar.scss";
RoomSublist2 -> RoomSublist
2020-07-18 00:46:46 +03:00
@import "./views/rooms/_RoomSublist.scss";
RoomTile2 -> RoomTile
2020-07-18 00:43:29 +03:00
@import "./views/rooms/_RoomTile.scss";
Support for room upgrades * Show when a room upgrade is needed * Dialog box to perform the upgrade
2018-08-17 16:54:43 +03:00
@import "./views/rooms/_RoomUpgradeWarningBar.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/rooms/_SearchBar.scss";
support basic sending with new main composer this removes all formatting options, as the new editor doesn't have any.
2019-08-06 18:03:44 +03:00
@import "./views/rooms/_SendMessageComposer.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/rooms/_Stickers.scss";
@import "./views/rooms/_TopUnreadMessagesBar.scss";
Show a stop button to stop the recording
2021-03-17 08:43:59 +03:00
@import "./views/rooms/_VoiceRecordComposerTile.scss";
move typing notifications to WhoIsTypingTile, shown in ScrollPanel
2018-11-12 18:09:51 +03:00
@import "./views/rooms/_WhoIsTypingTile.scss";
Implement new design for uploading/removing avatars
2019-12-16 17:58:12 +03:00
@import "./views/settings/_AvatarSetting.scss";
Add cross-signing diagnostic panel This is not part of any designs, so it may be short-lived, but it's quite handy for diagnosing issues with cross-signing at least while the feature is in development.
2019-11-28 19:45:29 +03:00
@import "./views/settings/_CrossSigningPanel.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/settings/_DevicesPanel.scss";
Add a flag to control whether cross-signing signatures are trusted Fixes: https://github.com/vector-im/riot-web/issues/12616
2020-03-25 21:38:12 +03:00
@import "./views/settings/_E2eAdvancedPanel.scss";
Bring over email address management
2019-01-23 01:18:14 +03:00
@import "./views/settings/_EmailAddresses.scss";
It's called an "Integration Manager" (singular) Fixes https://github.com/vector-im/riot-web/issues/11256 This was finally annoying me enough to fix it.
2019-11-21 06:14:20 +03:00
@import "./views/settings/_IntegrationManager.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/settings/_Notifications.scss";
Bring over phone number management
2019-01-24 00:16:18 +03:00
@import "./views/settings/_PhoneNumbers.scss";
Move profile settings to a dedicated component The tab component is getting a bit hard to navigate
2019-01-22 23:28:33 +03:00
@import "./views/settings/_ProfileSettings.scss";
Rename key backup to secure backup
2020-09-04 13:37:06 +03:00
@import "./views/settings/_SecureBackupPanel.scss";
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 20:07:58 +03:00
@import "./views/settings/_SetIdServer.scss";
Support changing your integration manager in the UI Part of https://github.com/vector-im/riot-web/issues/10161
2019-08-13 00:35:39 +03:00
@import "./views/settings/_SetIntegrationManager.scss";
Show a stop button to stop the recording
2021-03-17 08:43:59 +03:00
@import "./views/settings/_SpellCheckLanguages.scss";
Give contextual feedback for manual update check instead of banner Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-29 20:24:45 +03:00
@import "./views/settings/_UpdateCheckButton.scss";
Very early work on the "General" tab
2019-01-19 06:22:36 +03:00
@import "./views/settings/tabs/_SettingsTab.scss";
Sort settings tabs into a logical structure Fixes https://github.com/vector-im/riot-web/issues/8864
2019-02-22 20:47:18 +03:00
@import "./views/settings/tabs/room/_GeneralRoomSettingsTab.scss";
@import "./views/settings/tabs/room/_RolesRoomSettingsTab.scss";
@import "./views/settings/tabs/room/_SecurityRoomSettingsTab.scss";
Move slider themes
2020-04-21 14:06:10 +03:00
@import "./views/settings/tabs/user/_AppearanceUserSettingsTab.scss";
Sort settings tabs into a logical structure Fixes https://github.com/vector-im/riot-web/issues/8864
2019-02-22 20:47:18 +03:00
@import "./views/settings/tabs/user/_GeneralUserSettingsTab.scss";
@import "./views/settings/tabs/user/_HelpUserSettingsTab.scss";
Show Spaces beta card in Labs & My Communities view the image is temporary
2021-04-27 18:29:42 +03:00
@import "./views/settings/tabs/user/_LabsUserSettingsTab.scss";
Add personal list management to Mjolnir section
2019-10-31 23:24:51 +03:00
@import "./views/settings/tabs/user/_MjolnirUserSettingsTab.scss";
Sort settings tabs into a logical structure Fixes https://github.com/vector-im/riot-web/issues/8864
2019-02-22 20:47:18 +03:00
@import "./views/settings/tabs/user/_NotificationUserSettingsTab.scss";
@import "./views/settings/tabs/user/_PreferencesUserSettingsTab.scss";
@import "./views/settings/tabs/user/_SecurityUserSettingsTab.scss";
@import "./views/settings/tabs/user/_VoiceUserSettingsTab.scss";
Beginning of space creation UX from space panel
2021-03-01 20:27:09 +03:00
@import "./views/spaces/_SpaceBasicSettings.scss";
@import "./views/spaces/_SpaceCreateMenu.scss";
Initial SpaceRoomView work
2021-03-01 21:10:17 +03:00
@import "./views/spaces/_SpacePublicShare.scss";
Add an inline terms agreement component Handles agreement of terms in an inline way.
2019-08-20 07:59:33 +03:00
@import "./views/terms/_InlineTermsAgreement.scss";
Update styling of the Analytics toast to try and decrease number of users blindly pressing No
2020-11-09 17:21:45 +03:00
@import "./views/toasts/_AnalyticsToast.scss";
Implement dialog for resending local echo transactions
2020-07-30 05:36:04 +03:00
@import "./views/toasts/_NonUrgentEchoFailureToast.scss";
Remove click-to-verify from SAS The click-each-pair to verify was hard to discover, so remove it
2019-02-07 20:01:55 +03:00
@import "./views/verification/_VerificationShowSas.scss";
Add simple play/pause controls
2021-04-27 05:48:24 +03:00
@import "./views/voice_messages/_PlayPauseButton.scss";
Move playback to its own set of classes This all started with a bug where the clock wouldn't update appropriately, and ended with a whole refactoring to support later playback in the timeline. Playback and recording instances are now independent, and this applies to the <Playback* /> components as well. Instead of those playback components taking a recording, they take a playback instance which has all the information the components need. The clock was incredibly difficult to do because of the audio context's time tracking and the source's inability to say where it is at in the buffer/in time. This means we have to track when we started playing the clip so we can capture the audio context's current time, which may be a few seconds by the first time the user hits play. We also track stops so we know when to reset that flag. Waveform calculations have also been moved into the base component, deduplicating the math a bit.
2021-04-28 05:27:36 +03:00
@import "./views/voice_messages/_PlaybackContainer.scss";
Actually use a waveform instead of the frequency data
2021-03-25 08:31:02 +03:00
@import "./views/voice_messages/_Waveform.scss";
Implement incoming call box
2020-07-07 00:42:46 +03:00
@import "./views/voip/_CallContainer.scss";
CallView2 -> CallView
2020-07-18 00:55:30 +03:00
@import "./views/voip/_CallView.scss";
Add CallViewForRoom Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-02 22:32:25 +03:00
@import "./views/voip/_CallViewForRoom.scss";
Add a dialpad UI for PSTN lookup Queries the homeserver for PSTN protocol support, and if found, the add-room button on the DM rooms list section opens a context menu instead with a 'dial pad' option as well as the current 'start chat' dialog. Entering a number into this and pressing dial performs a thirdparty user query for the given string and starts a DM with that user.
2020-12-23 22:02:01 +03:00
@import "./views/voip/_DialPad.scss";
Add in-call dialpad for DTMF sending Requires https://github.com/matrix-org/matrix-js-sdk/pull/1573
2021-01-04 23:01:43 +03:00
@import "./views/voip/_DialPadContextMenu.scss";
Add a dialpad UI for PSTN lookup Queries the homeserver for PSTN protocol support, and if found, the add-room button on the DM rooms list section opens a context menu instead with a 'dial pad' option as well as the current 'start chat' dialog. Entering a number into this and pressing dial performs a thirdparty user query for the given string and starts a DM with that user.
2020-12-23 22:02:01 +03:00
@import "./views/voip/_DialPadModal.scss";
Implement call hold Currently just by adding /holdcall and /unholdcall slash commands The only place the hold status of the call is currently represented is when the call is a voice call and you're viewing a different room: it's not wired up when you're viewing the room because that currently uses the room status bar which it won't do with the new UI. Also convert VideoFeed to typescript, and remove videoview because it essentially just managed the fullscreen functionality, but we'll want and 'on hold' representation (and probably chrome for hagnup etc) in the fullscreen UI too, so let's just make CallView the thing that gets fullscreened.
2020-10-29 20:56:24 +03:00
@import "./views/voip/_VideoFeed.scss";
Reference in a new issue Copy permalink