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

152 lines
7 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";
@import "./structures/_FilePanel.scss";
@import "./structures/_GroupView.scss";
@import "./structures/_HomePage.scss";
@import "./structures/_LeftPanel.scss";
@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";
@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";
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/_UserSettings.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";
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";
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";
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/_ChatInviteDialog.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";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/dialogs/_DevtoolsDialog.scss";
@import "./views/dialogs/_EncryptedEventDialog.scss";
@import "./views/dialogs/_GroupAddressPicker.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";
Make the tabs look like the design
2019-01-19 05:40:21 +03:00
@import "./views/dialogs/_UserSettingsDialog.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";
SAS verification screen matching design
2019-01-18 19:56:49 +03:00
@import "./views/elements/_HexVerify.scss";
rethemedex
2018-04-13 02:54:41 +03:00
@import "./views/elements/_ImageView.scss";
@import "./views/elements/_InlineSpinner.scss";
@import "./views/elements/_MemberEventListSummary.scss";
@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";
@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";
@import "./views/messages/_MessageTimestamp.scss";
@import "./views/messages/_RoomAvatarEvent.scss";
@import "./views/messages/_SenderProfile.scss";
@import "./views/messages/_TextualEvent.scss";
@import "./views/messages/_UnknownBody.scss";
@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";
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";
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/_RoomSettings.scss";
@import "./views/rooms/_RoomTile.scss";
@import "./views/rooms/_RoomTooltip.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";
Early tab structure and profile changes (name/avatar/topic)
2019-01-26 06:38:35 +03:00
@import "./views/settings/tabs/_GeneralRoomSettingsTab.scss";
Rename GeneralSettingsTab to GeneralUserSettingsTab
2019-01-26 03:55:35 +03:00
@import "./views/settings/tabs/_GeneralUserSettingsTab.scss";
Implement the "Help & About" tab of new user settings
2019-01-25 03:10:35 +03:00
@import "./views/settings/tabs/_HelpSettingsTab.scss";
Implement the "Preferences" tab on new user settings
2019-01-24 07:36:42 +03:00
@import "./views/settings/tabs/_PreferencesSettingsTab.scss";
Implement the "Security & Privacy" tab of new user settings
2019-01-25 01:47:04 +03:00
@import "./views/settings/tabs/_SecuritySettingsTab.scss";
Very early work on the "General" tab
2019-01-19 06:22:36 +03:00
@import "./views/settings/tabs/_SettingsTab.scss";
Implement the "Voice & Video" tab of new user settings
2019-01-24 23:33:22 +03:00
@import "./views/settings/tabs/_VoiceSettingsTab.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