efd5405267
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.
127 lines
5.8 KiB
SCSS
127 lines
5.8 KiB
SCSS
// autogenerated by rethemendex.sh
|
|
@import "./_common.scss";
|
|
@import "./structures/_AutoHideScrollbar.scss";
|
|
@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/_LoginBox.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";
|
|
@import "./structures/_TagPanel.scss";
|
|
@import "./structures/_TopLeftMenuButton.scss";
|
|
@import "./structures/_UploadBar.scss";
|
|
@import "./structures/_UserSettings.scss";
|
|
@import "./structures/_ViewSource.scss";
|
|
@import "./structures/login/_Login.scss";
|
|
@import "./views/avatars/_BaseAvatar.scss";
|
|
@import "./views/avatars/_MemberStatusMessageAvatar.scss";
|
|
@import "./views/context_menus/_MessageContextMenu.scss";
|
|
@import "./views/context_menus/_RoomTileContextMenu.scss";
|
|
@import "./views/context_menus/_StatusMessageContextMenu.scss";
|
|
@import "./views/context_menus/_TagTileContextMenu.scss";
|
|
@import "./views/context_menus/_TopLeftMenu.scss";
|
|
@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";
|
|
@import "./views/dialogs/_DeactivateAccountDialog.scss";
|
|
@import "./views/dialogs/_DevtoolsDialog.scss";
|
|
@import "./views/dialogs/_EncryptedEventDialog.scss";
|
|
@import "./views/dialogs/_GroupAddressPicker.scss";
|
|
@import "./views/dialogs/_RestoreKeyBackupDialog.scss";
|
|
@import "./views/dialogs/_RoomUpgradeDialog.scss";
|
|
@import "./views/dialogs/_SetEmailDialog.scss";
|
|
@import "./views/dialogs/_SetMxIdDialog.scss";
|
|
@import "./views/dialogs/_SetPasswordDialog.scss";
|
|
@import "./views/dialogs/_ShareDialog.scss";
|
|
@import "./views/dialogs/_UnknownDeviceDialog.scss";
|
|
@import "./views/dialogs/keybackup/_CreateKeyBackupDialog.scss";
|
|
@import "./views/dialogs/keybackup/_KeyBackupFailedDialog.scss";
|
|
@import "./views/dialogs/keybackup/_RestoreKeyBackupDialog.scss";
|
|
@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";
|
|
@import "./views/elements/_Field.scss";
|
|
@import "./views/elements/_ImageView.scss";
|
|
@import "./views/elements/_InlineSpinner.scss";
|
|
@import "./views/elements/_MemberEventListSummary.scss";
|
|
@import "./views/elements/_ProgressBar.scss";
|
|
@import "./views/elements/_ReplyThread.scss";
|
|
@import "./views/elements/_ResizeHandle.scss";
|
|
@import "./views/elements/_RichText.scss";
|
|
@import "./views/elements/_RoleButton.scss";
|
|
@import "./views/elements/_Spinner.scss";
|
|
@import "./views/elements/_SyntaxHighlight.scss";
|
|
@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";
|
|
@import "./views/login/_InteractiveAuthEntryComponents.scss";
|
|
@import "./views/login/_ServerConfig.scss";
|
|
@import "./views/messages/_CreateEvent.scss";
|
|
@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";
|
|
@import "./views/rooms/_AuxPanel.scss";
|
|
@import "./views/rooms/_EntityTile.scss";
|
|
@import "./views/rooms/_EventTile.scss";
|
|
@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";
|
|
@import "./views/rooms/_ReplyPreview.scss";
|
|
@import "./views/rooms/_RoomDropTarget.scss";
|
|
@import "./views/rooms/_RoomHeader.scss";
|
|
@import "./views/rooms/_RoomList.scss";
|
|
@import "./views/rooms/_RoomPreviewBar.scss";
|
|
@import "./views/rooms/_RoomRecoveryReminder.scss";
|
|
@import "./views/rooms/_RoomSettings.scss";
|
|
@import "./views/rooms/_RoomTile.scss";
|
|
@import "./views/rooms/_RoomTooltip.scss";
|
|
@import "./views/rooms/_RoomUpgradeWarningBar.scss";
|
|
@import "./views/rooms/_SearchBar.scss";
|
|
@import "./views/rooms/_SearchableEntityList.scss";
|
|
@import "./views/rooms/_Stickers.scss";
|
|
@import "./views/rooms/_TopUnreadMessagesBar.scss";
|
|
@import "./views/rooms/_WhoIsTypingTile.scss";
|
|
@import "./views/settings/_DevicesPanel.scss";
|
|
@import "./views/settings/_IntegrationsManager.scss";
|
|
@import "./views/settings/_KeyBackupPanel.scss";
|
|
@import "./views/settings/_Notifications.scss";
|
|
@import "./views/voip/_CallView.scss";
|
|
@import "./views/voip/_IncomingCallbox.scss";
|
|
@import "./views/voip/_VideoView.scss";
|