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

180 lines
8.5 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";
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";
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";
@import "./structures/_LeftPanel.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";
@import "./structures/_NotificationPanel.scss";
@import "./structures/_RightPanel.scss";
@import "./structures/_RoomDirectory.scss";
@import "./structures/_RoomStatusBar.scss";
@import "./structures/_RoomSubList.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";
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";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./structures/_TagPanel.scss";
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 20:36:33 +03:00
@import "./structures/_TagPanelButtons.scss";
show profile in topleftmenu button for now (will be current community)
2018-10-23 16:24:44 +03:00
@import "./structures/_TopLeftMenuButton.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./structures/_UploadBar.scss";
@import "./structures/_ViewSource.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";
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";
Rename login directory to auth
2019-01-22 01:11:10 +03:00
@import "./views/auth/_ServerConfig.scss";
Add server type selector component
2019-01-24 23:22:25 +03:00
@import "./views/auth/_ServerTypeSelector.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";
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";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/context_menus/_MessageContextMenu.scss";
@import "./views/context_menus/_RoomTileContextMenu.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";
move TopLeftMenu to context_menus folder
2018-10-23 16:42:28 +03:00
@import "./views/context_menus/_TopLeftMenu.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";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/dialogs/_BugReportDialog.scss";
@import "./views/dialogs/_ChangelogDialog.scss";
@import "./views/dialogs/_ChatCreateOrReuseChatDialog.scss";
@import "./views/dialogs/_ConfirmUserActionDialog.scss";
@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";
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/_DeviceVerifyDialog.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/dialogs/_DevtoolsDialog.scss";
@import "./views/dialogs/_EncryptedEventDialog.scss";
@import "./views/dialogs/_GroupAddressPicker.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";
Show if recovery key is valid
2018-09-17 19:05:29 +03:00
@import "./views/dialogs/_RestoreKeyBackupDialog.scss";
Initial structure for new room settings
2019-01-25 22:51:33 +03:00
@import "./views/dialogs/_RoomSettingsDialog.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";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/dialogs/_SetEmailDialog.scss";
@import "./views/dialogs/_SetMxIdDialog.scss";
@import "./views/dialogs/_SetPasswordDialog.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";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/dialogs/_UnknownDeviceDialog.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";
Support whitelisting/blacklisting widgets for OpenID
2019-03-16 06:33:31 +03:00
@import "./views/dialogs/_WidgetOpenIDPermissionsDialog.scss";
Passphrase based key backups Add passphrase support to backup creation stage
2018-11-20 16:11:58 +03:00
@import "./views/dialogs/keybackup/_CreateKeyBackupDialog.scss";
Add separate dialog for recovery method removed The "New Recovery Method" dialog would show if either the recovery method had been changed or removed, but the dialog text didn't make much sense for the removed case. This adds a separate dialog customized for the removed case. Fixes https://github.com/vector-im/riot-web/issues/8046.
2019-01-11 00:13:44 +03:00
@import "./views/dialogs/keybackup/_KeyBackupFailedDialog.scss";
Add e2e backup recovery with passphrase
2018-11-20 19:16:24 +03:00
@import "./views/dialogs/keybackup/_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";
@import "./views/elements/_DirectorySearchBox.scss";
@import "./views/elements/_Dropdown.scss";
@import "./views/elements/_EditableItemList.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";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/elements/_ImageView.scss";
@import "./views/elements/_InlineSpinner.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";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/elements/_MemberEventListSummary.scss";
wire up editor component (somewhat hacky)
2019-05-06 18:41:15 +03:00
@import "./views/elements/_MessageEditor.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";
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";
@import "./views/elements/_Spinner.scss";
@import "./views/elements/_SyntaxHighlight.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";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/elements/_ToolTipButton.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";
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";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/globals/_MatrixToolbar.scss";
@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";
@import "./views/messages/_MEmoteBody.scss";
@import "./views/messages/_MFileBody.scss";
@import "./views/messages/_MImageBody.scss";
@import "./views/messages/_MNoticeBody.scss";
@import "./views/messages/_MStickerBody.scss";
@import "./views/messages/_MTextBody.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";
Extract `ReactionDimension` out of `MessageActionBar` The reactions bits were cluttering up `MessageActionBar` so they have now been extracted to a separate component.
2019-05-08 15:53:41 +03:00
@import "./views/messages/_ReactionDimension.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";
Add a basic tooltip showing who reacted This adds a first attempt at tooltip showing who reacted to a message. It doesn't limit senders or position the tooltip nicely, but the info is there at least. Part of https://github.com/vector-im/riot-web/issues/9722
2019-05-17 13:52:03 +03:00
@import "./views/messages/_ReactionsRowButtonTooltip.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";
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";
@import "./views/room_settings/_ColorSettings.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";
create warning/verified icon to use in header/composer/member info
2019-02-01 15:39:25 +03:00
@import "./views/rooms/_E2EIcon.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/rooms/_EntityTile.scss";
@import "./views/rooms/_EventTile.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/_MemberDeviceInfo.scss";
@import "./views/rooms/_MemberInfo.scss";
@import "./views/rooms/_MemberList.scss";
@import "./views/rooms/_MessageComposer.scss";
@import "./views/rooms/_PinnedEventTile.scss";
@import "./views/rooms/_PinnedEventsPanel.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";
add breadcrumbs component
2019-02-12 13:04:25 +03:00
@import "./views/rooms/_RoomBreadcrumbs.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/rooms/_RoomDropTarget.scss";
@import "./views/rooms/_RoomHeader.scss";
@import "./views/rooms/_RoomList.scss";
@import "./views/rooms/_RoomPreviewBar.scss";
Add an in-room reminder to set up key recovery This adds an in-room reminder above the message timeline to set up Secure Message Recovery so that your keys will be backed up. If you try to ignore it, an additional dialog is shown to confirm. Fixes vector-im/riot-web#7783. Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-12-07 00:39:59 +03:00
@import "./views/rooms/_RoomRecoveryReminder.scss";
rethemedex
2018-04-13 02:54:41 +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";
@import "./views/rooms/_SearchableEntityList.scss";
@import "./views/rooms/_Stickers.scss";
@import "./views/rooms/_TopUnreadMessagesBar.scss";
move typing notifications to WhoIsTypingTile, shown in ScrollPanel
2018-11-12 18:09:51 +03:00
@import "./views/rooms/_WhoIsTypingTile.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/settings/_DevicesPanel.scss";
Bring over email address management
2019-01-23 01:18:14 +03:00
@import "./views/settings/_EmailAddresses.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/settings/_IntegrationsManager.scss";
UI for whether the key backup is enabled or not
2018-09-14 19:08:02 +03:00
@import "./views/settings/_KeyBackupPanel.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";
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";
@import "./views/settings/tabs/user/_GeneralUserSettingsTab.scss";
@import "./views/settings/tabs/user/_HelpUserSettingsTab.scss";
@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";
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";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/voip/_CallView.scss";
@import "./views/voip/_IncomingCallbox.scss";
@import "./views/voip/_VideoView.scss";
Reference in a new issue Copy permalink