{ FormattingUtils.formatCount(subListNotifCount) }
;
- } else if (this.props.isInvite) {
- // no notifications but highlight anyway because this is an invite badge
- badge = !
;
- }
-
- // When collapsed, allow a long hover on the header to show user
- // the full tag name and room count
- var title;
- if (this.props.collapsed) {
- title = this.props.label;
- if (roomCount !== '') {
- title += " [" + roomCount + "]";
- }
- }
-
- var incomingCall;
- if (this.props.incomingCall) {
- var self = this;
- // Check if the incoming call is for this section
- var incomingCallRoom = this.props.list.filter(function(room) {
- return self.props.incomingCall.roomId === room.roomId;
- });
-
- if (incomingCallRoom.length === 1) {
- var IncomingCallBox = sdk.getComponent("voip.IncomingCallBox");
- incomingCall =
-
- { this.props.collapsed ? '' : this.props.label }
-
-
- );
- },
-
- _createOverflowTile: function(overflowCount, totalCount) {
- var content = ;
-
- var overflowNotifications = this.roomNotificationCount(TRUNCATE_AT);
- var overflowNotifCount = overflowNotifications[0];
- var overflowNotifHighlight = overflowNotifications[1];
- if (overflowNotifCount && !this.props.collapsed) {
- content = FormattingUtils.formatCount(overflowNotifCount);
- }
-
- var badgeClasses = classNames({
- 'mx_RoomSubList_moreBadge': true,
- 'mx_RoomSubList_moreBadgeNotify': overflowNotifCount && !this.props.collapsed,
- 'mx_RoomSubList_moreBadgeHighlight': overflowNotifHighlight && !this.props.collapsed,
- });
-
- return (
- { roomCount }
-
- { badge }
- { incomingCall }
- { _t("more") }
- { content }
-
- { this._getHeaderJsx() }
- { subList }
-
;
-
- return this.props.editable ?
-
- { subListContent }
-
- ) }
-
- { this.props.alwaysShowHeader ? this._getHeaderJsx() : undefined }
- { (this.props.showSpinner && !this.state.hidden) ?
- );
- }
- }
-});
-
-module.exports = RoomSubList;
diff --git a/src/components/structures/SearchBox.js b/src/components/structures/SearchBox.js
deleted file mode 100644
index 2d6e6ae04c..0000000000
--- a/src/components/structures/SearchBox.js
+++ /dev/null
@@ -1,163 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-import React from 'react';
-import { _t } from 'matrix-react-sdk/lib/languageHandler';
-import { KeyCode } from 'matrix-react-sdk/lib/Keyboard';
-import sdk from 'matrix-react-sdk';
-import dis from 'matrix-react-sdk/lib/dispatcher';
-import rate_limited_func from 'matrix-react-sdk/lib/ratelimitedfunc';
-import AccessibleButton from 'matrix-react-sdk/lib/components/views/elements/AccessibleButton';
-
-module.exports = React.createClass({
- displayName: 'SearchBox',
-
- propTypes: {
- collapsed: React.PropTypes.bool,
- onSearch: React.PropTypes.func,
- },
-
- getInitialState: function() {
- return {
- searchTerm: "",
- };
- },
-
- componentDidMount: function() {
- this.dispatcherRef = dis.register(this.onAction);
- },
-
- componentWillUnmount: function() {
- dis.unregister(this.dispatcherRef);
- },
-
- onAction: function(payload) {
- switch (payload.action) {
- case 'view_room':
- if (this.refs.search && payload.clear_search) {
- this._clearSearch();
- }
- break;
- case 'focus_room_filter':
- if (this.refs.search) {
- this.refs.search.focus();
- this.refs.search.select();
- }
- break;
- }
- },
-
- onChange: function() {
- if (!this.refs.search) return;
- this.setState({ searchTerm: this.refs.search.value });
- this.onSearch();
- },
-
- onSearch: new rate_limited_func(
- function() {
- this.props.onSearch(this.refs.search.value);
- },
- 100
- ),
-
- onToggleCollapse: function(show) {
- if (show) {
- dis.dispatch({
- action: 'show_left_panel',
- });
- }
- else {
- dis.dispatch({
- action: 'hide_left_panel',
- });
- }
- },
-
- _onKeyDown: function(ev) {
- switch (ev.keyCode) {
- case KeyCode.ESCAPE:
- this._clearSearch();
- dis.dispatch({action: 'focus_composer'});
- break;
- }
- },
-
- _clearSearch: function() {
- this.refs.search.value = "";
- this.onChange();
- },
-
- render: function() {
- var TintableSvg = sdk.getComponent('elements.TintableSvg');
-
- var collapseTabIndex = this.refs.search && this.refs.search.value !== "" ? "-1" : "0";
-
- var toggleCollapse;
- if (this.props.collapsed) {
- toggleCollapse =
-
- { searchControls }
- { toggleCollapse }
-
- );
- }
-});
diff --git a/src/components/structures/HomePage.js b/src/components/structures/VectorHomePage.js
similarity index 100%
rename from src/components/structures/HomePage.js
rename to src/components/structures/VectorHomePage.js
diff --git a/src/components/structures/ViewSource.js b/src/components/structures/ViewSource.js
deleted file mode 100644
index 3a5d35a561..0000000000
--- a/src/components/structures/ViewSource.js
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import SyntaxHighlight from '../views/elements/SyntaxHighlight';
-
-
-module.exports = React.createClass({
- displayName: 'ViewSource',
-
- propTypes: {
- content: PropTypes.object.isRequired,
- onFinished: PropTypes.func.isRequired,
- },
-
- componentDidMount: function() {
- document.addEventListener("keydown", this.onKeyDown);
- },
-
- componentWillUnmount: function() {
- document.removeEventListener("keydown", this.onKeyDown);
- },
-
- onKeyDown: function(ev) {
- if (ev.keyCode == 27) { // escape
- ev.stopPropagation();
- ev.preventDefault();
- this.props.onFinished();
- }
- },
-
- render: function() {
- return (
-
-
- { JSON.stringify(this.props.content, null, 2) }
-
-
- );
- }
-});
diff --git a/src/components/views/context_menus/GenericElementContextMenu.js b/src/components/views/context_menus/GenericElementContextMenu.js
deleted file mode 100644
index 3f4804dbd1..0000000000
--- a/src/components/views/context_menus/GenericElementContextMenu.js
+++ /dev/null
@@ -1,60 +0,0 @@
-/*
-Copyright 2017 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-import React from 'react';
-import PropTypes from 'prop-types';
-
-/*
- * This component can be used to display generic HTML content in a contextual
- * menu.
- */
-
-
-export default class GenericElementContextMenu extends React.Component {
- static PropTypes = {
- element: PropTypes.element.isRequired,
- // Function to be called when the parent window is resized
- // This can be used to reposition or close the menu on resize and
- // ensure that it is not displayed in a stale position.
- onResize: PropTypes.func,
- };
-
- constructor(props) {
- super(props);
- this.resize = this.resize.bind(this);
- }
-
- componentDidMount() {
- this.resize = this.resize.bind(this);
- window.addEventListener("resize", this.resize);
- }
-
- componentWillUnmount() {
- window.removeEventListener("resize", this.resize);
- }
-
- resize() {
- if (this.props.onResize) {
- this.props.onResize();
- }
- }
-
- render() {
- return { this.props.element }
;
- }
-}
diff --git a/src/components/views/context_menus/GenericTextContextMenu.js b/src/components/views/context_menus/GenericTextContextMenu.js
deleted file mode 100644
index 2319fe05a2..0000000000
--- a/src/components/views/context_menus/GenericTextContextMenu.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
-Copyright 2017 Michael Telatynski <7t3chguy@gmail.com>
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export default class GenericTextContextMenu extends React.Component {
- static PropTypes = {
- message: PropTypes.string.isRequired,
- };
-
- render() {
- return { this.props.message }
;
- }
-}
diff --git a/src/components/views/context_menus/MessageContextMenu.js b/src/components/views/context_menus/MessageContextMenu.js
deleted file mode 100644
index 11f14f367e..0000000000
--- a/src/components/views/context_menus/MessageContextMenu.js
+++ /dev/null
@@ -1,326 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2018 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-import React from 'react';
-
-import MatrixClientPeg from 'matrix-react-sdk/lib/MatrixClientPeg';
-import dis from 'matrix-react-sdk/lib/dispatcher';
-import sdk from 'matrix-react-sdk';
-import { _t } from 'matrix-react-sdk/lib/languageHandler';
-import Modal from 'matrix-react-sdk/lib/Modal';
-import Resend from "matrix-react-sdk/lib/Resend";
-import SettingsStore from "matrix-react-sdk/lib/settings/SettingsStore";
-import {makeEventPermalink} from 'matrix-react-sdk/lib/matrix-to';
-import { isUrlPermitted } from 'matrix-react-sdk/lib/HtmlUtils';
-
-module.exports = React.createClass({
- displayName: 'MessageContextMenu',
-
- propTypes: {
- /* the MatrixEvent associated with the context menu */
- mxEvent: React.PropTypes.object.isRequired,
-
- /* an optional EventTileOps implementation that can be used to unhide preview widgets */
- eventTileOps: React.PropTypes.object,
-
- /* callback called when the menu is dismissed */
- onFinished: React.PropTypes.func,
- },
-
- getInitialState: function() {
- return {
- canRedact: false,
- canPin: false,
- };
- },
-
- componentWillMount: function() {
- MatrixClientPeg.get().on('RoomMember.powerLevel', this._checkPermissions);
- this._checkPermissions();
- },
-
- componentWillUnmount: function() {
- const cli = MatrixClientPeg.get();
- if (cli) {
- cli.removeListener('RoomMember.powerLevel', this._checkPermissions);
- }
- },
-
- _checkPermissions: function() {
- const cli = MatrixClientPeg.get();
- const room = cli.getRoom(this.props.mxEvent.getRoomId());
-
- const canRedact = room.currentState.maySendRedactionForEvent(this.props.mxEvent, cli.credentials.userId);
- let canPin = room.currentState.mayClientSendStateEvent('m.room.pinned_events', cli);
-
- // HACK: Intentionally say we can't pin if the user doesn't want to use the functionality
- if (!SettingsStore.isFeatureEnabled("feature_pinning")) canPin = false;
-
- this.setState({canRedact, canPin});
- },
-
- _isPinned: function() {
- const room = MatrixClientPeg.get().getRoom(this.props.mxEvent.getRoomId());
- const pinnedEvent = room.currentState.getStateEvents('m.room.pinned_events', '');
- if (!pinnedEvent) return false;
- return pinnedEvent.getContent().pinned.includes(this.props.mxEvent.getId());
- },
-
- onResendClick: function() {
- Resend.resend(this.props.mxEvent);
- this.closeMenu();
- },
-
- onViewSourceClick: function() {
- const ViewSource = sdk.getComponent('structures.ViewSource');
- Modal.createTrackedDialog('View Event Source', '', ViewSource, {
- content: this.props.mxEvent.event,
- }, 'mx_Dialog_viewsource');
- this.closeMenu();
- },
-
- onViewClearSourceClick: function() {
- const ViewSource = sdk.getComponent('structures.ViewSource');
- Modal.createTrackedDialog('View Clear Event Source', '', ViewSource, {
- // FIXME: _clearEvent is private
- content: this.props.mxEvent._clearEvent,
- }, 'mx_Dialog_viewsource');
- this.closeMenu();
- },
-
- onRedactClick: function() {
- const ConfirmRedactDialog = sdk.getComponent("dialogs.ConfirmRedactDialog");
- Modal.createTrackedDialog('Confirm Redact Dialog', '', ConfirmRedactDialog, {
- onFinished: (proceed) => {
- if (!proceed) return;
-
- const cli = MatrixClientPeg.get();
- cli.redactEvent(this.props.mxEvent.getRoomId(), this.props.mxEvent.getId()).catch(function(e) {
- const ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
- // display error message stating you couldn't delete this.
- const code = e.errcode || e.statusCode;
- Modal.createTrackedDialog('You cannot delete this message', '', ErrorDialog, {
- title: _t('Error'),
- description: _t('You cannot delete this message. (%(code)s)', {code}),
- });
- }).done();
- },
- }, 'mx_Dialog_confirmredact');
- this.closeMenu();
- },
-
- onCancelSendClick: function() {
- Resend.removeFromQueue(this.props.mxEvent);
- this.closeMenu();
- },
-
- onForwardClick: function() {
- dis.dispatch({
- action: 'forward_event',
- event: this.props.mxEvent,
- });
- this.closeMenu();
- },
-
- onPinClick: function() {
- MatrixClientPeg.get().getStateEvent(this.props.mxEvent.getRoomId(), 'm.room.pinned_events', '')
- .catch((e) => {
- // Intercept the Event Not Found error and fall through the promise chain with no event.
- if (e.errcode === "M_NOT_FOUND") return null;
- throw e;
- })
- .then((event) => {
- const eventIds = (event ? event.pinned : []) || [];
- if (!eventIds.includes(this.props.mxEvent.getId())) {
- // Not pinned - add
- eventIds.push(this.props.mxEvent.getId());
- } else {
- // Pinned - remove
- eventIds.splice(eventIds.indexOf(this.props.mxEvent.getId()), 1);
- }
-
- const cli = MatrixClientPeg.get();
- cli.sendStateEvent(this.props.mxEvent.getRoomId(), 'm.room.pinned_events', {pinned: eventIds}, '');
- });
- this.closeMenu();
- },
-
- closeMenu: function() {
- if (this.props.onFinished) this.props.onFinished();
- },
-
- onUnhidePreviewClick: function() {
- if (this.props.eventTileOps) {
- this.props.eventTileOps.unhideWidget();
- }
- this.closeMenu();
- },
-
- onQuoteClick: function() {
- dis.dispatch({
- action: 'quote',
- text: this.props.eventTileOps.getInnerText(),
- });
- this.closeMenu();
- },
-
- onReplyClick: function() {
- dis.dispatch({
- action: 'quote_event',
- event: this.props.mxEvent,
- });
- this.closeMenu();
- },
-
- render: function() {
- const eventStatus = this.props.mxEvent.status;
- let resendButton;
- let redactButton;
- let cancelButton;
- let forwardButton;
- let pinButton;
- let viewClearSourceButton;
- let unhidePreviewButton;
- let externalURLButton;
- let quoteButton;
- let replyButton;
-
- if (eventStatus === 'not_sent') {
- resendButton = (
-
- { _t('Resend') }
-
- );
- }
-
- if (!eventStatus && this.state.canRedact) {
- redactButton = (
-
- { _t('Remove') }
-
- );
- }
-
- if (eventStatus === "queued" || eventStatus === "not_sent") {
- cancelButton = (
-
- { _t('Cancel Sending') }
-
- );
- }
-
- if (!eventStatus && this.props.mxEvent.getType() === 'm.room.message') {
- const content = this.props.mxEvent.getContent();
- if (content.msgtype && content.msgtype !== 'm.bad.encrypted' && content.hasOwnProperty('body')) {
- forwardButton = (
-
- { _t('Forward Message') }
-
- );
-
- if (SettingsStore.isFeatureEnabled("feature_rich_quoting")) {
- replyButton = (
-
- { _t('Reply') }
-
- );
- }
-
- if (this.state.canPin) {
- pinButton = (
-
- { this._isPinned() ? _t('Unpin Message') : _t('Pin Message') }
-
- );
- }
- }
- }
-
- const viewSourceButton = (
-
- { _t('View Source') }
-
- );
-
- if (this.props.mxEvent.getType() !== this.props.mxEvent.getWireType()) {
- viewClearSourceButton = (
-
- { _t('View Decrypted Source') }
-
- );
- }
-
- if (this.props.eventTileOps) {
- if (this.props.eventTileOps.isWidgetHidden()) {
- unhidePreviewButton = (
-
- { _t('Unhide Preview') }
-
- );
- }
- }
-
- // XXX: if we use room ID, we should also include a server where the event can be found (other than in the domain of the event ID)
- const permalinkButton = (
-
- );
-
- if (this.props.eventTileOps && this.props.eventTileOps.getInnerText) {
- quoteButton = (
-
- { _t('Quote') }
-
- );
- }
-
- // Bridges can provide a 'external_url' to link back to the source.
- if (
- typeof(this.props.mxEvent.event.content.external_url) === "string" &&
- isUrlPermitted(this.props.mxEvent.event.content.external_url)
- ) {
- externalURLButton = (
-
- );
- }
-
-
- return (
-
- { resendButton }
- { redactButton }
- { cancelButton }
- { forwardButton }
- { pinButton }
- { viewSourceButton }
- { viewClearSourceButton }
- { unhidePreviewButton }
- { permalinkButton }
- { quoteButton }
- { replyButton }
- { externalURLButton }
-
- );
- },
-});
diff --git a/src/components/views/context_menus/PresenceContextMenu.js b/src/components/views/context_menus/PresenceContextMenu.js
deleted file mode 100644
index 3a3dc2fa47..0000000000
--- a/src/components/views/context_menus/PresenceContextMenu.js
+++ /dev/null
@@ -1,101 +0,0 @@
-/*
-Copyright 2017 Travis Ralston
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import React from 'react';
-import { _t, _td } from 'matrix-react-sdk/lib/languageHandler';
-import sdk from 'matrix-react-sdk';
-
-const STATUS_LABELS = {
- "online": _td("Online"),
- "unavailable": _td("Away"),
- "offline": _td("Appear Offline"),
-};
-
-const PresenceContextMenuOption = React.createClass({
- displayName: 'PresenceContextMenuOption',
-
- propTypes: {
- forStatus: React.PropTypes.string.isRequired,
- isCurrent: React.PropTypes.bool,
- onChange: React.PropTypes.func.isRequired,
- },
-
- onClick: function() {
- if (this.isCurrent) return;
- this.props.onChange(this.props.forStatus);
- },
-
- render: function() {
- const AccessibleButton = sdk.getComponent("elements.AccessibleButton");
-
- const indicatorClasses = "mx_PresenceContextMenuOption_indicator "
- + "mx_PresenceContextMenuOption_indicator_" + this.props.forStatus;
-
- let classNames = "mx_PresenceContextMenuOption";
- if (this.props.isCurrent) classNames += " mx_PresenceContextMenuOption_current";
-
- return (
-
- { statusElements }
-
- );
- },
-});
diff --git a/src/components/views/context_menus/RoomTileContextMenu.js b/src/components/views/context_menus/RoomTileContextMenu.js
deleted file mode 100644
index 06eb347d6c..0000000000
--- a/src/components/views/context_menus/RoomTileContextMenu.js
+++ /dev/null
@@ -1,368 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-import Promise from 'bluebird';
-import React from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import sdk from 'matrix-react-sdk';
-import { _t, _td } from 'matrix-react-sdk/lib/languageHandler';
-import MatrixClientPeg from 'matrix-react-sdk/lib/MatrixClientPeg';
-import dis from 'matrix-react-sdk/lib/dispatcher';
-import DMRoomMap from 'matrix-react-sdk/lib/utils/DMRoomMap';
-import * as Rooms from 'matrix-react-sdk/lib/Rooms';
-import * as RoomNotifs from 'matrix-react-sdk/lib/RoomNotifs';
-import Modal from 'matrix-react-sdk/lib/Modal';
-import RoomListActions from 'matrix-react-sdk/lib/actions/RoomListActions';
-
-module.exports = React.createClass({
- displayName: 'RoomTileContextMenu',
-
- propTypes: {
- room: PropTypes.object.isRequired,
- /* callback called when the menu is dismissed */
- onFinished: PropTypes.func,
- },
-
- getInitialState() {
- const dmRoomMap = new DMRoomMap(MatrixClientPeg.get());
- return {
- roomNotifState: RoomNotifs.getRoomNotifsState(this.props.room.roomId),
- isFavourite: this.props.room.tags.hasOwnProperty("m.favourite"),
- isLowPriority: this.props.room.tags.hasOwnProperty("m.lowpriority"),
- isDirectMessage: Boolean(dmRoomMap.getUserIdForRoomId(this.props.room.roomId)),
- };
- },
-
- componentWillMount: function() {
- this._unmounted = false;
- },
-
- componentWillUnmount: function() {
- this._unmounted = true;
- },
-
- _toggleTag: function(tagNameOn, tagNameOff) {
- if (!MatrixClientPeg.get().isGuest()) {
- Promise.delay(500).then(() => {
- dis.dispatch(RoomListActions.tagRoom(
- MatrixClientPeg.get(),
- this.props.room,
- tagNameOff, tagNameOn,
- undefined, 0,
- ), true);
-
- this.props.onFinished();
- });
- }
- },
-
- _onClickFavourite: function() {
- // Tag room as 'Favourite'
- if (!this.state.isFavourite && this.state.isLowPriority) {
- this.setState({
- isFavourite: true,
- isLowPriority: false,
- });
- this._toggleTag("m.favourite", "m.lowpriority");
- } else if (this.state.isFavourite) {
- this.setState({isFavourite: false});
- this._toggleTag(null, "m.favourite");
- } else if (!this.state.isFavourite) {
- this.setState({isFavourite: true});
- this._toggleTag("m.favourite");
- }
- },
-
- _onClickLowPriority: function() {
- // Tag room as 'Low Priority'
- if (!this.state.isLowPriority && this.state.isFavourite) {
- this.setState({
- isFavourite: false,
- isLowPriority: true,
- });
- this._toggleTag("m.lowpriority", "m.favourite");
- } else if (this.state.isLowPriority) {
- this.setState({isLowPriority: false});
- this._toggleTag(null, "m.lowpriority");
- } else if (!this.state.isLowPriority) {
- this.setState({isLowPriority: true});
- this._toggleTag("m.lowpriority");
- }
- },
-
- _onClickDM: function() {
- if (MatrixClientPeg.get().isGuest()) return;
-
- const newIsDirectMessage = !this.state.isDirectMessage;
- this.setState({
- isDirectMessage: newIsDirectMessage,
- });
-
- Rooms.guessAndSetDMRoom(
- this.props.room, newIsDirectMessage,
- ).delay(500).finally(() => {
- // Close the context menu
- if (this.props.onFinished) {
- this.props.onFinished();
- }
- }, (err) => {
- const ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
- Modal.createTrackedDialog('Failed to set Direct Message status of room', '', ErrorDialog, {
- title: _t('Failed to set Direct Message status of room'),
- description: ((err && err.message) ? err.message : _t('Operation failed')),
- });
- });
- },
-
- _onClickLeave: function() {
- // Leave room
- dis.dispatch({
- action: 'leave_room',
- room_id: this.props.room.roomId,
- });
-
- // Close the context menu
- if (this.props.onFinished) {
- this.props.onFinished();
- }
- },
-
- _onClickReject: function() {
- dis.dispatch({
- action: 'reject_invite',
- room_id: this.props.room.roomId,
- });
-
- // Close the context menu
- if (this.props.onFinished) {
- this.props.onFinished();
- }
- },
-
- _onClickForget: function() {
- // FIXME: duplicated with RoomSettings (and dead code in RoomView)
- MatrixClientPeg.get().forget(this.props.room.roomId).done(function() {
- dis.dispatch({ action: 'view_next_room' });
- }, function(err) {
- const errCode = err.errcode || _td("unknown error code");
- const ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
- Modal.createTrackedDialog('Failed to forget room', '', ErrorDialog, {
- title: _t('Failed to forget room %(errCode)s', {errCode: errCode}),
- description: ((err && err.message) ? err.message : _t('Operation failed')),
- });
- });
-
- // Close the context menu
- if (this.props.onFinished) {
- this.props.onFinished();
- }
- },
-
- _saveNotifState: function(newState) {
- if (MatrixClientPeg.get().isGuest()) return;
-
- const oldState = this.state.roomNotifState;
- const roomId = this.props.room.roomId;
-
- this.setState({
- roomNotifState: newState,
- });
- RoomNotifs.setRoomNotifsState(roomId, newState).done(() => {
- // delay slightly so that the user can see their state change
- // before closing the menu
- return Promise.delay(500).then(() => {
- if (this._unmounted) return;
- // Close the context menu
- if (this.props.onFinished) {
- this.props.onFinished();
- }
- });
- }, (error) => {
- // TODO: some form of error notification to the user
- // to inform them that their state change failed.
- // For now we at least set the state back
- if (this._unmounted) return;
- this.setState({
- roomNotifState: oldState,
- });
- });
- },
-
- _onClickAlertMe: function() {
- this._saveNotifState(RoomNotifs.ALL_MESSAGES_LOUD);
- },
-
- _onClickAllNotifs: function() {
- this._saveNotifState(RoomNotifs.ALL_MESSAGES);
- },
-
- _onClickMentions: function() {
- this._saveNotifState(RoomNotifs.MENTIONS_ONLY);
- },
-
- _onClickMute: function() {
- this._saveNotifState(RoomNotifs.MUTE);
- },
-
- _renderNotifMenu: function() {
- const alertMeClasses = classNames({
- 'mx_RoomTileContextMenu_notif_field': true,
- 'mx_RoomTileContextMenu_notif_fieldSet': this.state.roomNotifState == RoomNotifs.ALL_MESSAGES_LOUD,
- });
-
- const allNotifsClasses = classNames({
- 'mx_RoomTileContextMenu_notif_field': true,
- 'mx_RoomTileContextMenu_notif_fieldSet': this.state.roomNotifState == RoomNotifs.ALL_MESSAGES,
- });
-
- const mentionsClasses = classNames({
- 'mx_RoomTileContextMenu_notif_field': true,
- 'mx_RoomTileContextMenu_notif_fieldSet': this.state.roomNotifState == RoomNotifs.MENTIONS_ONLY,
- });
-
- const muteNotifsClasses = classNames({
- 'mx_RoomTileContextMenu_notif_field': true,
- 'mx_RoomTileContextMenu_notif_fieldSet': this.state.roomNotifState == RoomNotifs.MUTE,
- });
-
- return (
-
-
- );
- },
-
- _renderLeaveMenu: function(membership) {
- if (!membership) {
- return null;
- }
-
- let leaveClickHandler = null;
- let leaveText = null;
-
- switch (membership) {
- case "join":
- leaveClickHandler = this._onClickLeave;
- leaveText = _t('Leave');
- break;
- case "leave":
- case "ban":
- leaveClickHandler = this._onClickForget;
- leaveText = _t('Forget');
- break;
- case "invite":
- leaveClickHandler = this._onClickReject;
- leaveText = _t('Reject');
- break;
- }
-
- return (
-
- 
-
-
-
- 
- 
- { _t('All messages (noisy)') }
-
-
-
- { _t('All messages (noisy)') }
-
-
- 
- { _t('All messages') }
-
-
-
- { _t('All messages') }
-
-
- 
- { _t('Mentions only') }
-
-
-
- { _t('Mentions only') }
-
-
- 
- { _t('Mute') }
-
-
-
- { _t('Mute') }
-
-
- );
- },
-
- _renderRoomTagMenu: function() {
- const favouriteClasses = classNames({
- 'mx_RoomTileContextMenu_tag_field': true,
- 'mx_RoomTileContextMenu_tag_fieldSet': this.state.isFavourite,
- 'mx_RoomTileContextMenu_tag_fieldDisabled': false,
- });
-
- const lowPriorityClasses = classNames({
- 'mx_RoomTileContextMenu_tag_field': true,
- 'mx_RoomTileContextMenu_tag_fieldSet': this.state.isLowPriority,
- 'mx_RoomTileContextMenu_tag_fieldDisabled': false,
- });
-
- const dmClasses = classNames({
- 'mx_RoomTileContextMenu_tag_field': true,
- 'mx_RoomTileContextMenu_tag_fieldSet': this.state.isDirectMessage,
- 'mx_RoomTileContextMenu_tag_fieldDisabled': false,
- });
-
- return (
-
- 
- { leaveText }
-
-
- { leaveText }
-
-
- );
- },
-
- render: function() {
- const myMember = this.props.room.getMember(
- MatrixClientPeg.get().credentials.userId,
- );
-
- // Can't set notif level or tags on non-join rooms
- if (myMember.membership !== 'join') {
- return this._renderLeaveMenu(myMember.membership);
- }
-
- return (
-
- 
- 
- { _t('Favourite') }
-
-
-
- { _t('Favourite') }
-
- 
- 
- { _t('Low Priority') }
-
-
-
- { _t('Low Priority') }
-
- 
- 
- { _t('Direct Chat') }
-
-
-
- { _t('Direct Chat') }
-
- { this._renderNotifMenu() }
-
- { this._renderLeaveMenu(myMember.membership) } -
- { this._renderRoomTagMenu() } -
- );
- },
-});
diff --git a/src/components/views/context_menus/TagTileContextMenu.js b/src/components/views/context_menus/TagTileContextMenu.js
deleted file mode 100644
index 576e8485a8..0000000000
--- a/src/components/views/context_menus/TagTileContextMenu.js
+++ /dev/null
@@ -1,75 +0,0 @@
-/*
-Copyright 2018 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { _t } from 'matrix-react-sdk/lib/languageHandler';
-import dis from 'matrix-react-sdk/lib/dispatcher';
-import TagOrderActions from 'matrix-react-sdk/lib/actions/TagOrderActions';
-import MatrixClientPeg from 'matrix-react-sdk/lib/MatrixClientPeg';
-import sdk from 'matrix-react-sdk/lib/index';
-
-export default class TagTileContextMenu extends React.Component {
- static propTypes = {
- tag: PropTypes.string.isRequired,
- /* callback called when the menu is dismissed */
- onFinished: PropTypes.func.isRequired,
- };
-
- constructor() {
- super();
-
- this._onViewCommunityClick = this._onViewCommunityClick.bind(this);
- this._onRemoveClick = this._onRemoveClick.bind(this);
- }
-
- _onViewCommunityClick() {
- dis.dispatch({
- action: 'view_group',
- group_id: this.props.tag,
- });
- this.props.onFinished();
- }
-
- _onRemoveClick() {
- dis.dispatch(TagOrderActions.removeTag(
- // XXX: Context menus don't have a MatrixClient context
- MatrixClientPeg.get(),
- this.props.tag,
- ));
- this.props.onFinished();
- }
-
- render() {
- const TintableSvg = sdk.getComponent("elements.TintableSvg");
- return - { this._renderLeaveMenu(myMember.membership) } -
- { this._renderRoomTagMenu() } -
-
-
;
- }
-}
diff --git a/src/components/views/dialogs/BugReportDialog.js b/src/components/views/dialogs/BugReportDialog.js
deleted file mode 100644
index 95b5a6a068..0000000000
--- a/src/components/views/dialogs/BugReportDialog.js
+++ /dev/null
@@ -1,212 +0,0 @@
-/*
-Copyright 2017 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import React from 'react';
-import sdk from 'matrix-react-sdk';
-import SdkConfig from 'matrix-react-sdk/lib/SdkConfig';
-import Modal from 'matrix-react-sdk/lib/Modal';
-import { _t } from 'matrix-react-sdk/lib/languageHandler';
-
-export default class BugReportDialog extends React.Component {
- constructor(props, context) {
- super(props, context);
- this.state = {
- sendLogs: true,
- busy: false,
- err: null,
- issueUrl: "",
- text: "",
- progress: null,
- };
- this._unmounted = false;
- this._onSubmit = this._onSubmit.bind(this);
- this._onCancel = this._onCancel.bind(this);
- this._onTextChange = this._onTextChange.bind(this);
- this._onIssueUrlChange = this._onIssueUrlChange.bind(this);
- this._onSendLogsChange = this._onSendLogsChange.bind(this);
- this._sendProgressCallback = this._sendProgressCallback.bind(this);
- }
-
- componentWillUnmount() {
- this._unmounted = true;
- }
-
- _onCancel(ev) {
- this.props.onFinished(false);
- }
-
- _onSubmit(ev) {
- const userText =
- (this.state.text.length > 0 ? this.state.text + '\n\n': '') + 'Issue: ' +
- (this.state.issueUrl.length > 0 ? this.state.issueUrl : 'No issue link given');
-
- this.setState({ busy: true, progress: null, err: null });
- this._sendProgressCallback(_t("Preparing to send logs"));
-
- require(['../../../vector/submit-rageshake'], (s) => {
- s(SdkConfig.get().bug_report_endpoint_url, {
- userText,
- sendLogs: true,
- progressCallback: this._sendProgressCallback,
- }).then(() => {
- if (!this._unmounted) {
- this.props.onFinished(false);
- const QuestionDialog = sdk.getComponent("dialogs.QuestionDialog");
- Modal.createTrackedDialog('Bug report sent', '', QuestionDialog, {
- title: _t('Logs sent'),
- description: _t('Thank you!'),
- hasCancelButton: false,
- });
- }
- }, (err) => {
- if (!this._unmounted) {
- this.setState({
- busy: false,
- progress: null,
- err: _t("Failed to send logs: ") + `${err.message}`,
- });
- }
- });
- });
- }
-
- _onTextChange(ev) {
- this.setState({ text: ev.target.value });
- }
-
- _onIssueUrlChange(ev) {
- this.setState({ issueUrl: ev.target.value });
- }
-
- _onSendLogsChange(ev) {
- this.setState({ sendLogs: ev.target.checked });
- }
-
- _sendProgressCallback(progress) {
- if (this._unmounted) {
- return;
- }
- this.setState({progress: progress});
- }
-
- render() {
- const Loader = sdk.getComponent("elements.Spinner");
-
- let error = null;
- if (this.state.err) {
- error =
-
- -
-
- { _t('Remove') }
-
-
- { _t('Remove') }
-
- {this.state.err}
-
;
- }
-
- let cancelButton = null;
- if (!this.state.busy) {
- cancelButton = ;
- }
-
- let progress = null;
- if (this.state.busy) {
- progress = (
-
-
- );
- }
-
- return (
-
-
- );
- }
-}
-
-BugReportDialog.propTypes = {
- onFinished: React.PropTypes.func.isRequired,
-};
diff --git a/src/components/views/dialogs/ChangelogDialog.js b/src/components/views/dialogs/ChangelogDialog.js
deleted file mode 100644
index 92aeadf8c8..0000000000
--- a/src/components/views/dialogs/ChangelogDialog.js
+++ /dev/null
@@ -1,94 +0,0 @@
-/*
- Copyright 2016 Aviral Dasgupta
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-
-import React from 'react';
-import sdk from 'matrix-react-sdk';
-import request from 'browser-request';
-import { _t } from 'matrix-react-sdk/lib/languageHandler';
-
-const REPOS = ['vector-im/riot-web', 'matrix-org/matrix-react-sdk', 'matrix-org/matrix-js-sdk'];
-
-export default class ChangelogDialog extends React.Component {
- constructor(props) {
- super(props);
-
- this.state = {};
- }
-
- componentDidMount() {
- const version = this.props.newVersion.split('-');
- const version2 = this.props.version.split('-');
- if(version == null || version2 == null) return;
- // parse versions of form: [vectorversion]-react-[react-sdk-version]-js-[js-sdk-version]
- for(let i=0; i
- { _t("Submit debug logs") }
-
-
-
- - { _t( - "Debug logs contain application usage data including your " + - "username, the IDs or aliases of the rooms or groups you " + - "have visited and the usernames of other users. They do " + - "not contain messages.", - ) } -
-- { _t( - "Click here to create a GitHub issue.", - {}, - { - a: (sub) => - { sub } - , - }, - ) } -
-
-
-
-
-
-
-
-
- {progress}
- {error}
-
-
-
- {cancelButton}
-
-
-
- )
- });
-
- const content = (
- {repo}
--
- {this.state[repo].map(this._elementsForCommit)}
-
- {this.props.version == null || this.props.newVersion == null ?
- );
-
-
- return (
- {_t("Unavailable")}
: logs} -
-
- { !this.state.message && }
-
;
- }
-
- textInput(id, label) {
- return
-
;
- }
-}
-
-class SendCustomEvent extends GenericEditor {
- static getLabel() { return _t('Send Custom Event'); }
-
- static propTypes = {
- onBack: PropTypes.func.isRequired,
- forceStateEvent: PropTypes.bool,
- inputs: PropTypes.object,
- };
-
- constructor(props, context) {
- super(props, context);
- this._send = this._send.bind(this);
-
- const {eventType, stateKey, evContent} = Object.assign({
- eventType: '',
- stateKey: '',
- evContent: '{\n\n}',
- }, this.props.inputs);
-
- this.state = {
- isStateEvent: Boolean(this.props.forceStateEvent),
-
- eventType,
- stateKey,
- evContent,
- };
- }
-
- send(content) {
- const cli = MatrixClientPeg.get();
- if (this.state.isStateEvent) {
- return cli.sendStateEvent(this.context.roomId, this.state.eventType, content, this.state.stateKey);
- } else {
- return cli.sendEvent(this.context.roomId, this.state.eventType, content);
- }
- }
-
- async _send() {
- if (this.state.eventType === '') {
- this.setState({ message: _t('You must specify an event type!') });
- return;
- }
-
- let message;
- try {
- const content = JSON.parse(this.state.evContent);
- await this.send(content);
- message = _t('Event sent!');
- } catch (e) {
- message = _t('Failed to send custom event.') + ' (' + e.toString() + ')';
- }
- this.setState({ message });
- }
-
- render() {
- if (this.state.message) {
- return
-
-
-
-
-
-
-
;
- }
-
- return
- { this.state.message }
-
- { this._buttons() }
-
-
;
- }
-}
-
-class SendAccountData extends GenericEditor {
- static getLabel() { return _t('Send Account Data'); }
-
- static propTypes = {
- isRoomAccountData: PropTypes.bool,
- forceMode: PropTypes.bool,
- inputs: PropTypes.object,
- };
-
- constructor(props, context) {
- super(props, context);
- this._send = this._send.bind(this);
-
- const {eventType, evContent} = Object.assign({
- eventType: '',
- evContent: '{\n\n}',
- }, this.props.inputs);
-
- this.state = {
- isRoomAccountData: Boolean(this.props.isRoomAccountData),
-
- eventType,
- evContent,
- };
- }
-
- send(content) {
- const cli = MatrixClientPeg.get();
- if (this.state.isRoomAccountData) {
- return cli.setRoomAccountData(this.context.roomId, this.state.eventType, content);
- }
- return cli.setAccountData(this.state.eventType, content);
- }
-
- async _send() {
- if (this.state.eventType === '') {
- this.setState({ message: _t('You must specify an event type!') });
- return;
- }
-
- let message;
- try {
- const content = JSON.parse(this.state.evContent);
- await this.send(content);
- message = _t('Event sent!');
- } catch (e) {
- message = _t('Failed to send custom event.') + ' (' + e.toString() + ')';
- }
- this.setState({ message });
- }
-
- render() {
- if (this.state.message) {
- return
- { this.textInput('eventType', _t('Event Type')) }
- { this.state.isStateEvent && this.textInput('stateKey', _t('State Key')) }
-
-
- -
- - -
-
-
-
-
-
-
-
- { !this.state.message && }
- { !this.state.message && !this.props.forceStateEvent &&
-
-
-
-
}
-
-
;
- }
-
- return
- { this.state.message }
-
- { this._buttons() }
-
-
;
- }
-}
-
-class FilteredList extends React.Component {
- static propTypes = {
- children: PropTypes.any,
- query: PropTypes.string,
- onChange: PropTypes.func,
- };
-
- constructor(props, context) {
- super(props, context);
- this.onQuery = this.onQuery.bind(this);
- }
-
- onQuery(ev) {
- if (this.props.onChange) this.props.onChange(ev.target.value);
- }
-
- filterChildren() {
- if (this.props.query) {
- const lowerQuery = this.props.query.toLowerCase();
- return this.props.children.filter((child) => child.key.toLowerCase().includes(lowerQuery));
- }
- return this.props.children;
- }
-
- render() {
- return
- { this.textInput('eventType', _t('Event Type')) }
-
- -
- - -
-
-
-
-
-
-
-
- { !this.state.message && }
- { !this.state.message &&
-
-
-
-
}
-
-
- { this.filterChildren() }
-
;
- }
-}
-
-class RoomStateExplorer extends DevtoolsComponent {
- static getLabel() { return _t('Explore Room State'); }
-
-
- static propTypes = {
- onBack: PropTypes.func.isRequired,
- };
-
- constructor(props, context) {
- super(props, context);
-
- const room = MatrixClientPeg.get().getRoom(this.context.roomId);
- this.roomStateEvents = room.currentState.events;
-
- this.onBack = this.onBack.bind(this);
- this.editEv = this.editEv.bind(this);
- this.onQueryEventType = this.onQueryEventType.bind(this);
- this.onQueryStateKey = this.onQueryStateKey.bind(this);
-
- this.state = {
- eventType: null,
- event: null,
- editing: false,
-
- queryEventType: '',
- queryStateKey: '',
- };
- }
-
- browseEventType(eventType) {
- return () => {
- this.setState({ eventType });
- };
- }
-
- onViewSourceClick(event) {
- return () => {
- this.setState({ event });
- };
- }
-
- onBack() {
- if (this.state.editing) {
- this.setState({ editing: false });
- } else if (this.state.event) {
- this.setState({ event: null });
- } else if (this.state.eventType) {
- this.setState({ eventType: null });
- } else {
- this.props.onBack();
- }
- }
-
- editEv() {
- this.setState({ editing: true });
- }
-
- onQueryEventType(filterEventType) {
- this.setState({ queryEventType: filterEventType });
- }
-
- onQueryStateKey(filterStateKey) {
- this.setState({ queryStateKey: filterStateKey });
- }
-
- render() {
- if (this.state.event) {
- if (this.state.editing) {
- return
-
;
- }
-
- let list = null;
-
- const classes = 'mx_DevTools_RoomStateExplorer_button';
- if (this.state.eventType === null) {
- list =
-
- { JSON.stringify(this.state.event.event, null, 2) }
-
-
-
-
-
-
-
-
;
- }
-}
-
-class AccountDataExplorer extends DevtoolsComponent {
- static getLabel() { return _t('Explore Account Data'); }
-
- static propTypes = {
- onBack: PropTypes.func.isRequired,
- };
-
- constructor(props, context) {
- super(props, context);
-
- this.onBack = this.onBack.bind(this);
- this.editEv = this.editEv.bind(this);
- this._onChange = this._onChange.bind(this);
- this.onQueryEventType = this.onQueryEventType.bind(this);
-
- this.state = {
- isRoomAccountData: false,
- event: null,
- editing: false,
-
- queryEventType: '',
- };
- }
-
- getData() {
- const cli = MatrixClientPeg.get();
- if (this.state.isRoomAccountData) {
- return cli.getRoom(this.context.roomId).accountData;
- }
- return cli.store.accountData;
- }
-
- onViewSourceClick(event) {
- return () => {
- this.setState({ event });
- };
- }
-
- onBack() {
- if (this.state.editing) {
- this.setState({ editing: false });
- } else if (this.state.event) {
- this.setState({ event: null });
- } else {
- this.props.onBack();
- }
- }
-
- _onChange(e) {
- this.setState({[e.target.id]: e.target.type === 'checkbox' ? e.target.checked : e.target.value});
- }
-
- editEv() {
- this.setState({ editing: true });
- }
-
- onQueryEventType(queryEventType) {
- this.setState({ queryEventType });
- }
-
- render() {
- if (this.state.event) {
- if (this.state.editing) {
- return
- { list }
-
-
-
-
-
-
;
- }
-
- const rows = [];
-
- const classes = 'mx_DevTools_RoomStateExplorer_button';
-
- const data = this.getData();
- Object.keys(data).forEach((evType) => {
- const ev = data[evType];
- rows.push();
- });
-
- return
-
- { JSON.stringify(this.state.event.event, null, 2) }
-
-
-
-
-
-
-
-
;
- }
-}
-
-const Entries = [
- SendCustomEvent,
- RoomStateExplorer,
- SendAccountData,
- AccountDataExplorer,
-];
-
-export default class DevtoolsDialog extends React.Component {
- static childContextTypes = {
- roomId: PropTypes.string.isRequired,
- // client: PropTypes.instanceOf(MatixClient),
- };
-
- static propTypes = {
- roomId: PropTypes.string.isRequired,
- onFinished: PropTypes.func.isRequired,
- };
-
- constructor(props, context) {
- super(props, context);
- this.onBack = this.onBack.bind(this);
- this.onCancel = this.onCancel.bind(this);
-
- this.state = {
- mode: null,
- };
- }
-
- componentWillUnmount() {
- this._unmounted = true;
- }
-
- getChildContext() {
- return { roomId: this.props.roomId };
- }
-
- _setMode(mode) {
- return () => {
- this.setState({ mode });
- };
- }
-
- onBack() {
- if (this.prevMode) {
- this.setState({ mode: this.prevMode });
- this.prevMode = null;
- } else {
- this.setState({ mode: null });
- }
- }
-
- onCancel() {
- this.props.onFinished(false);
- }
-
- render() {
- let body;
-
- if (this.state.mode) {
- body =
-
- { rows }
-
-
-
-
- { !this.state.message &&
-
-
-
-
}
-
-
;
- } else {
- const classes = "mx_DevTools_RoomStateExplorer_button";
- body = { this.state.mode.getLabel() }
- Room ID: { this.props.roomId }
-
-
-
;
- }
-
- const BaseDialog = sdk.getComponent('views.dialogs.BaseDialog');
- return (
-
-
- { _t('Toolbox') }
- Room ID: { this.props.roomId }
-
-
-
- { Entries.map((Entry) => {
- const label = Entry.getLabel();
- const onClick = this._setMode(Entry);
- return ;
- }) }
-
-
-
-
-
-
- - { advice } -
-- { extraAdvice } -
-
-
-
-
-
- - { _t('This will allow you to return to your account after signing out, and sign in on other devices.') } -
-
- { this.state.error }
-
- 
;
- span_class = 'mx_NetworkDropdown_menu_network';
- } else {
- key = server + '_inst_' + instance.instance_id;
- const imgUrl = instance.icon ?
- MatrixClientPeg.get().mxcUrlToHttp(instance.icon, 25, 25, 'crop', true) :
- DEFAULT_ICON_URL;
- icon = 
;
- name = instance.desc;
- span_class = 'mx_NetworkDropdown_menu_network';
- }
-
- const click_handler = handleClicks ? this.onMenuOptionClick.bind(this, server, instance, includeAll) : null;
-
- return
- {icon}
- {name}
-
- }
-
- render() {
- let current_value;
-
- let menu;
- if (this.state.expanded) {
- const menu_options = this._getMenuOptions();
- menu =
- {menu_options}
-
;
- current_value =
- } else {
- const instance = instanceForInstanceId(this.props.protocols, this.state.selectedInstanceId);
- current_value = this._makeMenuOption(
- this.state.selectedServer, instance, this.state.includeAll, false
- );
- }
-
- return
-
;
- }
-}
-
-NetworkDropdown.propTypes = {
- onOptionChange: React.PropTypes.func.isRequired,
- protocols: React.PropTypes.object,
- // The room directory config. May have a 'servers' key that is a list of server names to include in the dropdown
- config: React.PropTypes.object,
-};
-
-NetworkDropdown.defaultProps = {
- protocols: {},
- config: {},
-};
diff --git a/src/components/views/elements/ImageView.js b/src/components/views/elements/ImageView.js
deleted file mode 100644
index d1a34d02df..0000000000
--- a/src/components/views/elements/ImageView.js
+++ /dev/null
@@ -1,205 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-var React = require('react');
-
-var MatrixClientPeg = require('matrix-react-sdk/lib/MatrixClientPeg');
-
-import {formatDate} from 'matrix-react-sdk/lib/DateUtils';
-var filesize = require('filesize');
-var AccessibleButton = require('matrix-react-sdk/lib/components/views/elements/AccessibleButton');
-const Modal = require('matrix-react-sdk/lib/Modal');
-const sdk = require('matrix-react-sdk');
-import { _t } from 'matrix-react-sdk/lib/languageHandler';
-
-module.exports = React.createClass({
- displayName: 'ImageView',
-
- propTypes: {
- src: React.PropTypes.string.isRequired, // the source of the image being displayed
- name: React.PropTypes.string, // the main title ('name') for the image
- link: React.PropTypes.string, // the link (if any) applied to the name of the image
- width: React.PropTypes.number, // width of the image src in pixels
- height: React.PropTypes.number, // height of the image src in pixels
- fileSize: React.PropTypes.number, // size of the image src in bytes
- onFinished: React.PropTypes.func.isRequired, // callback when the lightbox is dismissed
-
- // the event (if any) that the Image is displaying. Used for event-specific stuff like
- // redactions, senders, timestamps etc. Other descriptors are taken from the explicit
- // properties above, which let us use lightboxes to display images which aren't associated
- // with events.
- mxEvent: React.PropTypes.object,
- },
-
- // XXX: keyboard shortcuts for managing dialogs should be done by the modal
- // dialog base class somehow, surely...
- componentDidMount: function() {
- document.addEventListener("keydown", this.onKeyDown);
- },
-
- componentWillUnmount: function() {
- document.removeEventListener("keydown", this.onKeyDown);
- },
-
- onKeyDown: function(ev) {
- if (ev.keyCode == 27) { // escape
- ev.stopPropagation();
- ev.preventDefault();
- this.props.onFinished();
- }
- },
-
- onRedactClick: function() {
- const ConfirmRedactDialog = sdk.getComponent("dialogs.ConfirmRedactDialog");
- Modal.createTrackedDialog('Confirm Redact Dialog', 'Image View', ConfirmRedactDialog, {
- onFinished: (proceed) => {
- if (!proceed) return;
- var self = this;
- MatrixClientPeg.get().redactEvent(
- this.props.mxEvent.getRoomId(), this.props.mxEvent.getId()
- ).catch(function(e) {
- var ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
- // display error message stating you couldn't delete this.
- var code = e.errcode || e.statusCode;
- Modal.createTrackedDialog('You cannot delete this image.', '', ErrorDialog, {
- title: _t('Error'),
- description: _t('You cannot delete this image. (%(code)s)', {code: code})
- });
- }).done();
- }
- });
- },
-
- getName: function () {
- var name = this.props.name;
- if (name && this.props.link) {
- name = { name };
- }
- return name;
- },
-
- render: function() {
-
-/*
- // In theory max-width: 80%, max-height: 80% on the CSS should work
- // but in practice, it doesn't, so do it manually:
-
- var width = this.props.width || 500;
- var height = this.props.height || 500;
-
- var maxWidth = document.documentElement.clientWidth * 0.8;
- var maxHeight = document.documentElement.clientHeight * 0.8;
-
- var widthFrac = width / maxWidth;
- var heightFrac = height / maxHeight;
-
- var displayWidth;
- var displayHeight;
- if (widthFrac > heightFrac) {
- displayWidth = Math.min(width, maxWidth);
- displayHeight = (displayWidth / width) * height;
- } else {
- displayHeight = Math.min(height, maxHeight);
- displayWidth = (displayHeight / height) * width;
- }
-
- var style = {
- width: displayWidth,
- height: displayHeight
- };
-*/
- var style, res;
-
- if (this.props.width && this.props.height) {
- style = {
- width: this.props.width,
- height: this.props.height,
- };
- res = style.width + "x" + style.height + "px";
- }
-
- var size;
- if (this.props.fileSize) {
- size = filesize(this.props.fileSize);
- }
-
- var size_res;
- if (size && res) {
- size_res = size + ", " + res;
- }
- else {
- size_res = size || res;
- }
-
- var showEventMeta = !!this.props.mxEvent;
-
- var eventMeta;
- if(showEventMeta) {
- // Figure out the sender, defaulting to mxid
- let sender = this.props.mxEvent.getSender();
- const room = MatrixClientPeg.get().getRoom(this.props.mxEvent.getRoomId());
- if (room) {
- const member = room.getMember(sender);
- if (member) sender = member.name;
- }
-
- eventMeta = (
- {current_value}
-
- {menu}
-
-
- { _t('Uploaded on %(date)s by %(user)s', {date: formatDate(new Date(this.props.mxEvent.getTs())), user: sender}) }
-
);
- }
-
- var eventRedact;
- if(showEventMeta) {
- eventRedact = (
- { _t('Remove') }
-
);
- }
-
- return (
-
-
- );
- }
-});
diff --git a/src/components/views/elements/InlineSpinner.js b/src/components/views/elements/InlineSpinner.js
deleted file mode 100644
index adb916fcf0..0000000000
--- a/src/components/views/elements/InlineSpinner.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
-Copyright 2017 New Vector Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-const React = require('react');
-
-module.exports = React.createClass({
- displayName: 'InlineSpinner',
-
- render: function() {
- var w = this.props.w || 16;
- var h = this.props.h || 16;
- var imgClass = this.props.imgClassName || "";
-
- return (
-
-
-
- 
-
-
-
-
- 
-
-
-
- { this.getName() }
-
- { eventMeta }
-
-
- { _t('Download this file') }
- { size_res } -
-
- { eventRedact }
- - { size_res } -
-
-
-
-
- 
-
- );
- }
-});
diff --git a/src/components/views/elements/Spinner.js b/src/components/views/elements/Spinner.js
deleted file mode 100644
index 2b620f12c5..0000000000
--- a/src/components/views/elements/Spinner.js
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-var React = require('react');
-
-module.exports = React.createClass({
- displayName: 'Spinner',
-
- render: function() {
- var w = this.props.w || 32;
- var h = this.props.h || 32;
- var imgClass = this.props.imgClassName || "";
- return (
-
-
-
-
- );
- }
-});
diff --git a/src/components/views/elements/SyntaxHighlight.js b/src/components/views/elements/SyntaxHighlight.js
deleted file mode 100644
index 82b5ae572c..0000000000
--- a/src/components/views/elements/SyntaxHighlight.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
-Copyright 2017 Michael Telatynski <7t3chguy@gmail.com>
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import {highlightBlock} from 'highlight.js';
-
-export default class SyntaxHighlight extends React.Component {
- static propTypes = {
- className: PropTypes.string,
- children: PropTypes.node,
- };
-
- constructor(props, context) {
- super(props, context);
-
- this._ref = this._ref.bind(this);
- }
-
- // componentDidUpdate used here for reusability
- // componentWillReceiveProps fires too early to call highlightBlock on.
- componentDidUpdate() {
- if (this._el) highlightBlock(this._el);
- }
-
- // call componentDidUpdate because _ref is fired on initial render
- // which does not fire componentDidUpdate
- _ref(el) {
- this._el = el;
- this.componentDidUpdate();
- }
-
- render() {
- const { className, children } = this.props;
-
- return
-
- { children }
- ;
- }
-}
diff --git a/src/components/views/globals/MatrixToolbar.js b/src/components/views/globals/MatrixToolbar.js
deleted file mode 100644
index 06bfa36e9e..0000000000
--- a/src/components/views/globals/MatrixToolbar.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-import React from 'react';
-import { _t } from 'matrix-react-sdk/lib/languageHandler';
-import Notifier from 'matrix-react-sdk/lib/Notifier';
-import AccessibleButton from 'matrix-react-sdk/lib/components/views/elements/AccessibleButton';
-
-module.exports = React.createClass({
- displayName: 'MatrixToolbar',
-
- hideToolbar: function() {
- Notifier.setToolbarHidden(true);
- },
-
- onClick: function() {
- Notifier.setEnabled(true);
- },
-
- render: function() {
- return (
-
- );
- },
-});
diff --git a/src/components/views/globals/NewVersionBar.js b/src/components/views/globals/NewVersionBar.js
deleted file mode 100644
index 2aedf39204..0000000000
--- a/src/components/views/globals/NewVersionBar.js
+++ /dev/null
@@ -1,107 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-import React from 'react';
-import sdk from 'matrix-react-sdk';
-import Modal from 'matrix-react-sdk/lib/Modal';
-import PlatformPeg from 'matrix-react-sdk/lib/PlatformPeg';
-import { _t } from 'matrix-react-sdk/lib/languageHandler';
-
-/**
- * Check a version string is compatible with the Changelog
- * dialog ([vectorversion]-react-[react-sdk-version]-js-[js-sdk-version])
- */
-function checkVersion(ver) {
- const parts = ver.split('-');
- return parts.length == 5 && parts[1] == 'react' && parts[3] == 'js';
-}
-
-export default React.createClass({
- propTypes: {
- version: React.PropTypes.string.isRequired,
- newVersion: React.PropTypes.string.isRequired,
- releaseNotes: React.PropTypes.string,
- },
-
- displayReleaseNotes: function(releaseNotes) {
- const QuestionDialog = sdk.getComponent('dialogs.QuestionDialog');
- Modal.createTrackedDialog('Display release notes', '', QuestionDialog, {
- title: _t("What's New"),
- description: {releaseNotes}
,
- button: _t("Update"),
- onFinished: (update) => {
- if(update && PlatformPeg.get()) {
- PlatformPeg.get().installUpdate();
- }
- }
- });
- },
-
- displayChangelog: function() {
- const ChangelogDialog = sdk.getComponent('dialogs.ChangelogDialog');
- Modal.createTrackedDialog('Display Changelog', '', ChangelogDialog, {
- version: this.props.version,
- newVersion: this.props.newVersion,
- onFinished: (update) => {
- if(update && PlatformPeg.get()) {
- PlatformPeg.get().installUpdate();
- }
- }
- });
- },
-
- onUpdateClicked: function() {
- PlatformPeg.get().installUpdate();
- },
-
- render: function() {
- let action_button;
- // If we have release notes to display, we display them. Otherwise,
- // we display the Changelog Dialog which takes two versions and
- // automatically tells you what's changed (provided the versions
- // are in the right format)
- if (this.props.releaseNotes) {
- action_button = (
-
- );
- } else if (checkVersion(this.props.version) && checkVersion(this.props.newVersion)) {
- action_button = (
-
- );
- } else if (PlatformPeg.get()) {
- action_button = (
-
- );
- }
- return (
-
- 
-
- );
- }
-});
diff --git a/src/components/views/globals/PasswordNagBar.js b/src/components/views/globals/PasswordNagBar.js
deleted file mode 100644
index a04d48e0c5..0000000000
--- a/src/components/views/globals/PasswordNagBar.js
+++ /dev/null
@@ -1,64 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-import React from 'react';
-import sdk from 'matrix-react-sdk';
-import Modal from 'matrix-react-sdk/lib/Modal';
-import dis from 'matrix-react-sdk/lib/dispatcher';
-import { _t } from 'matrix-react-sdk/lib/languageHandler';
-
-export default React.createClass({
- onUpdateClicked: function() {
- const SetPasswordDialog = sdk.getComponent('dialogs.SetPasswordDialog');
- Modal.createTrackedDialog('Set Password Dialog', 'Password Nag Bar', SetPasswordDialog, {
- onFinished: (passwordChanged) => {
- if (!passwordChanged) {
- return;
- }
- // Notify SessionStore that the user's password was changed
- dis.dispatch({
- action: 'password_changed',
- });
- },
- });
- },
-
- render: function() {
- const toolbarClasses = "mx_MatrixToolbar mx_MatrixToolbar_clickable";
- return (
-
-
- {_t("A new version of Riot is available.")}
-
- {action_button}
-
-
-
- );
- },
-});
diff --git a/src/components/views/globals/UpdateCheckBar.js b/src/components/views/globals/UpdateCheckBar.js
deleted file mode 100644
index 926ccbcccf..0000000000
--- a/src/components/views/globals/UpdateCheckBar.js
+++ /dev/null
@@ -1,85 +0,0 @@
-/*
-Copyright 2017 Michael Telatynski <7t3chguy@gmail.com>
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-import React from 'react';
-import { _t } from 'matrix-react-sdk/lib/languageHandler';
-import PlatformPeg from 'matrix-react-sdk/lib/PlatformPeg';
-import {updateCheckStatusEnum} from '../../../vector/platform/VectorBasePlatform';
-import AccessibleButton from 'matrix-react-sdk/lib/components/views/elements/AccessibleButton';
-
-const doneStatuses = [
- updateCheckStatusEnum.ERROR,
- updateCheckStatusEnum.NOTAVAILABLE,
-];
-
-export default React.createClass({
- propTypes: {
- status: React.PropTypes.oneOf(Object.values(updateCheckStatusEnum)).isRequired,
- // Currently for error detail but will be usable for download progress
- // once that is a thing that squirrel passes through electron.
- detail: React.PropTypes.string,
- },
-
- getDefaultProps: function() {
- return {
- detail: '',
- }
- },
-
- getStatusText: function() {
- switch(this.props.status) {
- case updateCheckStatusEnum.ERROR:
- return _t('Error encountered (%(errorDetail)s).', { errorDetail: this.props.detail });
- case updateCheckStatusEnum.CHECKING:
- return _t('Checking for an update...');
- case updateCheckStatusEnum.NOTAVAILABLE:
- return _t('No update available.');
- case updateCheckStatusEnum.DOWNLOADING:
- return _t('Downloading update...');
- }
- }
- ,
-
- hideToolbar: function() {
- PlatformPeg.get().stopUpdateCheck();
- },
-
- render: function() {
- const message = this.getStatusText();
- const warning = _t('Warning');
-
- let image;
- if (doneStatuses.includes(this.props.status)) {
- image =
-
- { _t(
- "To return to your account in future you need to set a password",
- {},
- { 'u': (sub) => { sub } },
- ) }
-
-
- ;
- } else {
- image = ;
- }
-
- return (
-
- {image}
-
- 
-
-
- );
- }
-});
diff --git a/src/components/views/messages/DateSeparator.js b/src/components/views/messages/DateSeparator.js
deleted file mode 100644
index 2e081bc69b..0000000000
--- a/src/components/views/messages/DateSeparator.js
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2018 Michael Telatynski <7t3chguy@gmail.com>
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { _t } from 'matrix-react-sdk/lib/languageHandler';
-import {formatFullDateNoTime} from 'matrix-react-sdk/lib/DateUtils';
-
-function getdaysArray() {
- return [
- _t('Sunday'),
- _t('Monday'),
- _t('Tuesday'),
- _t('Wednesday'),
- _t('Thursday'),
- _t('Friday'),
- _t('Saturday'),
- ];
-}
-
-export default class DateSeparator extends React.Component {
- static propTypes = {
- ts: PropTypes.number.isRequired,
- };
-
- getLabel() {
- const date = new Date(this.props.ts);
- const today = new Date();
- const yesterday = new Date();
- const days = getdaysArray();
- yesterday.setDate(today.getDate() - 1);
-
- if (date.toDateString() === today.toDateString()) {
- return _t('Today');
- } else if (date.toDateString() === yesterday.toDateString()) {
- return _t('Yesterday');
- } else if (today.getTime() - date.getTime() < 6 * 24 * 60 * 60 * 1000) {
- return days[date.getDay()];
- } else {
- return formatFullDateNoTime(date);
- }
- }
-
- render() {
- return
- {message}
-
-
- { this.getLabel() }
; - } -} diff --git a/src/components/views/messages/MessageTimestamp.js b/src/components/views/messages/MessageTimestamp.js deleted file mode 100644 index 6d43306708..0000000000 --- a/src/components/views/messages/MessageTimestamp.js +++ /dev/null @@ -1,36 +0,0 @@ -/* -Copyright 2015, 2016 OpenMarket Ltd -Copyright 2018 Michael Telatynski <7t3chguy@gmail.com> - -Licensed under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. -You may obtain a copy of the License at - - http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software -distributed under the License is distributed on an "AS IS" BASIS, -WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -See the License for the specific language governing permissions and -limitations under the License. -*/ - -import React from 'react'; -import PropTypes from 'prop-types'; -import {formatFullDate, formatTime} from 'matrix-react-sdk/lib/DateUtils'; - -export default class MessageTimestamp extends React.Component { - static propTypes = { - ts: PropTypes.number.isRequired, - showTwelveHour: PropTypes.bool, - }; - - render() { - const date = new Date(this.props.ts); - return ( - - { formatTime(date, this.props.showTwelveHour) } - - ); - } -} diff --git a/src/components/views/rooms/DNDRoomTile.js b/src/components/views/rooms/DNDRoomTile.js deleted file mode 100644 index d32ecbbb1d..0000000000 --- a/src/components/views/rooms/DNDRoomTile.js +++ /dev/null @@ -1,65 +0,0 @@ -/* -Copyright 2015, 2016 OpenMarket Ltd - -Licensed under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. -You may obtain a copy of the License at - - http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software -distributed under the License is distributed on an "AS IS" BASIS, -WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -See the License for the specific language governing permissions and -limitations under the License. -*/ - -import React from 'react'; -import { Draggable } from 'react-beautiful-dnd'; -import RoomTile from 'matrix-react-sdk/lib/components/views/rooms/RoomTile'; - -import classNames from 'classnames'; - -export default class DNDRoomTile extends React.PureComponent { - constructor() { - super(); - this.getClassName = this.getClassName.bind(this); - } - - getClassName(isDragging) { - return classNames({ - "mx_DNDRoomTile": true, - "mx_DNDRoomTile_dragging": isDragging, - }); - } - - render() { - const props = this.props; - - return
-
- { (provided, snapshot) => {
- return (
-
-
;
- }
-}
diff --git a/src/components/views/rooms/RoomDropTarget.js b/src/components/views/rooms/RoomDropTarget.js
deleted file mode 100644
index 3cb10630fa..0000000000
--- a/src/components/views/rooms/RoomDropTarget.js
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-var React = require('react');
-
-module.exports = React.createClass({
- displayName: 'RoomDropTarget',
-
- render: function() {
- return (
-
-
- );
- } }
-
-
- { provided.placeholder }
-
-
-
-
- );
- }
-});
diff --git a/src/components/views/rooms/RoomTooltip.js b/src/components/views/rooms/RoomTooltip.js
deleted file mode 100644
index 39d8958d5e..0000000000
--- a/src/components/views/rooms/RoomTooltip.js
+++ /dev/null
@@ -1,120 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-var React = require('react');
-var ReactDOM = require('react-dom');
-var dis = require('matrix-react-sdk/lib/dispatcher');
-import classNames from 'classnames';
-
-const MIN_TOOLTIP_HEIGHT = 25;
-
-module.exports = React.createClass({
- displayName: 'RoomTooltip',
-
- propTypes: {
- // Class applied to the element used to position the tooltip
- className: React.PropTypes.string.isRequired,
- // Class applied to the tooltip itself
- tooltipClassName: React.PropTypes.string,
- // The tooltip is derived from either the room name or a label
- room: React.PropTypes.object,
- label: React.PropTypes.node,
- },
-
- // Create a wrapper for the tooltip outside the parent and attach it to the body element
- componentDidMount: function() {
- this.tooltipContainer = document.createElement("div");
- this.tooltipContainer.className = "mx_RoomTileTooltip_wrapper";
- document.body.appendChild(this.tooltipContainer);
- window.addEventListener('scroll', this._renderTooltip, true);
-
- this.parent = ReactDOM.findDOMNode(this).parentNode;
-
- this._renderTooltip();
- },
-
- componentDidUpdate: function() {
- this._renderTooltip();
- },
-
- // Remove the wrapper element, as the tooltip has finished using it
- componentWillUnmount: function() {
- dis.dispatch({
- action: 'view_tooltip',
- tooltip: null,
- parent: null,
- });
-
- ReactDOM.unmountComponentAtNode(this.tooltipContainer);
- document.body.removeChild(this.tooltipContainer);
- window.removeEventListener('scroll', this._renderTooltip, true);
- },
-
- _updatePosition(style) {
- const parentBox = this.parent.getBoundingClientRect();
- let offset = 0;
- if (parentBox.height > MIN_TOOLTIP_HEIGHT) {
- offset = Math.floor((parentBox.height - MIN_TOOLTIP_HEIGHT) / 2);
- }
- style.top = (parentBox.top - 2) + window.pageYOffset + offset;
- style.left = 6 + parentBox.right + window.pageXOffset;
- return style;
- },
-
- _renderTooltip: function() {
- var label = this.props.room ? this.props.room.name : this.props.label;
-
- // Add the parent's position to the tooltips, so it's correctly
- // positioned, also taking into account any window zoom
- // NOTE: The additional 6 pixels for the left position, is to take account of the
- // tooltips chevron
- var parent = ReactDOM.findDOMNode(this).parentNode;
- var style = {};
- style = this._updatePosition(style);
- style.display = "block";
-
- const tooltipClasses = classNames(
- "mx_RoomTooltip", this.props.tooltipClassName,
- );
-
- var tooltip = (
-
-
-
- { this.props.label }
-
-
-
- { label }
-
- );
-
- // Render the tooltip manually, as we wish it not to be rendered within the parent
- this.tooltip = ReactDOM.render(tooltip, this.tooltipContainer);
-
- // Tell the roomlist about us so it can manipulate us if it wishes
- dis.dispatch({
- action: 'view_tooltip',
- tooltip: this.tooltip,
- parent: parent,
- });
- },
-
- render: function() {
- // Render a placeholder
- return (
-
-
- );
- },
-});
diff --git a/src/components/views/rooms/SearchBar.js b/src/components/views/rooms/SearchBar.js
deleted file mode 100644
index 26bf81e428..0000000000
--- a/src/components/views/rooms/SearchBar.js
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-var React = require('react');
-var MatrixClientPeg = require('matrix-react-sdk/lib/MatrixClientPeg');
-var sdk = require('matrix-react-sdk');
-var classNames = require('classnames');
-var AccessibleButton = require('matrix-react-sdk/lib/components/views/elements/AccessibleButton');
-import { _t } from "matrix-react-sdk/lib/languageHandler";
-
-module.exports = React.createClass({
- displayName: 'SearchBar',
-
- getInitialState: function() {
- return ({
- scope: 'Room'
- });
- },
-
- onThisRoomClick: function() {
- this.setState({ scope: 'Room' });
- },
-
- onAllRoomsClick: function() {
- this.setState({ scope: 'All' });
- },
-
- onSearchChange: function(e) {
- if (e.keyCode === 13) { // on enter...
- this.onSearch();
- }
- if (e.keyCode === 27) { // escape...
- this.props.onCancelClick();
- }
- },
-
- onSearch: function() {
- this.props.onSearch(this.refs.search_term.value, this.state.scope);
- },
-
- render: function() {
- var searchButtonClasses = classNames({ mx_SearchBar_searchButton : true, mx_SearchBar_searching: this.props.searchInProgress });
- var thisRoomClasses = classNames({ mx_SearchBar_button : true, mx_SearchBar_unselected : this.state.scope !== 'Room' });
- var allRoomsClasses = classNames({ mx_SearchBar_button : true, mx_SearchBar_unselected : this.state.scope !== 'All' });
-
- return (
-
-
- 
{_t("This Room")}
- {_t("All Rooms")}
-
- );
- }
-});
diff --git a/src/components/views/settings/IntegrationsManager.js b/src/components/views/settings/IntegrationsManager.js
deleted file mode 100644
index 4a2482f686..0000000000
--- a/src/components/views/settings/IntegrationsManager.js
+++ /dev/null
@@ -1,63 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-var React = require('react');
-var sdk = require('matrix-react-sdk');
-var MatrixClientPeg = require('matrix-react-sdk/lib/MatrixClientPeg');
-var dis = require('matrix-react-sdk/lib/dispatcher');
-
-module.exports = React.createClass({
- displayName: 'IntegrationsManager',
-
- propTypes: {
- src: React.PropTypes.string.isRequired, // the source of the integration manager being embedded
- onFinished: React.PropTypes.func.isRequired, // callback when the lightbox is dismissed
- },
-
- // XXX: keyboard shortcuts for managing dialogs should be done by the modal
- // dialog base class somehow, surely...
- componentDidMount: function() {
- this.dispatcherRef = dis.register(this.onAction);
- document.addEventListener("keydown", this.onKeyDown);
- },
-
- componentWillUnmount: function() {
- dis.unregister(this.dispatcherRef);
- document.removeEventListener("keydown", this.onKeyDown);
- },
-
- onKeyDown: function(ev) {
- if (ev.keyCode == 27) { // escape
- ev.stopPropagation();
- ev.preventDefault();
- this.props.onFinished();
- }
- },
-
- onAction: function(payload) {
- if (payload.action === 'close_scalar') {
- this.props.onFinished();
- }
- },
-
- render: function() {
- return (
-
- );
- }
-});
diff --git a/src/components/views/settings/Notifications.js b/src/components/views/settings/Notifications.js
deleted file mode 100644
index be03b4d70a..0000000000
--- a/src/components/views/settings/Notifications.js
+++ /dev/null
@@ -1,919 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import React from 'react';
-import Promise from 'bluebird';
-import sdk from 'matrix-react-sdk';
-import { _t } from 'matrix-react-sdk/lib/languageHandler';
-import MatrixClientPeg from 'matrix-react-sdk/lib/MatrixClientPeg';
-import UserSettingsStore from 'matrix-react-sdk/lib/UserSettingsStore';
-import SettingsStore, {SettingLevel} from "matrix-react-sdk/lib/settings/SettingsStore";
-import Modal from 'matrix-react-sdk/lib/Modal';
-import {
- NotificationUtils,
- VectorPushRulesDefinitions,
- PushRuleVectorState,
- ContentRules
-} from '../../../notifications';
-
-// TODO: this "view" component still has far too much application logic in it,
-// which should be factored out to other files.
-
-// TODO: this component also does a lot of direct poking into this.state, which
-// is VERY NAUGHTY.
-
-
-/**
- * Rules that Vector used to set in order to override the actions of default rules.
- * These are used to port peoples existing overrides to match the current API.
- * These can be removed and forgotten once everyone has moved to the new client.
- */
-const LEGACY_RULES = {
- "im.vector.rule.contains_display_name": ".m.rule.contains_display_name",
- "im.vector.rule.room_one_to_one": ".m.rule.room_one_to_one",
- "im.vector.rule.room_message": ".m.rule.message",
- "im.vector.rule.invite_for_me": ".m.rule.invite_for_me",
- "im.vector.rule.call": ".m.rule.call",
- "im.vector.rule.notices": ".m.rule.suppress_notices"
-};
-
-function portLegacyActions(actions) {
- const decoded = NotificationUtils.decodeActions(actions);
- if (decoded !== null) {
- return NotificationUtils.encodeActions(decoded);
- } else {
- // We don't recognise one of the actions here, so we don't try to
- // canonicalise them.
- return actions;
- }
-}
-
-module.exports = React.createClass({
- displayName: 'Notifications',
-
- phases: {
- LOADING: "LOADING", // The component is loading or sending data to the hs
- DISPLAY: "DISPLAY", // The component is ready and display data
- ERROR: "ERROR" // There was an error
- },
-
- propTypes: {
- // The array of threepids from the JS SDK (required for email notifications)
- threepids: React.PropTypes.array.isRequired,
- // The brand string set when creating an email pusher
- brand: React.PropTypes.string,
- },
-
- getDefaultProps: function() {
- return {
- threepids: []
- };
- },
-
- getInitialState: function() {
- return {
- phase: this.phases.LOADING,
- masterPushRule: undefined, // The master rule ('.m.rule.master')
- vectorPushRules: [], // HS default push rules displayed in Vector UI
- vectorContentRules: { // Keyword push rules displayed in Vector UI
- vectorState: PushRuleVectorState.ON,
- rules: []
- },
- externalPushRules: [], // Push rules (except content rule) that have been defined outside Vector UI
- externalContentRules: [] // Keyword push rules that have been defined outside Vector UI
- };
- },
-
- componentWillMount: function() {
- this._refreshFromServer();
- },
-
- onEnableNotificationsChange: function(event) {
- const self = this;
- this.setState({
- phase: this.phases.LOADING
- });
-
- MatrixClientPeg.get().setPushRuleEnabled('global', self.state.masterPushRule.kind, self.state.masterPushRule.rule_id, !event.target.checked).done(function() {
- self._refreshFromServer();
- });
- },
-
- onEnableDesktopNotificationsChange: function(event) {
- SettingsStore.setValue(
- "notificationsEnabled", null,
- SettingLevel.DEVICE,
- event.target.checked,
- ).finally(() => {
- this.forceUpdate();
- });
- },
-
- onEnableDesktopNotificationBodyChange: function(event) {
- SettingsStore.setValue(
- "notificationBodyEnabled", null,
- SettingLevel.DEVICE,
- event.target.checked,
- ).finally(() => {
- this.forceUpdate();
- });
- },
-
- onEnableAudioNotificationsChange: function(event) {
- SettingsStore.setValue(
- "audioNotificationsEnabled", null,
- SettingLevel.DEVICE,
- event.target.checked,
- ).finally(() => {
- this.forceUpdate();
- });
- },
-
- onEnableEmailNotificationsChange: function(address, event) {
- let emailPusherPromise;
- if (event.target.checked) {
- const data = {}
- data['brand'] = this.props.brand || 'Riot';
- emailPusherPromise = UserSettingsStore.addEmailPusher(address, data);
- } else {
- const emailPusher = UserSettingsStore.getEmailPusher(this.state.pushers, address);
- emailPusher.kind = null;
- emailPusherPromise = MatrixClientPeg.get().setPusher(emailPusher);
- }
- emailPusherPromise.done(() => {
- this._refreshFromServer();
- }, (error) => {
- const ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
- Modal.createTrackedDialog('Error saving email notification preferences', '', ErrorDialog, {
- title: _t('Error saving email notification preferences'),
- description: _t('An error occurred whilst saving your email notification preferences.'),
- });
- });
- },
-
- onNotifStateButtonClicked: function(event) {
- // FIXME: use .bind() rather than className metadata here surely
- const vectorRuleId = event.target.className.split("-")[0];
- const newPushRuleVectorState = event.target.className.split("-")[1];
-
- if ("_keywords" === vectorRuleId) {
- this._setKeywordsPushRuleVectorState(newPushRuleVectorState)
- }
- else {
- const rule = this.getRule(vectorRuleId);
- if (rule) {
- this._setPushRuleVectorState(rule, newPushRuleVectorState);
- }
- }
- },
-
- onKeywordsClicked: function(event) {
- const self = this;
-
- // Compute the keywords list to display
- let keywords = [];
- for (let i in this.state.vectorContentRules.rules) {
- const rule = this.state.vectorContentRules.rules[i];
- keywords.push(rule.pattern);
- }
- if (keywords.length) {
- // As keeping the order of per-word push rules hs side is a bit tricky to code,
- // display the keywords in alphabetical order to the user
- keywords.sort();
-
- keywords = keywords.join(", ");
- }
- else {
- keywords = "";
- }
-
- const TextInputDialog = sdk.getComponent("dialogs.TextInputDialog");
- Modal.createTrackedDialog('Keywords Dialog', '', TextInputDialog, {
- title: _t('Keywords'),
- description: _t('Enter keywords separated by a comma:'),
- button: _t('OK'),
- value: keywords,
- onFinished: function onFinished(should_leave, newValue) {
-
- if (should_leave && newValue !== keywords) {
- let newKeywords = newValue.split(',');
- for (let i in newKeywords) {
- newKeywords[i] = newKeywords[i].trim();
- }
-
- // Remove duplicates and empty
- newKeywords = newKeywords.reduce(function(array, keyword){
- if (keyword !== "" && array.indexOf(keyword) < 0) {
- array.push(keyword);
- }
- return array;
- },[]);
-
- self._setKeywords(newKeywords);
- }
- }
- });
- },
-
- getRule: function(vectorRuleId) {
- for (let i in this.state.vectorPushRules) {
- const rule = this.state.vectorPushRules[i];
- if (rule.vectorRuleId === vectorRuleId) {
- return rule;
- }
- }
- },
-
- _setPushRuleVectorState: function(rule, newPushRuleVectorState) {
- if (rule && rule.vectorState !== newPushRuleVectorState) {
-
- this.setState({
- phase: this.phases.LOADING
- });
-
- const self = this;
- const cli = MatrixClientPeg.get();
- const deferreds = [];
- const ruleDefinition = VectorPushRulesDefinitions[rule.vectorRuleId];
-
- if (rule.rule) {
- const actions = ruleDefinition.vectorStateToActions[newPushRuleVectorState];
-
- if (!actions) {
- // The new state corresponds to disabling the rule.
- deferreds.push(cli.setPushRuleEnabled('global', rule.rule.kind, rule.rule.rule_id, false));
- }
- else {
- // The new state corresponds to enabling the rule and setting specific actions
- deferreds.push(this._updatePushRuleActions(rule.rule, actions, true));
- }
- }
-
- Promise.all(deferreds).done(function() {
- self._refreshFromServer();
- }, function(error) {
- const ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
- console.error("Failed to change settings: " + error);
- Modal.createTrackedDialog('Failed to change settings', '', ErrorDialog, {
- title: _t('Failed to change settings'),
- description: ((error && error.message) ? error.message : _t('Operation failed')),
- onFinished: self._refreshFromServer
- });
- });
- }
- },
-
- _setKeywordsPushRuleVectorState: function(newPushRuleVectorState) {
- // Is there really a change?
- if (this.state.vectorContentRules.vectorState === newPushRuleVectorState
- || this.state.vectorContentRules.rules.length === 0) {
- return;
- }
-
- const self = this;
- const cli = MatrixClientPeg.get();
-
- this.setState({
- phase: this.phases.LOADING
- });
-
- // Update all rules in self.state.vectorContentRules
- const deferreds = [];
- for (let i in this.state.vectorContentRules.rules) {
- const rule = this.state.vectorContentRules.rules[i];
-
- let enabled, actions;
- switch (newPushRuleVectorState) {
- case PushRuleVectorState.ON:
- if (rule.actions.length !== 1) {
- actions = PushRuleVectorState.actionsFor(PushRuleVectorState.ON);
- }
-
- if (this.state.vectorContentRules.vectorState === PushRuleVectorState.OFF) {
- enabled = true;
- }
- break;
-
- case PushRuleVectorState.LOUD:
- if (rule.actions.length !== 3) {
- actions = PushRuleVectorState.actionsFor(PushRuleVectorState.LOUD);
- }
-
- if (this.state.vectorContentRules.vectorState === PushRuleVectorState.OFF) {
- enabled = true;
- }
- break;
-
- case PushRuleVectorState.OFF:
- enabled = false;
- break;
- }
-
- if (actions) {
- // Note that the workaround in _updatePushRuleActions will automatically
- // enable the rule
- deferreds.push(this._updatePushRuleActions(rule, actions, enabled));
- }
- else if (enabled != undefined) {
- deferreds.push(cli.setPushRuleEnabled('global', rule.kind, rule.rule_id, enabled));
- }
- }
-
- Promise.all(deferreds).done(function(resps) {
- self._refreshFromServer();
- }, function(error) {
- const ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
- console.error("Can't update user notification settings: " + error);
- Modal.createTrackedDialog('Can\'t update user notifcation settings', '', ErrorDialog, {
- title: _t('Can\'t update user notification settings'),
- description: ((error && error.message) ? error.message : _t('Operation failed')),
- onFinished: self._refreshFromServer
- });
- });
- },
-
- _setKeywords: function(newKeywords) {
- this.setState({
- phase: this.phases.LOADING
- });
-
- const self = this;
- const cli = MatrixClientPeg.get();
- const removeDeferreds = [];
-
- // Remove per-word push rules of keywords that are no more in the list
- const vectorContentRulesPatterns = [];
- for (let i in self.state.vectorContentRules.rules) {
- const rule = self.state.vectorContentRules.rules[i];
-
- vectorContentRulesPatterns.push(rule.pattern);
-
- if (newKeywords.indexOf(rule.pattern) < 0) {
- removeDeferreds.push(cli.deletePushRule('global', rule.kind, rule.rule_id));
- }
- }
-
- // If the keyword is part of `externalContentRules`, remove the rule
- // before recreating it in the right Vector path
- for (let i in self.state.externalContentRules) {
- const rule = self.state.externalContentRules[i];
-
- if (newKeywords.indexOf(rule.pattern) >= 0) {
- removeDeferreds.push(cli.deletePushRule('global', rule.kind, rule.rule_id));
- }
- }
-
- const onError = function(error) {
- const ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
- console.error("Failed to update keywords: " + error);
- Modal.createTrackedDialog('Failed to update keywords', '', ErrorDialog, {
- title: _t('Failed to update keywords'),
- description: ((error && error.message) ? error.message : _t('Operation failed')),
- onFinished: self._refreshFromServer
- });
- }
-
- // Then, add the new ones
- Promise.all(removeDeferreds).done(function(resps) {
- const deferreds = [];
-
- let pushRuleVectorStateKind = self.state.vectorContentRules.vectorState;
- if (pushRuleVectorStateKind === PushRuleVectorState.OFF) {
- // When the current global keywords rule is OFF, we need to look at
- // the flavor of rules in 'vectorContentRules' to apply the same actions
- // when creating the new rule.
- // Thus, this new rule will join the 'vectorContentRules' set.
- if (self.state.vectorContentRules.rules.length) {
- pushRuleVectorStateKind = PushRuleVectorState.contentRuleVectorStateKind(self.state.vectorContentRules.rules[0]);
- }
- else {
- // ON is default
- pushRuleVectorStateKind = PushRuleVectorState.ON;
- }
- }
-
- for (let i in newKeywords) {
- const keyword = newKeywords[i];
-
- if (vectorContentRulesPatterns.indexOf(keyword) < 0) {
- if (self.state.vectorContentRules.vectorState !== PushRuleVectorState.OFF) {
- deferreds.push(cli.addPushRule
- ('global', 'content', keyword, {
- actions: PushRuleVectorState.actionsFor(pushRuleVectorStateKind),
- pattern: keyword
- }));
- }
- else {
- deferreds.push(self._addDisabledPushRule('global', 'content', keyword, {
- actions: PushRuleVectorState.actionsFor(pushRuleVectorStateKind),
- pattern: keyword
- }));
- }
- }
- }
-
- Promise.all(deferreds).done(function(resps) {
- self._refreshFromServer();
- }, onError);
- }, onError);
- },
-
- // Create a push rule but disabled
- _addDisabledPushRule: function(scope, kind, ruleId, body) {
- const cli = MatrixClientPeg.get();
- return cli.addPushRule(scope, kind, ruleId, body).then(() =>
- cli.setPushRuleEnabled(scope, kind, ruleId, false)
- );
- },
-
- // Check if any legacy im.vector rules need to be ported to the new API
- // for overriding the actions of default rules.
- _portRulesToNewAPI: function(rulesets) {
- const self = this;
- const needsUpdate = [];
- const cli = MatrixClientPeg.get();
-
- for (let kind in rulesets.global) {
- const ruleset = rulesets.global[kind];
- for (let i = 0; i < ruleset.length; ++i) {
- const rule = ruleset[i];
- if (rule.rule_id in LEGACY_RULES) {
- console.log("Porting legacy rule", rule);
- needsUpdate.push( function(kind, rule) {
- return cli.setPushRuleActions(
- 'global', kind, LEGACY_RULES[rule.rule_id], portLegacyActions(rule.actions)
- ).then(() =>
- cli.deletePushRule('global', kind, rule.rule_id)
- ).catch( (e) => {
- console.warn(`Error when porting legacy rule: ${e}`);
- });
- }(kind, rule));
- }
- }
- }
-
- if (needsUpdate.length > 0) {
- // If some of the rules need to be ported then wait for the porting
- // to happen and then fetch the rules again.
- return Promise.all(needsUpdate).then(() =>
- cli.getPushRules()
- );
- } else {
- // Otherwise return the rules that we already have.
- return rulesets;
- }
- },
-
- _refreshFromServer: function() {
- const self = this;
- const pushRulesPromise = MatrixClientPeg.get().getPushRules().then(self._portRulesToNewAPI).then(function(rulesets) {
-
- /// XXX seriously? wtf is this?
- MatrixClientPeg.get().pushRules = rulesets;
-
- // Get homeserver default rules and triage them by categories
- const rule_categories = {
- // The master rule (all notifications disabling)
- '.m.rule.master': 'master',
-
- // The default push rules displayed by Vector UI
- '.m.rule.contains_display_name': 'vector',
- '.m.rule.contains_user_name': 'vector',
- '.m.rule.room_one_to_one': 'vector',
- '.m.rule.message': 'vector',
- '.m.rule.invite_for_me': 'vector',
- //'.m.rule.member_event': 'vector',
- '.m.rule.call': 'vector',
- '.m.rule.suppress_notices': 'vector'
-
- // Others go to others
- };
-
- // HS default rules
- const defaultRules = {master: [], vector: {}, others: []};
-
- for (let kind in rulesets.global) {
- for (let i = 0; i < Object.keys(rulesets.global[kind]).length; ++i) {
- const r = rulesets.global[kind][i];
- const cat = rule_categories[r.rule_id];
- r.kind = kind;
-
- if (r.rule_id[0] === '.') {
- if (cat === 'vector') {
- defaultRules.vector[r.rule_id] = r;
- }
- else if (cat === 'master') {
- defaultRules.master.push(r);
- }
- else {
- defaultRules['others'].push(r);
- }
- }
- }
- }
-
- // Get the master rule if any defined by the hs
- if (defaultRules.master.length > 0) {
- self.state.masterPushRule = defaultRules.master[0];
- }
-
- // parse the keyword rules into our state
- const contentRules = ContentRules.parseContentRules(rulesets);
- self.state.vectorContentRules = {
- vectorState: contentRules.vectorState,
- rules: contentRules.rules,
- };
- self.state.externalContentRules = contentRules.externalRules;
-
- // Build the rules displayed in the Vector UI matrix table
- self.state.vectorPushRules = [];
- self.state.externalPushRules = [];
-
- const vectorRuleIds = [
- '.m.rule.contains_display_name',
- '.m.rule.contains_user_name',
- '_keywords',
- '.m.rule.room_one_to_one',
- '.m.rule.message',
- '.m.rule.invite_for_me',
- //'im.vector.rule.member_event',
- '.m.rule.call',
- '.m.rule.suppress_notices'
- ];
- for (let i in vectorRuleIds) {
- const vectorRuleId = vectorRuleIds[i];
-
- if (vectorRuleId === '_keywords') {
- // keywords needs a special handling
- // For Vector UI, this is a single global push rule but translated in Matrix,
- // it corresponds to all content push rules (stored in self.state.vectorContentRule)
- self.state.vectorPushRules.push({
- "vectorRuleId": "_keywords",
- "description" : (
-
- { _t('Messages containing keywords',
- {},
- { 'span': (sub) =>
- {sub}
- },
- )}
-
- ),
- "vectorState": self.state.vectorContentRules.vectorState
- });
- }
- else {
- const ruleDefinition = VectorPushRulesDefinitions[vectorRuleId];
- const rule = defaultRules.vector[vectorRuleId];
-
- const vectorState = ruleDefinition.ruleToVectorState(rule);
-
- //console.log("Refreshing vectorPushRules for " + vectorRuleId +", "+ ruleDefinition.description +", " + rule +", " + vectorState);
-
- self.state.vectorPushRules.push({
- "vectorRuleId": vectorRuleId,
- "description" : _t(ruleDefinition.description), // Text from VectorPushRulesDefinitions.js
- "rule": rule,
- "vectorState": vectorState,
- });
-
- // if there was a rule which we couldn't parse, add it to the external list
- if (rule && !vectorState) {
- rule.description = ruleDefinition.description;
- self.state.externalPushRules.push(rule);
- }
- }
- }
-
- // Build the rules not managed by Vector UI
- const otherRulesDescriptions = {
- '.m.rule.message': _t('Notify for all other messages/rooms'),
- '.m.rule.fallback': _t('Notify me for anything else'),
- };
-
- for (let i in defaultRules.others) {
- const rule = defaultRules.others[i];
- const ruleDescription = otherRulesDescriptions[rule.rule_id];
-
- // Show enabled default rules that was modified by the user
- if (ruleDescription && rule.enabled && !rule.default) {
- rule.description = ruleDescription;
- self.state.externalPushRules.push(rule);
- }
- }
- });
-
- const pushersPromise = MatrixClientPeg.get().getPushers().then(function(resp) {
- self.setState({pushers: resp.pushers});
- });
-
- Promise.all([pushRulesPromise, pushersPromise]).then(function() {
- self.setState({
- phase: self.phases.DISPLAY
- });
- }, function(error) {
- console.error(error);
- self.setState({
- phase: self.phases.ERROR
- });
- }).finally(() => {
- // actually explicitly update our state having been deep-manipulating it
- self.setState({
- masterPushRule: self.state.masterPushRule,
- vectorContentRules: self.state.vectorContentRules,
- vectorPushRules: self.state.vectorPushRules,
- externalContentRules: self.state.externalContentRules,
- externalPushRules: self.state.externalPushRules,
- });
- }).done();
- },
-
- _updatePushRuleActions: function(rule, actions, enabled) {
- const cli = MatrixClientPeg.get();
-
- return cli.setPushRuleActions(
- 'global', rule.kind, rule.rule_id, actions
- ).then( function() {
- // Then, if requested, enabled or disabled the rule
- if (undefined != enabled) {
- return cli.setPushRuleEnabled(
- 'global', rule.kind, rule.rule_id, enabled
- );
- }
- });
- },
-
- renderNotifRulesTableRow: function(title, className, pushRuleVectorState) {
- return (
-
-
);
- },
-
- render: function() {
- const self = this;
-
- let spinner;
- if (this.state.phase === this.phases.LOADING) {
- const Loader = sdk.getComponent("elements.Spinner");
- spinner =
-
-
-
-
-
-
-
- );
- }
-
- // When enabled, the master rule inhibits all existing rules
- // So do not show all notification settings
- if (this.state.masterPushRule && this.state.masterPushRule.enabled) {
- return (
-
-
-
-
-
-
-
- {masterPushRuleDiv}
-
-
- );
- }
-
- const emailThreepids = this.props.threepids.filter((tp) => tp.medium === "email");
- let emailNotificationsRow;
- if (emailThreepids.length === 0) {
- emailNotificationsRow =
- { _t('All notifications are currently disabled for all targets.') }.
-
-
- { _t('Add an email address above to configure email notifications') }
-
;
- } else {
- // This only supports the first email address in your profile for now
- emailNotificationsRow = this.emailNotificationsRow(
- emailThreepids[0].address,
- `${_t('Enable email notifications')} (${emailThreepids[0].address})`
- );
- }
-
- // Build external push rules
- const externalRules = [];
- for (let i in this.state.externalPushRules) {
- const rule = this.state.externalPushRules[i];
- externalRules.push({ _t('Unable to fetch notification target list') }
- } else if (this.state.pushers.length == 0) {
- devicesSection = null;
- } else {
- // TODO: It would be great to be able to delete pushers from here too,
- // and this wouldn't be hard to add.
- const rows = [];
- for (let i = 0; i < this.state.pushers.length; ++i) {
- rows.push(
-
);
- }
-
- let advancedSettings;
- if (externalRules.length) {
- advancedSettings = (
- { _t('Notification targets') }
- { devicesSection } -
-
- { _t('You might have configured them in a client other than Riot. You cannot tune them in Riot but they still apply') }. -
- );
- }
-
- return (
- { _t('Advanced notification settings') }
- { _t('There are advanced notifications which are not shown here') }.- { _t('You might have configured them in a client other than Riot. You cannot tune them in Riot but they still apply') }. -
-
- { externalRules }
-
-
- {masterPushRuleDiv}
-
-
- );
- }
-});
diff --git a/src/header b/src/header
index 6d367b04e8..e80658c103 100644
--- a/src/header
+++ b/src/header
@@ -1,5 +1,5 @@
/*
-Copyright 2017 New Vector Ltd
+Copyright 2018 New Vector Ltd
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
diff --git a/src/notifications/ContentRules.js b/src/notifications/ContentRules.js
deleted file mode 100644
index 25a7bac96e..0000000000
--- a/src/notifications/ContentRules.js
+++ /dev/null
@@ -1,125 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-var PushRuleVectorState = require('./PushRuleVectorState');
-
-module.exports = {
- /**
- * Extract the keyword rules from a list of rules, and parse them
- * into a form which is useful for Vector's UI.
- *
- * Returns an object containing:
- * rules: the primary list of keyword rules
- * vectorState: a PushRuleVectorState indicating whether those rules are
- * OFF/ON/LOUD
- * externalRules: a list of other keyword rules, with states other than
- * vectorState
- */
- parseContentRules: function(rulesets) {
- // first categorise the keyword rules in terms of their actions
- var contentRules = this._categoriseContentRules(rulesets);
-
- // Decide which content rules to display in Vector UI.
- // Vector displays a single global rule for a list of keywords
- // whereas Matrix has a push rule per keyword.
- // Vector can set the unique rule in ON, LOUD or OFF state.
- // Matrix has enabled/disabled plus a combination of (highlight, sound) tweaks.
-
- // The code below determines which set of user's content push rules can be
- // displayed by the vector UI.
- // Push rules that does not fit, ie defined by another Matrix client, ends
- // in externalRules.
- // There is priority in the determination of which set will be the displayed one.
- // The set with rules that have LOUD tweaks is the first choice. Then, the ones
- // with ON tweaks (no tweaks).
-
- if (contentRules.loud.length) {
- return {
- vectorState: PushRuleVectorState.LOUD,
- rules: contentRules.loud,
- externalRules: [].concat(contentRules.loud_but_disabled, contentRules.on, contentRules.on_but_disabled, contentRules.other),
- };
- }
- else if (contentRules.loud_but_disabled.length) {
- return {
- vectorState: PushRuleVectorState.OFF,
- rules: contentRules.loud_but_disabled,
- externalRules: [].concat(contentRules.on, contentRules.on_but_disabled, contentRules.other),
- };
- }
- else if (contentRules.on.length) {
- return {
- vectorState: PushRuleVectorState.ON,
- rules: contentRules.on,
- externalRules: [].concat(contentRules.on_but_disabled, contentRules.other),
- };
- }
- else if (contentRules.on_but_disabled.length) {
- return {
- vectorState: PushRuleVectorState.OFF,
- rules: contentRules.on_but_disabled,
- externalRules: contentRules.other,
- }
- } else {
- return {
- vectorState: PushRuleVectorState.ON,
- rules: [],
- externalRules: contentRules.other,
- }
- }
- },
-
- _categoriseContentRules: function(rulesets) {
- var contentRules = {on: [], on_but_disabled:[], loud: [], loud_but_disabled: [], other: []};
- for (var kind in rulesets.global) {
- for (var i = 0; i < Object.keys(rulesets.global[kind]).length; ++i) {
- var r = rulesets.global[kind][i];
-
- // check it's not a default rule
- if (r.rule_id[0] === '.' || kind !== 'content') {
- continue;
- }
-
- r.kind = kind; // is this needed? not sure
-
- switch (PushRuleVectorState.contentRuleVectorStateKind(r)) {
- case PushRuleVectorState.ON:
- if (r.enabled) {
- contentRules.on.push(r);
- }
- else {
- contentRules.on_but_disabled.push(r);
- }
- break;
- case PushRuleVectorState.LOUD:
- if (r.enabled) {
- contentRules.loud.push(r);
- }
- else {
- contentRules.loud_but_disabled.push(r);
- }
- break;
- default:
- contentRules.other.push(r);
- break;
- }
- }
- }
- return contentRules;
- },
-};
diff --git a/src/notifications/NotificationUtils.js b/src/notifications/NotificationUtils.js
deleted file mode 100644
index c8aeb46854..0000000000
--- a/src/notifications/NotificationUtils.js
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-module.exports = {
- // Encodes a dictionary of {
- // "notify": true/false,
- // "sound": string or undefined,
- // "highlight: true/false,
- // }
- // to a list of push actions.
- encodeActions: function(action) {
- var notify = action.notify;
- var sound = action.sound;
- var highlight = action.highlight;
- if (notify) {
- var actions = ["notify"];
- if (sound) {
- actions.push({"set_tweak": "sound", "value": sound});
- }
- if (highlight) {
- actions.push({"set_tweak": "highlight"});
- } else {
- actions.push({"set_tweak": "highlight", "value": false});
- }
- return actions;
- } else {
- return ["dont_notify"];
- }
- },
-
- // Decode a list of actions to a dictionary of {
- // "notify": true/false,
- // "sound": string or undefined,
- // "highlight: true/false,
- // }
- // If the actions couldn't be decoded then returns null.
- decodeActions: function(actions) {
- var notify = false;
- var sound = null;
- var highlight = false;
-
- for (var i = 0; i < actions.length; ++i) {
- var action = actions[i];
- if (action === "notify") {
- notify = true;
- } else if (action === "dont_notify") {
- notify = false;
- } else if (typeof action === 'object') {
- if (action.set_tweak === "sound") {
- sound = action.value
- } else if (action.set_tweak === "highlight") {
- highlight = action.value;
- } else {
- // We don't understand this kind of tweak, so give up.
- return null;
- }
- } else {
- // We don't understand this kind of action, so give up.
- return null;
- }
- }
-
- if (highlight === undefined) {
- // If a highlight tweak is missing a value then it defaults to true.
- highlight = true;
- }
-
- var result = {notify: notify, highlight: highlight};
- if (sound !== null) {
- result.sound = sound;
- }
- return result;
- },
-};
diff --git a/src/notifications/PushRuleVectorState.js b/src/notifications/PushRuleVectorState.js
deleted file mode 100644
index c838aa20ed..0000000000
--- a/src/notifications/PushRuleVectorState.js
+++ /dev/null
@@ -1,94 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-var StandardActions = require('./StandardActions');
-var NotificationUtils = require('./NotificationUtils');
-
-var states = {
- /** The push rule is disabled */
- OFF: "off",
-
- /** The user will receive push notification for this rule */
- ON: "on",
-
- /** The user will receive push notification for this rule with sound and
- highlight if this is legitimate */
- LOUD: "loud",
-};
-
-
-module.exports = {
- /**
- * Enum for state of a push rule as defined by the Vector UI.
- * @readonly
- * @enum {string}
- */
- states: states,
-
- /**
- * Convert a PushRuleVectorState to a list of actions
- *
- * @return [object] list of push-rule actions
- */
- actionsFor: function(pushRuleVectorState) {
- if (pushRuleVectorState === this.ON) {
- return StandardActions.ACTION_NOTIFY;
- }
- else if (pushRuleVectorState === this.LOUD) {
- return StandardActions.ACTION_HIGHLIGHT_DEFAULT_SOUND;
- }
- },
-
- /**
- * Convert a pushrule's actions to a PushRuleVectorState.
- *
- * Determines whether a content rule is in the PushRuleVectorState.ON
- * category or in PushRuleVectorState.LOUD, regardless of its enabled
- * state. Returns null if it does not match these categories.
- */
- contentRuleVectorStateKind: function(rule) {
- var decoded = NotificationUtils.decodeActions(rule.actions);
-
- if (!decoded) {
- return null;
- }
-
- // Count tweaks to determine if it is a ON or LOUD rule
- var tweaks = 0;
- if (decoded.sound) {
- tweaks++;
- }
- if (decoded.highlight) {
- tweaks++;
- }
- var stateKind = null;
- switch (tweaks) {
- case 0:
- stateKind = this.ON;
- break;
- case 2:
- stateKind = this.LOUD;
- break;
- }
- return stateKind;
- },
-};
-
-for (var k in states) {
- module.exports[k] = states[k];
-};
diff --git a/src/notifications/StandardActions.js b/src/notifications/StandardActions.js
deleted file mode 100644
index 22a8f1db40..0000000000
--- a/src/notifications/StandardActions.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-var NotificationUtils = require('./NotificationUtils');
-
-var encodeActions = NotificationUtils.encodeActions;
-
-module.exports = {
- ACTION_NOTIFY: encodeActions({notify: true}),
- ACTION_NOTIFY_DEFAULT_SOUND: encodeActions({notify: true, sound: "default"}),
- ACTION_NOTIFY_RING_SOUND: encodeActions({notify: true, sound: "ring"}),
- ACTION_HIGHLIGHT_DEFAULT_SOUND: encodeActions({notify: true, sound: "default", highlight: true}),
- ACTION_DONT_NOTIFY: encodeActions({notify: false}),
- ACTION_DISABLED: null,
-};
diff --git a/src/notifications/VectorPushRulesDefinitions.js b/src/notifications/VectorPushRulesDefinitions.js
deleted file mode 100644
index 6f72164265..0000000000
--- a/src/notifications/VectorPushRulesDefinitions.js
+++ /dev/null
@@ -1,146 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-import { _td } from 'matrix-react-sdk/lib/languageHandler';
-
-var StandardActions = require('./StandardActions');
-var PushRuleVectorState = require('./PushRuleVectorState');
-
-class VectorPushRuleDefinition {
- constructor(opts) {
- this.kind = opts.kind;
- this.description = opts.description;
- this.vectorStateToActions = opts.vectorStateToActions;
- }
-
- // Translate the rule actions and its enabled value into vector state
- ruleToVectorState(rule) {
- var enabled = false;
- var actions = null;
- if (rule) {
- enabled = rule.enabled;
- actions = rule.actions;
- }
-
- for (var stateKey in PushRuleVectorState.states) {
- var state = PushRuleVectorState.states[stateKey];
- var vectorStateToActions = this.vectorStateToActions[state];
-
- if (!vectorStateToActions) {
- // No defined actions means that this vector state expects a disabled (or absent) rule
- if (!enabled) {
- return state;
- }
- } else {
- // The actions must match to the ones expected by vector state
- if (enabled && JSON.stringify(rule.actions) === JSON.stringify(vectorStateToActions)) {
- return state;
- }
- }
- }
-
- console.error("Cannot translate rule actions into Vector rule state. Rule: " +
- JSON.stringify(rule));
- return undefined;
- }
-};
-
-/**
- * The descriptions of rules managed by the Vector UI.
- */
-module.exports = {
- // Messages containing user's display name
- ".m.rule.contains_display_name": new VectorPushRuleDefinition({
- kind: "override",
- description: _td("Messages containing my display name"), // passed through _t() translation in src/components/views/settings/Notifications.js
- vectorStateToActions: { // The actions for each vector state, or null to disable the rule.
- on: StandardActions.ACTION_NOTIFY,
- loud: StandardActions.ACTION_HIGHLIGHT_DEFAULT_SOUND,
- off: StandardActions.ACTION_DISABLED
- }
- }),
-
- // Messages containing user's username (localpart/MXID)
- ".m.rule.contains_user_name": new VectorPushRuleDefinition({
- kind: "override",
- description: _td("Messages containing my user name"), // passed through _t() translation in src/components/views/settings/Notifications.js
- vectorStateToActions: { // The actions for each vector state, or null to disable the rule.
- on: StandardActions.ACTION_NOTIFY,
- loud: StandardActions.ACTION_HIGHLIGHT_DEFAULT_SOUND,
- off: StandardActions.ACTION_DISABLED
- }
- }),
-
- // Messages just sent to the user in a 1:1 room
- ".m.rule.room_one_to_one": new VectorPushRuleDefinition({
- kind: "underride",
- description: _td("Messages in one-to-one chats"), // passed through _t() translation in src/components/views/settings/Notifications.js
- vectorStateToActions: {
- on: StandardActions.ACTION_NOTIFY,
- loud: StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
- off: StandardActions.ACTION_DONT_NOTIFY
- }
- }),
-
- // Messages just sent to a group chat room
- // 1:1 room messages are catched by the .m.rule.room_one_to_one rule if any defined
- // By opposition, all other room messages are from group chat rooms.
- ".m.rule.message": new VectorPushRuleDefinition({
- kind: "underride",
- description: _td("Messages in group chats"), // passed through _t() translation in src/components/views/settings/Notifications.js
- vectorStateToActions: {
- on: StandardActions.ACTION_NOTIFY,
- loud: StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
- off: StandardActions.ACTION_DONT_NOTIFY
- }
- }),
-
- // Invitation for the user
- ".m.rule.invite_for_me": new VectorPushRuleDefinition({
- kind: "underride",
- description: _td("When I'm invited to a room"), // passed through _t() translation in src/components/views/settings/Notifications.js
- vectorStateToActions: {
- on: StandardActions.ACTION_NOTIFY,
- loud: StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
- off: StandardActions.ACTION_DISABLED
- }
- }),
-
- // Incoming call
- ".m.rule.call": new VectorPushRuleDefinition({
- kind: "underride",
- description: _td("Call invitation"), // passed through _t() translation in src/components/views/settings/Notifications.js
- vectorStateToActions: {
- on: StandardActions.ACTION_NOTIFY,
- loud: StandardActions.ACTION_NOTIFY_RING_SOUND,
- off: StandardActions.ACTION_DISABLED
- }
- }),
-
- // Notifications from bots
- ".m.rule.suppress_notices": new VectorPushRuleDefinition({
- kind: "override",
- description: _td("Messages sent by bot"), // passed through _t() translation in src/components/views/settings/Notifications.js
- vectorStateToActions: {
- // .m.rule.suppress_notices is a "negative" rule, we have to invert its enabled value for vector UI
- on: StandardActions.ACTION_DISABLED,
- loud: StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
- off: StandardActions.ACTION_DONT_NOTIFY,
- }
- }),
-};
diff --git a/src/notifications/index.js b/src/notifications/index.js
deleted file mode 100644
index 8ed77e9d41..0000000000
--- a/src/notifications/index.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-module.exports = {
- NotificationUtils: require('./NotificationUtils'),
- PushRuleVectorState: require('./PushRuleVectorState'),
- VectorPushRulesDefinitions: require('./VectorPushRulesDefinitions'),
- ContentRules: require('./ContentRules'),
-};
diff --git a/src/skins/vector/css/_common.scss b/src/skins/vector/css/_common.scss
deleted file mode 100644
index e81c228430..0000000000
--- a/src/skins/vector/css/_common.scss
+++ /dev/null
@@ -1,361 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2017 Vector Creations Ltd
-Copyright 2017 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-html {
- /* hack to stop overscroll bounce on OSX and iOS.
- N.B. Breaks things when we have legitimate horizontal overscroll */
- height: 100%;
- overflow: hidden;
-}
-
-body {
- font-family: $font-family;
- font-size: 15px;
- background-color: $primary-bg-color;
- color: $primary-fg-color;
- border: 0px;
- margin: 0px;
- /* This should render the fonts the same accross browsers */
- -webkit-font-smoothing: subpixel-antialiased;
-}
-
-div.error, div.warning {
- color: $warning-color;
-}
-
-h2 {
- color: $primary-fg-color;
- font-weight: 400;
- font-size: 18px;
- margin-top: 16px;
- margin-bottom: 16px;
-}
-
-a:hover,
-a:link,
-a:visited {
- color: $accent-color;
-}
-
-input[type=text], input[type=password], textarea {
- background-color: transparent;
- color: $primary-fg-color;
-}
-
-input[type=text].error, input[type=password].error {
- border: 1px solid $warning-color;
-}
-
-input[type=text]:focus, input[type=password]:focus, textarea:focus {
- border: 1px solid $accent-color;
- outline: none;
- box-shadow: none;
-}
-
-/* Required by Firefox */
-textarea {
- font-family: $font-family;
-}
-
-/* Prevent ugly dotted highlight around selected elements in Firefox */
-::-moz-focus-inner {
- border: 0;
-}
-
-/* applied to side-panels and messagepanel when in RoomSettings */
-.mx_fadable {
- opacity: 1;
- transition: opacity 0.2s ease-in-out;
-}
-
-.mx_fadable.mx_fadable_faded {
- opacity: 0.3;
- pointer-events: none;
-}
-
-/* XXX: critical hack to GeminiScrollbar to allow them to work in FF 42 and Chrome 48.
- Stop the scrollbar view from pushing out the container's overall sizing, which causes
- flexbox to adapt to the new size and cause the view to keep growing.
- */
-.gm-scrollbar-container .gm-scroll-view {
- position: absolute;
-}
-
-/* Expand thumbs on hoverover */
-.gm-scrollbar {
- border-radius: 5px ! important;
-}
-.gm-scrollbar.-vertical {
- width: 6px;
- transition: width 120ms ease-out ! important;
-}
-.gm-scrollbar.-vertical:hover,
-.gm-scrollbar.-vertical:active {
- width: 8px;
- transition: width 120ms ease-out ! important;
-}
-.gm-scrollbar.-horizontal {
- height: 6px;
- transition: height 120ms ease-out ! important;
-}
-.gm-scrollbar.-horizontal:hover,
-.gm-scrollbar.-horizontal:active {
- height: 8px;
- transition: height 120ms ease-out ! important;
-}
-
-// These are magic constants which are excluded from tinting, to let themes
-// (which only have CSS, unlike skins) tell the app what their non-tinted
-// colourscheme is by inspecting the stylesheet DOM.
-//
-// They are not used for layout!!
-#mx_theme_accentColor {
- color: $accent-color;
-}
-
-#mx_theme_secondaryAccentColor {
- color: $secondary-accent-color;
-}
-
-#mx_theme_tertiaryAccentColor {
- color: $roomsublist-label-bg-color;
-}
-
-.mx_Dialog_wrapper {
- position: fixed;
- z-index: 4000;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
-
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-/* Spinner Dialog overide */
-.mx_Dialog_wrapper.mx_Dialog_spinner .mx_Dialog {
- width: auto;
- border-radius: 8px;
- padding: 0px;
- box-shadow: none;
-}
-
-/* View Source Dialog overide */
-.mx_Dialog_wrapper.mx_Dialog_viewsource .mx_Dialog {
- padding-left: 10px;
- padding-right: 10px;
-}
-
-.mx_Dialog {
- background-color: $primary-bg-color;
- color: $light-fg-color;
- z-index: 4010;
- font-weight: 300;
- font-size: 15px;
- position: relative;
- padding-left: 58px;
- padding-bottom: 36px;
- width: 60%;
- max-width: 704px;
- box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
- max-height: 80%;
- overflow-y: auto;
-}
-
-.mx_Dialog_background {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: $dialog-background-bg-color;
- opacity: 0.8;
-}
-
-.mx_Dialog_lightbox .mx_Dialog_background {
- opacity: 0.85;
- background-color: $lightbox-background-bg-color;
-}
-
-.mx_Dialog_lightbox .mx_Dialog {
- border-radius: 0px;
- background-color: transparent;
- width: 100%;
- height: 100%;
- max-width: 100%;
- max-height: 100%;
- pointer-events: none;
-}
-
-.mx_Dialog_cancelButton {
- position: absolute;
- right: 11px;
- top: 13px;
- cursor: pointer;
-}
-
-.mx_Dialog_cancelButton object {
- pointer-events: none;
-}
-
-.mx_Dialog_content {
- margin: 24px 58px 68px 0;
- font-size: 14px;
- color: $primary-fg-color;
- word-wrap: break-word;
-}
-
-.mx_Dialog button, .mx_Dialog input[type="submit"] {
- @mixin mx_DialogButton;
- margin-left: 0px;
- margin-right: 8px;
-
- // flip colours for the secondary ones
- font-weight: 600;
- border: 1px solid $accent-color ! important;
- color: $accent-color;
- background-color: $accent-fg-color;
-}
-
-.mx_Dialog button:hover, .mx_Dialog input[type="submit"]:hover {
- @mixin mx_DialogButton_hover;
-}
-
-.mx_Dialog button:focus, .mx_Dialog input[type="submit"]:focus {
- filter: brightness($focus-brightness);
-}
-
-.mx_Dialog button.mx_Dialog_primary, .mx_Dialog input[type="submit"].mx_Dialog_primary {
- color: $accent-fg-color;
- background-color: $accent-color;
-}
-
-.mx_Dialog button.danger, .mx_Dialog input[type="submit"].danger {
- background-color: $warning-color;
- border: solid 1px $warning-color;
-}
-
-.mx_Dialog button:disabled, .mx_Dialog input[type="submit"]:disabled {
- background-color: $light-fg-color;
- border: solid 1px $light-fg-color;
- opacity: 0.7;
-}
-
-.mx_Dialog_title {
- min-height: 16px;
- padding-top: 40px;
- font-weight: bold;
- font-size: 22px;
- line-height: 1.4;
- color: $primary-fg-color;
-}
-
-.mx_Dialog_title.danger {
- color: $warning-color;
-}
-
-.mx_TextInputDialog_label {
- text-align: left;
- padding-bottom: 12px;
-}
-
-.mx_TextInputDialog_input {
- font-size: 15px;
- border-radius: 3px;
- border: 1px solid $input-border-color;
- padding: 9px;
- color: $primary-fg-color;
- background-color: $primary-bg-color;
-}
-
-.mx_emojione {
- height: 1em;
- vertical-align: middle;
-}
-
-::-moz-selection {
- background-color: $accent-color;
- color: $selection-fg-color;
-}
-
-::selection {
- background-color: $accent-color;
- color: $selection-fg-color;
-}
-
-.mx_textButton {
- @mixin mx_DialogButton_small;
-}
-
-.mx_textButton:hover {
- @mixin mx_DialogButton_hover;
-}
-
-.mx_button_row {
- margin-top: 69px;
-}
-
-.mx_Beta {
- color: red;
- margin-right: 10px;
- position: relative;
- top: -3px;
- background-color: white;
- padding: 0 4px;
- border-radius: 3px;
- border: 1px solid darkred;
- cursor: help;
- transition-duration: 200ms;
- font-size: smaller;
- filter: opacity(0.5);
-}
-
-.mx_Beta:hover {
- color: white;
- border: 1px solid gray;
- background-color: darkred;
-}
-
-.mx_TintableSvgButton {
- position: relative;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-content: center;
-}
-
-.mx_TintableSvgButton object {
- margin: 0;
- padding: 0;
- width: 100%;
- height: 100%;
- max-width: 100%;
- max-height: 100%;
-}
-
-.mx_TintableSvgButton span {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- opacity: 0;
- cursor: pointer;
-}
diff --git a/src/skins/vector/css/_components.scss b/src/skins/vector/css/_components.scss
deleted file mode 100644
index 0bcc48c3b8..0000000000
--- a/src/skins/vector/css/_components.scss
+++ /dev/null
@@ -1,111 +0,0 @@
-// autogenerated by rethemendex.sh
-@import "./_common.scss";
-@import "./matrix-react-sdk/structures/_ContextualMenu.scss";
-@import "./matrix-react-sdk/structures/_CreateRoom.scss";
-@import "./matrix-react-sdk/structures/_FilePanel.scss";
-@import "./matrix-react-sdk/structures/_GroupView.scss";
-@import "./matrix-react-sdk/structures/_LoginBox.scss";
-@import "./matrix-react-sdk/structures/_MatrixChat.scss";
-@import "./matrix-react-sdk/structures/_MyGroups.scss";
-@import "./matrix-react-sdk/structures/_NotificationPanel.scss";
-@import "./matrix-react-sdk/structures/_RoomStatusBar.scss";
-@import "./matrix-react-sdk/structures/_RoomView.scss";
-@import "./matrix-react-sdk/structures/_SearchBox.scss";
-@import "./matrix-react-sdk/structures/_TagPanel.scss";
-@import "./matrix-react-sdk/structures/_UploadBar.scss";
-@import "./matrix-react-sdk/structures/_UserSettings.scss";
-@import "./matrix-react-sdk/structures/login/_Login.scss";
-@import "./matrix-react-sdk/views/avatars/_BaseAvatar.scss";
-@import "./matrix-react-sdk/views/avatars/_MemberPresenceAvatar.scss";
-@import "./matrix-react-sdk/views/dialogs/_BugReportDialog.scss";
-@import "./matrix-react-sdk/views/dialogs/_ChatCreateOrReuseChatDialog.scss";
-@import "./matrix-react-sdk/views/dialogs/_ChatInviteDialog.scss";
-@import "./matrix-react-sdk/views/dialogs/_ConfirmUserActionDialog.scss";
-@import "./matrix-react-sdk/views/dialogs/_CreateGroupDialog.scss";
-@import "./matrix-react-sdk/views/dialogs/_CreateRoomDialog.scss";
-@import "./matrix-react-sdk/views/dialogs/_EncryptedEventDialog.scss";
-@import "./matrix-react-sdk/views/dialogs/_GroupAddressPicker.scss";
-@import "./matrix-react-sdk/views/dialogs/_QuestionDialog.scss";
-@import "./matrix-react-sdk/views/dialogs/_SetMxIdDialog.scss";
-@import "./matrix-react-sdk/views/dialogs/_UnknownDeviceDialog.scss";
-@import "./matrix-react-sdk/views/elements/_AccessibleButton.scss";
-@import "./matrix-react-sdk/views/elements/_AddressSelector.scss";
-@import "./matrix-react-sdk/views/elements/_AddressTile.scss";
-@import "./matrix-react-sdk/views/elements/_DirectorySearchBox.scss";
-@import "./matrix-react-sdk/views/elements/_Dropdown.scss";
-@import "./matrix-react-sdk/views/elements/_EditableItemList.scss";
-@import "./matrix-react-sdk/views/elements/_MemberEventListSummary.scss";
-@import "./matrix-react-sdk/views/elements/_ProgressBar.scss";
-@import "./matrix-react-sdk/views/elements/_Quote.scss";
-@import "./matrix-react-sdk/views/elements/_RichText.scss";
-@import "./matrix-react-sdk/views/elements/_RoleButton.scss";
-@import "./matrix-react-sdk/views/elements/_ToolTipButton.scss";
-@import "./matrix-react-sdk/views/groups/_GroupPublicityToggle.scss";
-@import "./matrix-react-sdk/views/groups/_GroupRoomList.scss";
-@import "./matrix-react-sdk/views/groups/_GroupUserSettings.scss";
-@import "./matrix-react-sdk/views/login/_InteractiveAuthEntryComponents.scss";
-@import "./matrix-react-sdk/views/login/_ServerConfig.scss";
-@import "./matrix-react-sdk/views/messages/_MEmoteBody.scss";
-@import "./matrix-react-sdk/views/messages/_MFileBody.scss";
-@import "./matrix-react-sdk/views/messages/_MImageBody.scss";
-@import "./matrix-react-sdk/views/messages/_MStickerBody.scss";
-@import "./matrix-react-sdk/views/messages/_MNoticeBody.scss";
-@import "./matrix-react-sdk/views/messages/_MTextBody.scss";
-@import "./matrix-react-sdk/views/messages/_RoomAvatarEvent.scss";
-@import "./matrix-react-sdk/views/messages/_TextualEvent.scss";
-@import "./matrix-react-sdk/views/messages/_UnknownBody.scss";
-@import "./matrix-react-sdk/views/rooms/_AppsDrawer.scss";
-@import "./matrix-react-sdk/views/rooms/_Autocomplete.scss";
-@import "./matrix-react-sdk/views/rooms/_EntityTile.scss";
-@import "./matrix-react-sdk/views/rooms/_EventTile.scss";
-@import "./matrix-react-sdk/views/rooms/_LinkPreviewWidget.scss";
-@import "./matrix-react-sdk/views/rooms/_MemberDeviceInfo.scss";
-@import "./matrix-react-sdk/views/rooms/_MemberInfo.scss";
-@import "./matrix-react-sdk/views/rooms/_MemberList.scss";
-@import "./matrix-react-sdk/views/rooms/_MessageComposer.scss";
-@import "./matrix-react-sdk/views/rooms/_Stickers.scss";
-@import "./matrix-react-sdk/views/rooms/_PinnedEventTile.scss";
-@import "./matrix-react-sdk/views/rooms/_PinnedEventsPanel.scss";
-@import "./matrix-react-sdk/views/rooms/_PresenceLabel.scss";
-@import "./matrix-react-sdk/views/rooms/_QuotePreview.scss";
-@import "./matrix-react-sdk/views/rooms/_RoomHeader.scss";
-@import "./matrix-react-sdk/views/rooms/_RoomList.scss";
-@import "./matrix-react-sdk/views/rooms/_RoomPreviewBar.scss";
-@import "./matrix-react-sdk/views/rooms/_RoomSettings.scss";
-@import "./matrix-react-sdk/views/rooms/_RoomTile.scss";
-@import "./matrix-react-sdk/views/rooms/_SearchableEntityList.scss";
-@import "./matrix-react-sdk/views/rooms/_TopUnreadMessagesBar.scss";
-@import "./matrix-react-sdk/views/settings/_DevicesPanel.scss";
-@import "./matrix-react-sdk/views/settings/_IntegrationsManager.scss";
-@import "./matrix-react-sdk/views/voip/_CallView.scss";
-@import "./matrix-react-sdk/views/voip/_IncomingCallbox.scss";
-@import "./matrix-react-sdk/views/voip/_VideoView.scss";
-@import "./vector-web/_fonts.scss";
-@import "./vector-web/structures/_CompatibilityPage.scss";
-@import "./vector-web/structures/_HomePage.scss";
-@import "./vector-web/structures/_LeftPanel.scss";
-@import "./vector-web/structures/_RightPanel.scss";
-@import "./vector-web/structures/_RoomDirectory.scss";
-@import "./vector-web/structures/_RoomSubList.scss";
-@import "./vector-web/structures/_ViewSource.scss";
-@import "./vector-web/views/context_menus/_MessageContextMenu.scss";
-@import "./vector-web/views/context_menus/_PresenceContextMenuOption.scss";
-@import "./vector-web/views/context_menus/_RoomTileContextMenu.scss";
-@import "./vector-web/views/context_menus/_TagTileContextMenu.scss";
-@import "./vector-web/views/dialogs/_ChangelogDialog.scss";
-@import "./vector-web/views/dialogs/_DevtoolsDialog.scss";
-@import "./vector-web/views/dialogs/_SetEmailDialog.scss";
-@import "./vector-web/views/dialogs/_SetPasswordDialog.scss";
-@import "./vector-web/views/directory/_NetworkDropdown.scss";
-@import "./vector-web/views/elements/_ImageView.scss";
-@import "./vector-web/views/elements/_InlineSpinner.scss";
-@import "./vector-web/views/elements/_Spinner.scss";
-@import "./vector-web/views/elements/_SyntaxHighlight.scss";
-@import "./vector-web/views/globals/_MatrixToolbar.scss";
-@import "./vector-web/views/messages/_DateSeparator.scss";
-@import "./vector-web/views/messages/_MessageTimestamp.scss";
-@import "./vector-web/views/messages/_SenderProfile.scss";
-@import "./vector-web/views/rooms/_RoomDropTarget.scss";
-@import "./vector-web/views/rooms/_RoomTooltip.scss";
-@import "./vector-web/views/rooms/_SearchBar.scss";
-@import "./vector-web/views/settings/_Notifications.scss";
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_ContextualMenu.scss b/src/skins/vector/css/matrix-react-sdk/structures/_ContextualMenu.scss
deleted file mode 100644
index a0191b92cf..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_ContextualMenu.scss
+++ /dev/null
@@ -1,160 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_ContextualMenu_wrapper {
- position: fixed;
- z-index: 2000;
-}
-
-.mx_ContextualMenu_background {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- opacity: 1.0;
- z-index: 2000;
-}
-
-.mx_ContextualMenu {
- border: solid 1px $menu-border-color;
- border-radius: 4px;
- background-color: $menu-bg-color;
- color: $primary-fg-color;
- position: absolute;
- padding: 6px;
- font-size: 14px;
- z-index: 2001;
-}
-
-.mx_ContextualMenu.mx_ContextualMenu_right {
- right: 8px;
-}
-
-.mx_ContextualMenu_chevron_right {
- position: absolute;
- right: -8px;
- top: 0px;
- width: 0;
- height: 0;
- border-top: 8px solid transparent;
- border-left: 8px solid $menu-border-color;
- border-bottom: 8px solid transparent;
-}
-
-.mx_ContextualMenu_chevron_right:after {
- content:'';
- width: 0;
- height: 0;
- border-top: 7px solid transparent;
- border-left: 7px solid $menu-bg-color;
- border-bottom: 7px solid transparent;
- position:absolute;
- top: -7px;
- right: 1px;
-}
-
-.mx_ContextualMenu.mx_ContextualMenu_left {
- left: 8px;
-}
-
-.mx_ContextualMenu_chevron_left {
- position: absolute;
- left: -8px;
- top: 0px;
- width: 0;
- height: 0;
- border-top: 8px solid transparent;
- border-right: 8px solid $menu-border-color;
- border-bottom: 8px solid transparent;
-}
-
-.mx_ContextualMenu_chevron_left:after{
- content:'';
- width: 0;
- height: 0;
- border-top: 7px solid transparent;
- border-right: 7px solid $menu-bg-color;
- border-bottom: 7px solid transparent;
- position:absolute;
- top: -7px;
- left: 1px;
-}
-
-.mx_ContextualMenu.mx_ContextualMenu_top {
- top: 8px;
-}
-
-.mx_ContextualMenu_chevron_top {
- position: absolute;
- left: 0px;
- top: -8px;
- width: 0;
- height: 0;
- border-left: 8px solid transparent;
- border-bottom: 8px solid $menu-border-color;
- border-right: 8px solid transparent;
-}
-
-.mx_ContextualMenu_chevron_top:after{
- content:'';
- width: 0;
- height: 0;
- border-left: 7px solid transparent;
- border-bottom: 7px solid $menu-bg-color;
- border-right: 7px solid transparent;
- position:absolute;
- left: -7px;
- top: 1px;
-}
-
-.mx_ContextualMenu.mx_ContextualMenu_bottom {
- bottom: 8px;
-}
-
-.mx_ContextualMenu_chevron_bottom {
- position: absolute;
- left: 0px;
- bottom: -8px;
- width: 0;
- height: 0;
- border-left: 8px solid transparent;
- border-top: 8px solid $menu-border-color;
- border-right: 8px solid transparent;
-}
-
-.mx_ContextualMenu_chevron_bottom:after{
- content:'';
- width: 0;
- height: 0;
- border-left: 7px solid transparent;
- border-top: 7px solid $menu-bg-color;
- border-right: 7px solid transparent;
- position:absolute;
- left: -7px;
- bottom: 1px;
-}
-
-.mx_ContextualMenu_field {
- padding: 3px 6px 3px 6px;
- cursor: pointer;
- white-space: nowrap;
-}
-
-.mx_ContextualMenu_spinner {
- display: block;
- margin: 0 auto;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_CreateRoom.scss b/src/skins/vector/css/matrix-react-sdk/structures/_CreateRoom.scss
deleted file mode 100644
index 2be193525e..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_CreateRoom.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_CreateRoom {
- width: 960px;
- margin-left: auto;
- margin-right: auto;
- color: $primary-fg-color;
-}
-
-.mx_CreateRoom input,
-.mx_CreateRoom textarea {
- border-radius: 3px;
- border: 1px solid $strong-input-border-color;
- font-weight: 300;
- font-size: 13px;
- padding: 9px;
- margin-top: 6px;
-}
-
-.mx_CreateRoom_description {
- width: 330px;
-}
-
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_FilePanel.scss b/src/skins/vector/css/matrix-react-sdk/structures/_FilePanel.scss
deleted file mode 100644
index 58e090645f..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_FilePanel.scss
+++ /dev/null
@@ -1,114 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_FilePanel {
- order: 2;
-
- flex: 1 1 0;
-
- width: 100%;
-
- overflow-y: auto;
-}
-
-.mx_FilePanel .mx_RoomView_messageListWrapper {
- margin-right: 20px;
-}
-
-.mx_FilePanel .mx_RoomView_MessageList h2 {
- display: none;
-}
-
-/* FIXME: rather than having EventTile's default CSS be for MessagePanel,
- we should make EventTile a base CSS class and customise it specifically
- for usage in {Message,File,Notification}Panel. */
-
-.mx_FilePanel .mx_EventTile_avatar {
- display: none;
-}
-
-/* Overrides for the attachment body tiles */
-
-.mx_FilePanel .mx_EventTile {
- word-break: break-word;
-}
-
-.mx_FilePanel .mx_EventTile .mx_MImageBody {
- margin-right: 0px;
-}
-
-.mx_FilePanel .mx_EventTile .mx_MImageBody_download {
- display: flex;
- font-size: 14px;
- color: $event-timestamp-color;
-}
-
-.mx_FilePanel .mx_EventTile .mx_MImageBody_downloadLink {
- flex: 1 1 auto;
- color: $light-fg-color;
-}
-
-.mx_FilePanel .mx_EventTile .mx_MImageBody_size {
- flex: 1 0 0;
- font-size: 11px;
- text-align: right;
- white-space: nowrap;
-}
-
-/* Overides for the sender details line */
-
-.mx_FilePanel .mx_EventTile_senderDetails {
- display: flex;
- margin-top: -2px;
-}
-
-.mx_FilePanel .mx_EventTile_senderDetailsLink {
- text-decoration: none;
-}
-
-.mx_FilePanel .mx_EventTile .mx_SenderProfile {
- flex: 1 1 auto;
- line-height: initial;
- padding: 0px;
- font-size: 11px;
- opacity: 1.0;
- color: $event-timestamp-color;
-}
-
-.mx_FilePanel .mx_EventTile .mx_MessageTimestamp {
- flex: 1 0 0;
- text-align: right;
- visibility: visible;
- position: initial;
- font-size: 11px;
- opacity: 1.0;
- color: $event-timestamp-color;
-}
-
-/* Overrides for the wrappers around the body tile */
-
-.mx_FilePanel .mx_EventTile_line {
- margin-right: 0px;
- padding-left: 0px;
-}
-
-.mx_FilePanel .mx_EventTile:hover .mx_EventTile_line {
- background-color: $primary-bg-color;
-}
-
-.mx_FilePanel .mx_EventTile_selected .mx_EventTile_line {
- padding-left: 0px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_GroupView.scss b/src/skins/vector/css/matrix-react-sdk/structures/_GroupView.scss
deleted file mode 100644
index 02e5a948e9..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_GroupView.scss
+++ /dev/null
@@ -1,349 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_GroupView {
- max-width: 960px;
- width: 100%;
- margin-left: auto;
- margin-right: auto;
- display: flex;
- flex-direction: column;
- overflow: hidden;
-}
-
-.mx_GroupView_error {
- margin: auto;
-}
-
-.mx_GroupView_header {
- max-width: 960px;
- min-height: 70px;
- align-items: center;
- display: flex;
- padding-bottom: 10px;
-}
-
-.mx_GroupView_header_view {
- border-bottom: 1px solid $primary-hairline-color;
- padding-bottom: 0px;
-}
-
-.mx_GroupView_header_avatar, .mx_GroupView_header_info {
- display: table-cell;
- vertical-align: middle;
-}
-
-.mx_GroupHeader_button {
- margin-left: 12px;
- cursor: pointer;
-}
-
-.mx_GroupHeader_button object {
- // prevents clicks from being swallowed by svg in 'object' tag
- pointer-events: none;
-}
-
-.mx_GroupView_editable {
- border-bottom: 1px solid $strong-input-border-color ! important;
- min-width: 150px;
- cursor: text;
-}
-
-.mx_GroupView_editable:focus {
- border-bottom: 1px solid $accent-color ! important;
- outline: none;
- box-shadow: none;
-}
-
-.mx_GroupView_header_isUserMember .mx_GroupView_header_name:hover div:not(.mx_GroupView_editable) {
- color: $accent-color;
- cursor: pointer;
-}
-
-.mx_GroupView_avatarPicker {
- position: relative;
-}
-
-.mx_GroupView_avatarPicker_edit {
- position: absolute;
- top: 50px;
- left: 15px;
-}
-
-.mx_GroupView_avatarPicker .mx_Spinner {
- width: 48px;
- height: 48px ! important;
-}
-
-.mx_GroupView_header_leftCol {
- flex: 1;
-
- overflow: hidden;
-}
-
-.mx_GroupView_header_rightCol {
- display: flex;
- align-items: center;
-}
-
-.mx_GroupView_textButton {
- display: inline-block;
-}
-
-.mx_GroupView_header_groupid {
- font-weight: normal;
- font-size: initial;
- padding-left: 10px;
-}
-
-.mx_GroupView_header_name {
- vertical-align: middle;
- width: 100%;
- height: 31px;
- overflow: hidden;
- color: $primary-fg-color;
- font-weight: bold;
- font-size: 22px;
- padding-left: 19px;
- padding-right: 16px;
- /* why isn't text-overflow working? */
- text-overflow: ellipsis;
- border-bottom: 1px solid transparent;
-}
-
-.mx_GroupView_header_shortDesc {
- vertical-align: bottom;
- float: left;
- max-height: 42px;
- color: $settings-grey-fg-color;
- font-weight: 300;
- font-size: 13px;
- padding-left: 19px;
- margin-right: 16px;
- overflow: hidden;
- text-overflow: ellipsis;
- border-bottom: 1px solid transparent;
-}
-
-.mx_GroupView_avatarPicker_label {
- cursor: pointer;
-}
-
-.mx_GroupView_cancelButton {
- padding-left: 8px;
-}
-
-.mx_GroupView_cancelButton img {
- position: relative;
- top: 5px;
-}
-
-.mx_GroupView input[type='radio'] {
- margin: 10px 10px 0px 10px;
-}
-
-.mx_GroupView_label_text {
- display: inline-block;
- max-width: 80%;
- vertical-align: 0.1em;
- line-height: 2em;
-}
-
-.mx_GroupView_body {
- flex-grow: 1;
-}
-
-.mx_GroupView_rooms {
- flex-grow: 1;
- display: flex;
- flex-direction: column;
- min-height: 200px;
- user-select: none;
-}
-
-.mx_GroupView h3 {
- text-transform: uppercase;
- color: $h3-color;
- font-weight: 600;
- font-size: 13px;
- margin-bottom: 10px;
-}
-
-.mx_GroupView_rooms_header .mx_AccessibleButton {
- padding-left: 14px;
- margin-bottom: 14px;
- height: 24px;
-}
-
-.mx_GroupView_group {
- border-top: 1px solid $primary-hairline-color;
-}
-
-.mx_GroupView_group_disabled {
- opacity: 0.3;
- pointer-events: none;
-}
-
-.mx_GroupView_rooms_header_addRow_button {
- display: inline-block;
-}
-
-.mx_GroupView_rooms_header_addRow_button object {
- pointer-events: none;
-}
-
-.mx_GroupView_rooms_header_addRow_label {
- display: inline-block;
- vertical-align: top;
- line-height: 24px;
- padding-left: 28px;
- color: $accent-color;
-}
-
-.mx_GroupView_rooms .mx_RoomDetailList {
- flex-grow: 1;
- border-top: 1px solid $primary-hairline-color;
- padding-top: 10px;
- word-break: break-word;
-}
-
-.mx_GroupView .mx_RoomView_messageListWrapper {
- justify-content: flex-start;
-}
-
-.mx_GroupView_membershipSection {
- color: $greyed-fg-color;
- margin-top: 10px;
-}
-
-.mx_GroupView_membershipSubSection {
- justify-content: space-between;
- display: flex;
-}
-
-.mx_GroupView_membershipSubSection .mx_Spinner {
- justify-content: flex-end;
-}
-
-.mx_GroupView_membershipSection_description {
- /* To match textButton */
- line-height: 34px;
-}
-
-.mx_GroupView_membershipSection_description .mx_BaseAvatar {
- margin-right: 10px;
-}
-
-.mx_GroupView_membershipSection .mx_GroupView_textButton {
- margin-right: 0px;
- margin-top: 0px;
- margin-left: 8px;
-}
-
-.mx_GroupView_memberSettings_toggle label {
- cursor: pointer;
- user-select: none;
-}
-
-.mx_GroupView_memberSettings input {
- margin-right: 6px;
-}
-
-.mx_GroupView_featuredThings {
- margin-top: 20px;
-}
-
-.mx_GroupView_featuredThings_header {
- font-weight: bold;
- font-size: 120%;
- margin-bottom: 20px;
-}
-
-.mx_GroupView_featuredThings_category {
- font-weight: bold;
- font-size: 110%;
- margin-top: 10px;
-}
-
-.mx_GroupView_featuredThings_container {
- display: flex;
-}
-
-.mx_GroupView_featuredThings_addButton,
-.mx_GroupView_featuredThing {
- display: table-cell;
- text-align: center;
-
- width: 100px;
- margin: 0px 20px;
-}
-
-.mx_GroupView_featuredThing {
- position: relative;
-}
-
-.mx_GroupView_featuredThing .mx_GroupView_featuredThing_deleteButton {
- position: absolute;
- top: -7px;
- right: 11px;
- opacity: 0.4;
-}
-
-.mx_GroupView_featuredThing .mx_BaseAvatar {
- /* To prevent misalignment with mx_TintableSvg (in addButton) */
- vertical-align: initial;
-}
-
-.mx_GroupView_featuredThings_addButton object {
- pointer-events: none;
-}
-
-.mx_GroupView_featuredThing_name {
- word-wrap: break-word;
-}
-
-.mx_GroupView_uploadInput {
- display: none;
-}
-
-.mx_GroupView_body .gm-scroll-view > *{
- margin: 11px 50px 0px 68px;
-}
-
-.mx_GroupView_groupDesc textarea {
- width: 100%;
- max-width: 100%;
- height: 150px;
-}
-
-.mx_GroupView_groupDesc_placeholder,
-.mx_GroupView_changeDelayWarning {
- background-color: $info-plinth-bg-color;
- color: $info-plinth-fg-color;
- border-radius: 10px;
- text-align: center;
-
- margin: 20px 0px;
-}
-
-.mx_GroupView_groupDesc_placeholder {
- padding: 100px 20px;
- cursor: pointer;
-}
-
-.mx_GroupView_changeDelayWarning {
- padding: 40px 20px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_LoginBox.scss b/src/skins/vector/css/matrix-react-sdk/structures/_LoginBox.scss
deleted file mode 100644
index 7f6199c451..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_LoginBox.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
-Copyright 2017 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_LoginBox {
- min-height: 24px;
- height: unset !important;
- padding-top: 13px !important;
- padding-bottom: 14px !important;
-}
-
-.mx_LoginBox_loginButton_wrapper {
- text-align: center;
- width: 100%;
-}
-
-.mx_LoginBox_loginButton,
-.mx_LoginBox_registerButton {
- margin-top: 3px;
- height: 40px;
- border: 0px;
- border-radius: 40px;
- margin-left: 4px;
- margin-right: 4px;
- min-width: 80px;
-
- background-color: $accent-color;
- color: $primary-bg-color;
-
- cursor: pointer;
-
- font-size: 15px;
- padding: 0 11px;
- word-break: break-word;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_MatrixChat.scss b/src/skins/vector/css/matrix-react-sdk/structures/_MatrixChat.scss
deleted file mode 100644
index 156b1709fe..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_MatrixChat.scss
+++ /dev/null
@@ -1,104 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MatrixChat_splash {
- position: relative;
- height: 100%;
-}
-
-.mx_MatrixChat_splashButtons {
- text-align: center;
- width: 100%;
- position: absolute;
- bottom: 30px;
-}
-
-.mx_MatrixChat_wrapper {
- display: flex;
-
- flex-direction: column;
-
- width: 100%;
- height: 100%;
-}
-
-.mx_MatrixToolbar {
- order: 1;
-
- height: 40px;
-}
-
-.mx_MatrixChat_toolbarShowing {
- height: auto;
-}
-
-.mx_MatrixChat {
- width: 100%;
- height: 100%;
-
- display: flex;
-
- order: 2;
-
- flex: 1;
-}
-
-.mx_MatrixChat .mx_LeftPanel {
- order: 1;
-
- background-color: $secondary-accent-color;
-
- flex: 0 0 235px;
-}
-
-.mx_MatrixChat .mx_LeftPanel.collapsed {
- flex: 0 0 60px;
-}
-
-.mx_MatrixChat .mx_MatrixChat_middlePanel {
- order: 2;
-
- padding-left: 20px;
- padding-right: 22px;
- background-color: $primary-bg-color;
-
- flex: 1;
-
- /* Experimental fix for https://github.com/vector-im/vector-web/issues/947
- and https://github.com/vector-im/vector-web/issues/946.
- Empirically this stops the MessagePanel's width exploding outwards when
- gemini is in 'prevented' mode
- */
- overflow-x: auto;
-
- display: flex;
-
- /* To fix https://github.com/vector-im/riot-web/issues/3298 where Safari
- needed height 100% all the way down to the HomePage. Height does not
- have to be auto, empirically.
- */
- height: 100%;
-}
-
-.mx_MatrixChat .mx_RightPanel {
- order: 3;
-
- flex: 0 0 235px;
-}
-
-.mx_MatrixChat .mx_RightPanel.collapsed {
- flex: 0 0 122px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_MyGroups.scss b/src/skins/vector/css/matrix-react-sdk/structures/_MyGroups.scss
deleted file mode 100644
index 6d140721c8..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_MyGroups.scss
+++ /dev/null
@@ -1,151 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MyGroups {
- max-width: 960px;
- margin-left: auto;
- margin-right: auto;
-
- display: flex;
- flex-direction: column;
-}
-
-.mx_MyGroups .mx_RoomHeader_simpleHeader {
- margin-left: 0px;
-}
-
-.mx_MyGroups_header {
- /* Keep mid-point of create button aligned with icon in page header */
- margin-left: 2px;
- display: flex;
- flex-wrap: wrap;
-}
-
-.mx_MyGroups_headerCard {
- flex: 1 0 50%;
- margin-bottom: 30px;
- min-width: 400px;
- display: flex;
- align-items: center;
-}
-
-.mx_MyGroups_headerCard .mx_MyGroups_headerCard_button {
- margin-right: 13px;
- height: 50px;
-}
-
-.mx_MyGroups_headerCard_button object {
- /* Otherwise the SVG object absorbs clicks and the button doesn't work */
- pointer-events: none;
-}
-
-.mx_MyGroups_headerCard_header {
- font-weight: bold;
- margin-bottom: 10px;
-}
-
-.mx_MyGroups_headerCard_content {
- padding-right: 15px;
-}
-
-/* Until the button is wired up */
-.mx_MyGroups_joinBox {
- visibility: hidden;
-
- /* When joinBox wraps onto its own row, it should take up zero height so
- that there isn't an awkward gap between MyGroups_createBox and
- MyGroups_content.
- */
- height: 0px;
- margin: 0px;
-}
-
-.mx_MyGroups_content {
- margin-left: 2px;
-
- flex: 1 0 0;
-
- display: flex;
- flex-direction: column;
-}
-
-.mx_MyGroups_placeholder {
- background-color: $info-plinth-bg-color;
- color: $info-plinth-fg-color;
- line-height: 400px;
- border-radius: 10px;
- text-align: center;
-}
-
-.mx_MyGroups_joinedGroups {
- border-top: 1px solid $primary-hairline-color;
- overflow-x: hidden;
-
- display: flex;
- flex-direction: row;
- flex-flow: wrap;
- align-content: flex-start;
-}
-
-.mx_MyGroups_joinedGroups .mx_GroupTile {
- min-width: 300px;
- max-width: 33%;
- flex: 1 0 300px;
- height: 75px;
- margin: 10px 0px;
- display: flex;
- align-items: flex-start;
- cursor: pointer;
-}
-
-.mx_GroupTile_avatar {
- cursor: grab, -webkit-grab;
-}
-
-.mx_GroupTile_profile {
- margin-left: 10px;
- display: flex;
- flex-direction: column;
- justify-content: center;
-}
-
-.mx_GroupTile_profile .mx_GroupTile_name,
-.mx_GroupTile_profile .mx_GroupTile_groupId,
-.mx_GroupTile_profile .mx_GroupTile_desc {
- padding-right: 10px;
-}
-
-.mx_GroupTile_profile .mx_GroupTile_name {
- margin: 0px;
- font-size: 15px;
-}
-
-.mx_GroupTile_profile .mx_GroupTile_groupId {
- font-size: 13px;
-}
-
-.mx_GroupTile_profile .mx_GroupTile_desc {
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- font-size: 13px;
- max-height: 36px;
- overflow: hidden;
-}
-
-.mx_GroupTile_profile .mx_GroupTile_groupId {
- opacity: 0.7;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_NotificationPanel.scss b/src/skins/vector/css/matrix-react-sdk/structures/_NotificationPanel.scss
deleted file mode 100644
index a899808d57..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_NotificationPanel.scss
+++ /dev/null
@@ -1,100 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_NotificationPanel {
- order: 2;
-
- flex: 1 1 0;
-
- width: 100%;
-
- overflow-y: auto;
-}
-
-.mx_NotificationPanel .mx_RoomView_messageListWrapper {
- margin-right: 20px;
-}
-
-.mx_NotificationPanel .mx_RoomView_MessageList h2 {
- margin-left: 0px;
-}
-
-/* FIXME: rather than having EventTile's default CSS be for MessagePanel,
- we should make EventTile a base CSS class and customise it specifically
- for usage in {Message,File,Notification}Panel. */
-
-.mx_NotificationPanel .mx_EventTile {
- word-break: break-word;
-}
-
-.mx_NotificationPanel .mx_EventTile_roomName {
- font-weight: bold;
- font-size: 14px;
-}
-
-.mx_NotificationPanel .mx_EventTile_roomName a {
- color: $primary-fg-color;
-}
-
-.mx_NotificationPanel .mx_EventTile_avatar {
- top: 8px;
- left: 0px;
-}
-
-.mx_NotificationPanel .mx_EventTile .mx_SenderProfile,
-.mx_NotificationPanel .mx_EventTile .mx_MessageTimestamp {
- color: $primary-fg-color;
- font-size: 12px;
- display: inline;
- padding-left: 0px;
-}
-
-.mx_NotificationPanel .mx_EventTile_senderDetails {
- padding-left: 32px;
- padding-top: 8px;
- position: relative;
-}
-
-.mx_NotificationPanel .mx_EventTile_roomName a,
-.mx_NotificationPanel .mx_EventTile_senderDetails a {
- text-decoration: none ! important;
-}
-
-.mx_NotificationPanel .mx_EventTile .mx_MessageTimestamp {
- visibility: visible;
- position: initial;
- display: inline;
-}
-
-.mx_NotificationPanel .mx_EventTile_line {
- margin-right: 0px;
- padding-left: 32px;
- padding-top: 0px;
- padding-bottom: 0px;
- padding-right: 0px;
-}
-
-.mx_NotificationPanel .mx_EventTile:hover .mx_EventTile_line {
- background-color: $primary-bg-color;
-}
-
-.mx_NotificationPanel .mx_EventTile_selected .mx_EventTile_line {
- padding-left: 0px;
-}
-
-.mx_NotificationPanel .mx_EventTile_content {
- margin-right: 0px;
-}
\ No newline at end of file
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss b/src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss
deleted file mode 100644
index ca7431eac2..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss
+++ /dev/null
@@ -1,181 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RoomStatusBar {
- margin-left: 65px;
- min-height: 50px;
-}
-
-/* position the indicator in the same place horizontally as .mx_EventTile_avatar. */
-.mx_RoomStatusBar_indicator {
- padding-left: 17px;
- padding-right: 12px;
- margin-left: -73px;
- margin-top: 15px;
- float: left;
- width: 24px;
- text-align: center;
-}
-
-.mx_RoomStatusBar_callBar {
- height: 50px;
- line-height: 50px;
-}
-
-.mx_RoomStatusBar_placeholderIndicator span {
- color: $primary-fg-color;
- opacity: 0.5;
- position: relative;
- top: -4px;
-/*
- animation-duration: 1s;
- animation-name: bounce;
- animation-direction: alternate;
- animation-iteration-count: infinite;
-*/
-}
-
-.mx_RoomStatusBar_placeholderIndicator span:nth-child(1) {
- animation-delay: 0.3s;
-}
-.mx_RoomStatusBar_placeholderIndicator span:nth-child(2) {
- animation-delay: 0.6s;
-}
-.mx_RoomStatusBar_placeholderIndicator span:nth-child(3) {
- animation-delay: 0.9s;
-}
-
-@keyframes bounce {
- from {
- opacity: 0.5;
- top: 0;
- }
-
- to {
- opacity: 0.2;
- top: -3px;
- }
-}
-
-.mx_RoomStatusBar_typingIndicatorAvatars {
- width: 52px;
- margin-top: -1px;
- text-align: left;
-}
-
-.mx_RoomStatusBar_typingIndicatorAvatars .mx_BaseAvatar_image {
- margin-right: -12px;
- border: 1px solid $primary-bg-color;
-}
-
-.mx_RoomStatusBar_typingIndicatorAvatars .mx_BaseAvatar_initial {
- padding-left: 1px;
- padding-top: 1px;
-}
-
-.mx_RoomStatusBar_typingIndicatorRemaining {
- display: inline-block;
- color: #acacac;
- background-color: #ddd;
- border: 1px solid $primary-bg-color;
- border-radius: 40px;
- width: 24px;
- height: 24px;
- line-height: 24px;
- font-size: 0.8em;
- vertical-align: top;
- text-align: center;
- position: absolute;
-}
-
-.mx_RoomStatusBar_scrollDownIndicator {
- cursor: pointer;
- padding-left: 1px;
-}
-
-.mx_RoomStatusBar_unreadMessagesBar {
- padding-top: 10px;
- color: $warning-color;
- cursor: pointer;
-}
-
-.mx_RoomStatusBar_connectionLostBar {
- margin-top: 19px;
- min-height: 58px;
-}
-
-.mx_RoomStatusBar_connectionLostBar img {
- padding-left: 10px;
- padding-right: 22px;
- vertical-align: middle;
- float: left;
-}
-
-.mx_RoomStatusBar_connectionLostBar_title {
- color: $warning-color;
-}
-
-.mx_RoomStatusBar_connectionLostBar_desc {
- color: $primary-fg-color;
- font-size: 13px;
- opacity: 0.5;
-}
-
-.mx_RoomStatusBar_resend_link {
- color: $primary-fg-color ! important;
- text-decoration: underline ! important;
- cursor: pointer;
-}
-
-.mx_RoomStatusBar_typingBar {
- height: 50px;
- line-height: 50px;
-
- color: $primary-fg-color;
- opacity: 0.5;
- overflow-y: hidden;
- display: block;
-}
-
-.mx_RoomStatusBar_isAlone {
- height: 50px;
- line-height: 50px;
-
- color: $primary-fg-color;
- opacity: 0.5;
- overflow-y: hidden;
- display: block;
-}
-
-.mx_MatrixChat_useCompactLayout {
- .mx_RoomStatusBar {
- min-height: 40px;
- }
-
- .mx_RoomStatusBar_indicator {
- margin-top: 10px;
- }
-
- .mx_RoomStatusBar_callBar {
- height: 40px;
- line-height: 40px;
- }
-
- .mx_RoomStatusBar_typingBar {
- height: 40px;
- line-height: 40px;
- }
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_RoomView.scss b/src/skins/vector/css/matrix-react-sdk/structures/_RoomView.scss
deleted file mode 100644
index b8e1190375..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_RoomView.scss
+++ /dev/null
@@ -1,272 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RoomView {
- word-wrap: break-word;
- position: relative;
-
- display: flex;
- width: 100%;
-
- flex-direction: column;
-}
-
-.mx_RoomView .mx_RoomHeader {
- order: 1;
-
- flex: 0 0 70px;
-}
-
-.mx_RoomView_fileDropTarget {
- min-width: 0px;
- max-width: 960px;
- width: 100%;
- font-size: 18px;
- text-align: center;
-
- pointer-events: none;
-
- padding-left: 12px;
- padding-right: 12px;
- margin-left: -12px;
-
- border-top-left-radius: 10px;
- border-top-right-radius: 10px;
-
- background-color: $droptarget-bg-color;
- border: 2px #e1dddd solid;
- border-bottom: none;
- position: absolute;
- top: 70px;
- bottom: 0px;
- z-index: 3000;
-}
-
-.mx_RoomView_fileDropTargetLabel {
- top: 50%;
- width: 100%;
- margin-top: -50px;
- position: absolute;
-}
-
-.mx_RoomView_auxPanel {
- order: 2;
-
- min-width: 0px;
- max-width: 960px;
- width: 100%;
- margin: 0px auto;
-
- overflow: auto;
- border-bottom: 1px solid $primary-hairline-color;
-
- flex: 0 0 auto;
-}
-
-.mx_RoomView_auxPanel_apps {
- max-width: 1920px ! important;
-}
-
-
-.mx_RoomView_body {
- order: 3;
- flex: 1 1 0;
- flex-direction: column;
- display: flex;
-}
-
-.mx_RoomView_body .mx_RoomView_topUnreadMessagesBar {
- order: 1;
-}
-
-.mx_RoomView_body .mx_RoomView_messagePanel {
- order: 2;
-}
-
-.mx_RoomView_body .mx_RoomView_messagePanelSpinner {
- order: 2;
- margin: auto;
-}
-
-.mx_RoomView_body .mx_RoomView_statusArea {
- order: 3;
-}
-
-.mx_RoomView_body .mx_MessageComposer {
- order: 4;
-}
-
-.mx_RoomView_messagePanel {
- width: 100%;
- overflow-y: auto;
-}
-
-.mx_RoomView_messageListWrapper {
- max-width: 960px;
- margin: auto;
-
- min-height: 100%;
-
- display: flex;
-
- flex-direction: column;
-
- justify-content: flex-end;
-}
-
-.mx_RoomView_searchResultsPanel .mx_RoomView_messageListWrapper {
- justify-content: flex-start;
-}
-
-.mx_RoomView_empty {
- flex: 1 1 auto;
- font-size: 13px;
- padding-left: 3em;
- padding-right: 3em;
- margin-right: 20px;
- margin-top: 33%;
- text-align: center;
-}
-
-.mx_RoomView_MessageList {
- width: 100%;
- list-style-type: none;
- padding: 0px;
-}
-
-.mx_RoomView_MessageList li {
- clear: both;
-}
-
-li.mx_RoomView_myReadMarker_container {
- height: 0px;
- margin: 0px;
- padding: 0px;
- border: 0px;
-}
-
-hr.mx_RoomView_myReadMarker {
- border-top: solid 1px $accent-color;
- border-bottom: solid 1px $accent-color;
- margin-top: 0px;
- position: relative;
- top: -1px;
- z-index: 1;
-}
-
-.mx_RoomView_statusArea {
- width: 100%;
- flex: 0 0 auto;
-
- max-height: 0px;
- background-color: $primary-bg-color;
- z-index: 1000;
- overflow: hidden;
-
- -webkit-transition: all .2s ease-out;
- -moz-transition: all .2s ease-out;
- -ms-transition: all .2s ease-out;
- -o-transition: all .2s ease-out;
-}
-
-.mx_RoomView_statusArea_expanded {
- max-height: 100px;
-}
-
-.mx_RoomView_statusAreaBox {
- max-width: 960px;
- margin: auto;
- min-height: 50px;
-}
-
-.mx_RoomView_statusAreaBox_line {
- margin-left: 65px;
- border-top: 1px solid $primary-hairline-color;
- height: 1px;
-}
-
-.mx_RoomView_callStatusBar .mx_UploadBar_uploadProgressInner {
- background-color: $primary-bg-color;
-}
-
-.mx_RoomView_callStatusBar .mx_UploadBar_uploadFilename {
- color: $accent-fg-color;
- opacity: 1.0;
-}
-
-.mx_RoomView_inCall .mx_RoomView_statusAreaBox_line {
- margin-top: 2px;
- border: none;
- height: 0px;
-}
-
-.mx_RoomView_inCall .mx_MessageComposer_wrapper {
- border-top: 2px hidden;
- padding-top: 1px;
-}
-
-.mx_RoomView_inCall .mx_RoomView_statusAreaBox {
- background-color: $accent-color;
- color: $accent-fg-color;
- position: relative;
-}
-
-.mx_RoomView_voipChevron {
- position: absolute;
- bottom: -11px;
- right: 11px;
-}
-
-.mx_RoomView_voipButton {
- float: right;
- margin-right: 13px;
- margin-top: 10px;
- cursor: pointer;
-}
-
-.mx_RoomView_voipButton object {
- pointer-events: none;
-}
-
-.mx_RoomView .mx_MessageComposer {
- width: 100%;
- flex: 0 0 auto;
- margin-right: 2px;
-}
-
-.mx_RoomView_ongoingConfCallNotification {
- width: 100%;
- text-align: center;
- background-color: $warning-color;
- color: $accent-fg-color;
- font-weight: bold;
- padding: 6px 0;
- cursor: pointer;
-}
-
-.mx_RoomView_ongoingConfCallNotification a {
- color: $accent-fg-color ! important;
-}
-
-.mx_MatrixChat_useCompactLayout {
- .mx_RoomView_MessageList {
- margin-bottom: 4px;
- }
-
- .mx_RoomView_statusAreaBox {
- min-height: 42px;
- }
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_SearchBox.scss b/src/skins/vector/css/matrix-react-sdk/structures/_SearchBox.scss
deleted file mode 100644
index 6f08fd47b2..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_SearchBox.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_SearchBox {
- height: 24px;
- margin-left: 16px;
- margin-right: 16px;
- padding-top: 24px;
- padding-bottom: 22px;
-
- border-bottom: 1px solid $panel-divider-color;
-
- display: flex;
-}
-
-.mx_SearchBox_searchButton {
- margin-right: 10px;
- margin-top: 5px;
- pointer-events: none;
-}
-
-.mx_SearchBox_closeButton {
- cursor: pointer;
- margin-top: -5px;
-}
-
-.mx_SearchBox_search {
- flex: 1 1 auto;
- width: 0px;
- font-family: $font-family;
- font-size: 12px;
- margin-top: -2px;
- height: 24px;
- border: 0px ! important;
- /* border-bottom: 1px solid rgba(0, 0, 0, 0.1) ! important; */
- border: 0px;
-}
-
-.mx_SearchBox_minimise,
-.mx_SearchBox_maximise {
- margin-top: 3px;
- cursor: pointer;
-}
-
-.mx_SearchBox_minimise {
- margin-left: 10px;
-}
-
-.mx_SearchBox_maximise {
- margin-left: 9px;
-}
-
-.mx_SearchBox object {
- pointer-events: none;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss b/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss
deleted file mode 100644
index ab1d4feac3..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss
+++ /dev/null
@@ -1,126 +0,0 @@
-/*
-Copyright 2017 New Vector Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_TagPanel {
- flex: 0 0 60px;
- background-color: $tertiary-accent-color;
- cursor: pointer;
-
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-between;
-}
-
-.mx_TagPanel .mx_TagPanel_clearButton {
- /* Constant height within flex mx_TagPanel */
- height: 70px;
- width: 60px;
-
- flex: none;
-
- display: flex;
- justify-content: center;
- align-items: flex-start;
-}
-
-.mx_TagPanel .mx_TagPanel_clearButton object {
- /* Same as .mx_SearchBox padding-top */
- margin-top: 24px;
- pointer-events: none;
-}
-
-.mx_TagPanel .mx_TagPanel_divider {
- height: 0px;
- width: 42px;
- border-bottom: 1px solid $panel-divider-color;
-}
-
-.mx_TagPanel .mx_TagPanel_scroller {
- flex-grow: 1;
-}
-
-.mx_TagPanel .mx_TagPanel_tagTileContainer {
- display: flex;
- flex-direction: column;
- align-items: center;
-
- height: 100%;
-}
-
-.mx_TagPanel .mx_TagTile {
- padding: 6px 3px;
- opacity: 0.5;
- position: relative;
-}
-.mx_TagPanel .mx_TagTile:focus,
-.mx_TagPanel .mx_TagTile:hover,
-.mx_TagPanel .mx_TagTile.mx_TagTile_selected {
- opacity: 1;
-}
-
-.mx_TagPanel .mx_TagTile.mx_TagTile_selected {
- /* To offset border of mx_TagTile_avatar */
- padding: 3px 0px;
-}
-
-.mx_TagPanel .mx_TagTile.mx_TagTile_selected .mx_TagTile_avatar .mx_BaseAvatar {
- border: 3px solid $accent-color;
- background-color: $accent-color;
- border-radius: 60px;
-
- /* In case this is a "initial" avatar */
- display: block;
- height: 35px;
- width: 35px;
-}
-
-.mx_TagPanel .mx_TagTile.mx_AccessibleButton:focus {
- filter: none;
-}
-
-.mx_TagTile_tooltip {
- position: relative;
- top: -30px;
- left: 5px;
-}
-
-.mx_TagTile_context_button {
- min-width: 15px;
- height: 15px;
- position: absolute;
- right: -5px;
- top: 1px;
- border-radius: 8px;
- background-color: $neutral-badge-color;
- color: #ffffff;
- font-weight: 600;
- font-size: 10px;
- text-align: center;
- padding-top: 1px;
- padding-left: 4px;
- padding-right: 4px;
-}
-
-.mx_TagPanel_groupsButton {
- margin-bottom: 17px;
- margin-top: 18px;
- height: 25px;
-}
-
-.mx_TagPanel_groupsButton object {
- pointer-events: none;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_UploadBar.scss b/src/skins/vector/css/matrix-react-sdk/structures/_UploadBar.scss
deleted file mode 100644
index d76c81668c..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_UploadBar.scss
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_UploadBar {
- position: relative;
-}
-
-.mx_UploadBar_uploadProgressOuter {
- height: 5px;
- margin-left: 63px;
- margin-top: -1px;
- padding-bottom: 5px;
-}
-
-.mx_UploadBar_uploadProgressInner {
- background-color: $accent-color;
- height: 5px;
-}
-
-.mx_UploadBar_uploadFilename {
- margin-top: 5px;
- margin-left: 65px;
- opacity: 0.5;
- color: $primary-fg-color;
-}
-
-.mx_UploadBar_uploadIcon {
- float: left;
- margin-top: 5px;
- margin-left: 14px;
-}
-
-.mx_UploadBar_uploadCancel {
- float: right;
- margin-top: 5px;
- margin-right: 10px;
- position: relative;
- opacity: 0.6;
- cursor: pointer;
- z-index: 1;
-}
-
-.mx_UploadBar_uploadBytes {
- float: right;
- margin-top: 5px;
- margin-right: 30px;
- color: $accent-color;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss b/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss
deleted file mode 100644
index 4830814e4f..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss
+++ /dev/null
@@ -1,253 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_UserSettings {
- max-width: 960px;
- width: 100%;
- margin-left: auto;
- margin-right: auto;
-
- display: flex;
- flex-direction: column;
-}
-
-.mx_UserSettings .mx_RoomHeader {
- order: 1;
-
- flex: 0 0 70px;
-}
-
-.mx_UserSettings_body {
- order: 2;
-
- flex: 1 1 0;
-
- margin-top: -20px;
- overflow-y: auto;
-}
-
-.mx_UserSettings h3 {
- clear: both;
- margin-left: 63px;
- text-transform: uppercase;
- color: $h3-color;
- font-weight: 600;
- font-size: 13px;
- margin-top: 26px;
- margin-bottom: 10px;
-}
-
-.mx_UserSettings_section h3 {
- margin-left: 0px;
-}
-
-.mx_UserSettings_spinner {
- display: inline-block;
- vertical-align: middle;
- margin-right: 12px;
- width: 32px;
- height: 32px;
-}
-
-.mx_UserSettings_button {
- @mixin mx_DialogButton;
- display: inline;
- margin: auto;
-}
-
-.mx_UserSettings_button:hover {
- @mixin mx_DialogButton_hover;
-}
-
-.mx_UserSettings_button.danger {
- background-color: $warning-color;
-}
-
-.mx_UserSettings_section {
- margin-left: 63px;
- margin-top: 28px;
- margin-bottom: 28px;
-}
-
-.mx_UserSettings_cryptoSection ul {
- display: table;
-}
-.mx_UserSettings_cryptoSection li {
- display: table-row;
-}
-.mx_UserSettings_cryptoSection label,
-.mx_UserSettings_cryptoSection span {
- display: table-cell;
- padding-right: 1em;
-}
-
-.mx_UserSettings_passwordWarning {
- /* To move the "Sign out" button out of the way */
- clear: both;
- color: $warning-color;
- margin-bottom: 5px;
-}
-
-.mx_UserSettings_importExportButtons {
- padding-top: 10px;
- padding-left: 40px;
-}
-
-.mx_UserSettings_importExportButtons .mx_UserSettings_button {
- margin-right: 1em;
-}
-
-.mx_UserSettings_toggle input {
- width: 16px;
- margin-right: 8px;
- margin-bottom: 8px;
-}
-
-.mx_UserSettings_toggle label {
- padding-bottom: 21px;
-}
-
-.mx_UserSettings_accountTable
-.mx_UserSettings_notifTable
-{
- display: table;
-}
-
-.mx_UserSettings_notifTable .mx_Spinner {
- position: absolute;
-}
-
-.mx_UserSettings_language {
- width: 200px;
-}
-
-.mx_UserSettings_webRtcDevices_dropdown {
- width: 50%;
-}
-
-.mx_UserSettings_profileTable
-{
- display: table;
- float: left;
-}
-
-.mx_UserSettings_profileTableRow
-{
- display: table-row;
-}
-
-.mx_UserSettings_profileLabelCell
-{
- padding-bottom: 21px;
- display: table-cell;
- font-weight: bold;
- padding-right: 24px;
-}
-
-.mx_UserSettings_profileInputCell {
- display: table-cell;
- padding-bottom: 21px;
- width: 240px;
-}
-
-.mx_UserSettings_profileInputCell input,
-.mx_UserSettings_profileInputCell .mx_EditableText
-{
- display: inline-block;
- border: 0px;
- border-bottom: 1px solid $input-underline-color;
- padding: 0px;
- width: 240px;
- color: $input-fg-color;
- font-family: 'Open Sans', Helvetica, Arial, Sans-Serif;
- font-size: 16px;
-}
-
-.mx_UserSettings_threepidButton {
- display: table-cell;
- padding-left: 0.5em;
- position: relative;
- cursor: pointer;
-}
-
-.mx_UserSettings_phoneSection {
- display:table;
-}
-
-.mx_UserSettings_phoneCountry {
- width: 70px;
- display: table-cell;
-}
-
-input.mx_UserSettings_phoneNumberField {
- margin-left: 3px;
- width: 172px;
- border: 1px solid transparent;
-}
-
-.mx_UserSettings_changePasswordButton {
- float: right;
- margin-right: 32px;
- margin-left: 32px;
-}
-
-.mx_UserSettings_logout {
- float: right;
- margin-right: 32px;
- margin-left: 32px;
-}
-
-.mx_UserSettings_avatarPicker {
- margin-left: 32px;
- margin-right: 32px;
- float: right;
- cursor: pointer;
-}
-
-.mx_UserSettings_avatarPicker_img .mx_BaseAvatar_image {
- object-fit: cover;
-}
-
-.mx_UserSettings_avatarPicker_edit {
- text-align: center;
- margin-top: 10px;
-}
-
-.mx_UserSettings_avatarPicker_edit img {
- cursor: pointer;
-}
-
-.mx_UserSettings_avatarPicker_edit > input {
- display: none;
-}
-
-.mx_UserSettings_avatarPicker_imgContainer {
- display: inline-block;
-}
-
-.mx_UserSettings_avatarPicker_remove {
- display: inline-block;
- float: right;
- margin-right: -15px;
-}
-
-.mx_UserSettings_advanced_spoiler,
-.mx_UserSettings_link {
- cursor: pointer;
- color: $accent-color;
- word-break: break-all;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss b/src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss
deleted file mode 100644
index 84b8306a74..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss
+++ /dev/null
@@ -1,284 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_Login {
- width: 100%;
- height: 100%;
-
- display: flex;
- align-items: center;
- justify-content: center;
-
- overflow: auto;
-}
-
-.mx_Login h2 {
- font-weight: 300;
- margin-top: 32px;
- margin-bottom: 20px;
-}
-
-.mx_Login_box {
- width: 300px;
- min-height: 450px;
- padding-top: 50px;
- padding-bottom: 50px;
- margin: auto;
-}
-
-.mx_Login_logo {
- text-align: center;
- height: 150px;
- margin-bottom: 45px;
-}
-
-.mx_Login_logo img {
- max-height: 100%
-}
-
-.mx_Login_support {
- text-align: center;
- font-size: 13px;
- margin-top: 0px;
- opacity: 0.7;
-}
-
-.mx_Login_field {
- width: 280px;
- border-radius: 3px;
- border: 1px solid $strong-input-border-color;
- font-weight: 300;
- font-size: 13px;
- padding: 9px;
- margin-bottom: 14px;
-}
-
-.mx_Login_field_disabled {
- opacity: 0.3;
-}
-
-.mx_Login_fieldLabel {
- margin-top: -10px;
- margin-left: 8px;
- margin-bottom: 14px;
- font-size: 13px;
- opacity: 0.8;
-}
-
-.mx_Login_submit {
- @mixin mx_DialogButton;
- width: 100%;
- margin-top: 35px;
- margin-bottom: 24px;
-}
-
-.mx_Login_submit:hover {
- @mixin mx_DialogButton_hover;
-}
-
-.mx_Login_submit:disabled {
- opacity: 0.3;
-}
-
-.mx_Login_label {
- font-size: 13px;
- opacity: 0.8;
-}
-
-.mx_Login_checkbox,
-.mx_Login_radio {
- margin-right: 10px;
-}
-
-.mx_Login_create {
- display: block;
- text-align: center;
- width: 100%;
- font-size: 13px;
- opacity: 0.8;
-}
-
-.mx_Login_create:link {
- color: $primary-fg-color;
-}
-
-.mx_Login_links {
- display: block;
- text-align: center;
- margin-top: 15px;
- width: 100%;
- font-size: 13px;
- opacity: 0.8;
-}
-
-.mx_Login_links a:link {
- color: $primary-fg-color;
-}
-
-.mx_Login_prompt {
- padding-top: 15px;
- padding-bottom: 15px;
- font-size: 13px;
-}
-
-.mx_Login_forgot {
- font-size: 15px;
-}
-
-.mx_Login_forgot:link {
- color: $primary-fg-color;
-}
-
-.mx_Login_loader {
- display: inline;
- position: relative;
- top: 2px;
- left: 8px;
-}
-
-.mx_Login_loader .mx_Spinner {
- display: inline;
-}
-
-.mx_Login_loader .mx_Spinner img {
- width: 16px;
- height: 16px;
-}
-
-.mx_Login_error {
- color: $warning-color;
- font-weight: bold;
- text-align: center;
-/*
- height: 24px;
-*/
- margin-top: 12px;
- margin-bottom: 12px;
-}
-
-.mx_Login_type_container {
- display: flex;
- margin-bottom: 14px;
-}
-
-.mx_Login_type_label {
- flex-grow: 1;
- line-height: 35px;
-}
-
-.mx_Login_type_dropdown {
- display: inline-block;
- min-width: 170px;
- align-self: flex-end;
- flex: 1 1 auto;
-}
-
-.mx_Login_field_group {
- display: flex;
-}
-
-.mx_Login_field_prefix {
- height: 34px;
- padding: 0px 5px;
- line-height: 33px;
-
- background-color: #eee;
- border: 1px solid #c7c7c7;
- border-right: 0px;
- border-radius: 3px 0px 0px 3px;
-
- text-align: center;
-}
-
-.mx_Login_field_suffix {
- height: 34px;
- padding: 0px 5px;
- line-height: 33px;
-
- background-color: #eee;
- border: 1px solid #c7c7c7;
- border-left: 0px;
- border-radius: 0px 3px 3px 0px;
-
- text-align: center;
- flex-grow: 1;
-}
-
-.mx_Login_username {
- height: 16px;
- flex-shrink: 1;
- min-width: 0px;
-}
-
-.mx_Login_phoneNumberField {
- height: 16px;
-}
-
-.mx_Login_field_has_prefix {
- border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
-}
-
-.mx_Login_field_has_suffix {
- border-top-right-radius: 0px;
- border-bottom-right-radius: 0px;
-}
-
-.mx_Login_phoneSection {
- display:flex;
-}
-
-.mx_Login_phoneCountry {
- margin-bottom: 14px;
- width: 150px;
-
- /* To override mx_Login_field_prefix */
- text-align: left;
- padding: 0px;
- background-color: $primary-bg-color;
-}
-
-.mx_Login_field_prefix .mx_Dropdown_input {
- /* To use prefix border instead of dropdown border */
- border: 0;
-}
-
-.mx_Login_phoneCountry .mx_Dropdown_option {
- /*
- To match height of mx_Login_field
- 33px + 2px border from mx_Dropdown_option = 35px
- */
- height: 33px;
- line-height: 33px;
-}
-
-.mx_Login_phoneCountry .mx_Dropdown_option img {
- margin: 3px;
- vertical-align: top;
-}
-
-.mx_Login_language {
- margin-left: auto;
- margin-right: auto;
- min-width: 60%;
-}
-
-.mx_Login_language_div {
- display: flex;
- margin-top: 12px;
- margin-bottom: 12px;
-}
-
diff --git a/src/skins/vector/css/matrix-react-sdk/views/avatars/_BaseAvatar.scss b/src/skins/vector/css/matrix-react-sdk/views/avatars/_BaseAvatar.scss
deleted file mode 100644
index ee2d9c190f..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/avatars/_BaseAvatar.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_BaseAvatar {
- position: relative;
-}
-
-.mx_BaseAvatar_initial {
- position: absolute;
- left: 0px;
- color: $avatar-initial-color;
- text-align: center;
- speak: none;
- pointer-events: none;
- font-weight: normal;
-}
-
-.mx_BaseAvatar_image {
- border-radius: 40px;
- vertical-align: top;
- background-color: $avatar-bg-color;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/avatars/_MemberPresenceAvatar.scss b/src/skins/vector/css/matrix-react-sdk/views/avatars/_MemberPresenceAvatar.scss
deleted file mode 100644
index a15f8eaa65..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/avatars/_MemberPresenceAvatar.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
-Copyright 2017 Travis Ralston
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MemberPresenceAvatar {
- display: inline-block;
- position: relative;
-}
-
-.mx_MemberPresenceAvatar_status {
- display: block;
- width: 10px;
- height: 10px;
- border-radius: 10px;
-
- position: absolute;
- bottom: -2px;
- right: -3px;
-}
-
-.mx_MemberPresenceAvatar_status_online {
- background-color: $presence-online;
-}
-
-.mx_MemberPresenceAvatar_status_unavailable {
- background-color: $presence-unavailable;
-}
-
-.mx_MemberPresenceAvatar_status_offline {
- background-color: $presence-offline;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_BugReportDialog.scss b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_BugReportDialog.scss
deleted file mode 100644
index e00d446eda..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_BugReportDialog.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-/*
-Copyright 2017 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_BugReportDialog_field_container {
- display: flex;
-}
-
-.mx_BugReportDialog_field_label {
- flex-basis: 150px;
-
- text-align: right;
-
- padding-top: 9px;
- padding-right: 4px;
-
- line-height: 18px;
-}
-
-.mx_BugReportDialog_field_input {
- flex-grow: 1;
-
- /* taken from mx_ChatInviteDialog_inputContainer */
- border-radius: 3px;
- border: solid 1px $input-border-color;
-
- font-size: 14px;
-
- padding-left: 4px;
- padding-right: 4px;
- padding-top: 7px;
- padding-bottom: 7px;
-
- margin-bottom: 4px;
-}
-
-.mx_BugReportDialog_field_input[type="text" i] {
- padding-top: 9px;
- padding-bottom: 9px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_ChatCreateOrReuseChatDialog.scss b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_ChatCreateOrReuseChatDialog.scss
deleted file mode 100644
index 0f358a588e..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_ChatCreateOrReuseChatDialog.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_ChatCreateOrReuseDialog .mx_ChatCreateOrReuseDialog_tiles {
- margin-top: 24px;
-}
-
-.mx_ChatCreateOrReuseDialog .mx_Dialog_content {
- margin-bottom: 24px;
-
- /*
- To stop spinner that mx_ChatCreateOrReuseDialog_profile replaces from causing a
- height change
- */
- min-height: 100px;
-}
-
-.mx_ChatCreateOrReuseDialog .mx_RoomTile_badge {
- display: none;
-}
-
-.mx_ChatCreateOrReuseDialog_profile {
- display: flex;
-}
-
-.mx_ChatCreateOrReuseDialog_profile_name {
- padding: 14px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_ChatInviteDialog.scss b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_ChatInviteDialog.scss
deleted file mode 100644
index 6fc211743d..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_ChatInviteDialog.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_ChatInviteDialog {
- /* XXX: padding-left is on mx_Dialog but padding-right has subsequently
- * been added on other dialogs. Surely all our dialogs should have consistent
- * right hand padding?
- */
- padding-right: 58px;
-}
-
-/* Using a textarea for this element, to circumvent autofill */
-.mx_ChatInviteDialog_input,
-.mx_ChatInviteDialog_input:focus
-{
- height: 26px;
- font-size: 14px;
- font-family: $font-family;
- padding-left: 12px;
- padding-right: 12px;
- margin: 0 !important;
- border: 0 !important;
- outline: 0 !important;
- width: 1000%; /* Pretend that this is an "input type=text" */
- resize: none;
- overflow: hidden;
- vertical-align: middle;
- box-sizing: border-box;
- word-wrap: nowrap;
-}
-
-.mx_ChatInviteDialog .mx_Dialog_content {
- min-height: 50px
-}
-
-.mx_ChatInviteDialog_inputContainer {
- border-radius: 3px;
- border: solid 1px $input-border-color;
- line-height: 36px;
- padding-left: 4px;
- padding-right: 4px;
- padding-top: 1px;
- padding-bottom: 1px;
- max-height: 150px;
- overflow-x: hidden;
- overflow-y: auto;
-}
-
-.mx_ChatInviteDialog_error {
- margin-top: 10px;
- color: $warning-color;
-}
-
-.mx_ChatInviteDialog_cancel {
- position: absolute;
- right: 11px;
- top: 13px;
- cursor: pointer;
-}
-
-.mx_ChatInviteDialog_cancel object {
- pointer-events: none;
-}
-
diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_ConfirmUserActionDialog.scss b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_ConfirmUserActionDialog.scss
deleted file mode 100644
index b859d6bf4d..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_ConfirmUserActionDialog.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_ConfirmUserActionDialog .mx_Dialog_content {
- min-height: 48px;
- margin-bottom: 24px;
-}
-
-.mx_ConfirmUserActionDialog_avatar {
- float: left;
- margin-right: 20px;
- margin-top: -2px;
-}
-
-.mx_ConfirmUserActionDialog_name {
- font-size: 18px;
-}
-
-.mx_ConfirmUserActionDialog_userId {
- font-size: 13px;
-}
-
-.mx_ConfirmUserActionDialog_reasonField {
- font-family: $font-family;
- font-size: 14px;
- color: $primary-fg-color;
- background-color: $primary-bg-color;
-
- border-radius: 3px;
- border: solid 1px $input-border-color;
- line-height: 36px;
- padding-left: 16px;
- padding-right: 16px;
- padding-top: 1px;
- padding-bottom: 1px;
-
- margin-bottom: 24px;
-
- width: 90%;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_CreateGroupDialog.scss b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_CreateGroupDialog.scss
deleted file mode 100644
index 500e12ee49..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_CreateGroupDialog.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_CreateGroupDialog_inputRow {
- margin-top: 10px;
- margin-bottom: 10px;
-}
-
-.mx_CreateGroupDialog_label {
- text-align: left;
- padding-bottom: 12px;
-}
-
-.mx_CreateGroupDialog_input {
- font-size: 15px;
- border-radius: 3px;
- border: 1px solid $input-border-color;
- padding: 9px;
- color: $primary-fg-color;
- background-color: $primary-bg-color;
-}
-
-.mx_CreateGroupDialog_input_hasPrefixAndSuffix {
- border-radius: 0px;
-}
-
-.mx_CreateGroupDialog_input_group {
- display: flex;
-}
-
-.mx_CreateGroupDialog_prefix,
-.mx_CreateGroupDialog_suffix {
- height: 35px;
- padding: 0px 5px;
- line-height: 37px;
- background-color: $input-border-color;
- border: 1px solid $input-border-color;
- text-align: center;
-}
-
-.mx_CreateGroupDialog_prefix {
- border-right: 0px;
- border-radius: 3px 0px 0px 3px;
-}
-
-.mx_CreateGroupDialog_suffix {
- border-left: 0px;
- border-radius: 0px 3px 3px 0px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_CreateRoomDialog.scss b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_CreateRoomDialog.scss
deleted file mode 100644
index 888f147d21..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_CreateRoomDialog.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
-Copyright 2017 Michael Telatynski <7t3chguy@gmail.com>
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_CreateRoomDialog_details_summary {
- outline: none;
-}
-
-.mx_CreateRoomDialog_label {
- text-align: left;
- padding-bottom: 12px;
-}
-
-.mx_CreateRoomDialog_input {
- font-size: 15px;
- border-radius: 3px;
- border: 1px solid $input-border-color;
- padding: 9px;
- color: $primary-fg-color;
- background-color: $primary-bg-color;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_EncryptedEventDialog.scss b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_EncryptedEventDialog.scss
deleted file mode 100644
index b4dd353370..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_EncryptedEventDialog.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_EncryptedEventDialog .mx_MemberDeviceInfo {
- float: right;
- padding: 0px;
- margin-right: 42px;
-}
-
-.mx_EncryptedEventDialog .mx_MemberDeviceInfo_textButton {
- @mixin mx_DialogButton;
- background-color: $primary-bg-color;
- color: $accent-color;
-}
\ No newline at end of file
diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_GroupAddressPicker.scss b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_GroupAddressPicker.scss
deleted file mode 100644
index d6c961c0ec..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_GroupAddressPicker.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
-Copyright 2017 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_GroupAddressPicker_checkboxContainer{
- margin-top: 10px;
- display: flex;
-}
-
-.mx_GroupAddressPicker_checkboxContainer input[type="checkbox"] {
- /* Stop flex from shrinking the checkbox */
- width: 20px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_QuestionDialog.scss b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_QuestionDialog.scss
deleted file mode 100644
index 3d47f17592..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_QuestionDialog.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
-Copyright 2017 New Vector Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-.mx_QuestionDialog {
- padding-right: 58px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_SetMxIdDialog.scss b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_SetMxIdDialog.scss
deleted file mode 100644
index f7d8a3d001..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_SetMxIdDialog.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_SetMxIdDialog .mx_Dialog_title {
- padding-right: 40px;
-}
-
-.mx_SetMxIdDialog_input_group {
- display: flex;
-}
-
-.mx_SetMxIdDialog_input {
- border-radius: 3px;
- border: 1px solid $input-border-color;
- padding: 9px;
- color: $primary-fg-color;
- background-color: $primary-bg-color;
- font-size: 15px;
- width: 100%;
- max-width: 280px;
-}
-
-.mx_SetMxIdDialog_input.error,
-.mx_SetMxIdDialog_input.error:focus {
- border: 1px solid $warning-color;
-}
-
-.mx_SetMxIdDialog_input_group .mx_Spinner {
- height: 37px;
- padding-left: 10px;
- justify-content: flex-start;
-}
-
-.mx_SetMxIdDialog .success {
- color: $accent-color;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_UnknownDeviceDialog.scss b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_UnknownDeviceDialog.scss
deleted file mode 100644
index 3457e50b92..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_UnknownDeviceDialog.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-// CSS voodoo to support a gemini-scrollbar for the contents of the dialog
-.mx_Dialog_unknownDevice .mx_Dialog {
- // ideally we'd shrink the height to fit when needed, but in practice this
- // is a pain in the ass. plus might as well make the dialog big given how
- // important it is.
- height: 100%;
-
- // position the gemini scrollbar nicely
- padding-right: 58px;
-}
-
-.mx_UnknownDeviceDialog {
- height: 100%;
- display: flex;
- flex-direction: column;
-}
-
-.mx_UnknownDeviceDialog .mx_Dialog_content {
- margin-bottom: 24px;
-}
-
-.mx_UnknownDeviceDialog .mx_MemberDeviceInfo {
- float: right;
- clear: both;
- padding: 0px;
- padding-top: 8px;
-}
-
-.mx_UnknownDeviceDialog .mx_MemberDeviceInfo_textButton {
- @mixin mx_DialogButton_small;
- background-color: $primary-bg-color;
- color: $accent-color;
-}
-
-.mx_UnknownDeviceDialog .mx_UnknownDeviceDialog_deviceList li {
- height: 40px;
- border-bottom: 1px solid $primary-hairline-color;
-}
\ No newline at end of file
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_AccessibleButton.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_AccessibleButton.scss
deleted file mode 100644
index edf455049b..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_AccessibleButton.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_AccessibleButton:focus {
- outline: 0;
- filter: brightness($focus-brightness);
-}
-
-.mx_AccessibleButton {
- cursor: pointer;
-}
\ No newline at end of file
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_AddressSelector.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_AddressSelector.scss
deleted file mode 100644
index 9871a7e881..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_AddressSelector.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_AddressSelector {
- position: absolute;
- background-color: $primary-bg-color;
- width: 485px;
- max-height: 116px;
- overflow-y: auto;
- border-radius: 3px;
- background-color: $primary-bg-color;
- border: solid 1px $accent-color;
- cursor: pointer;
-}
-
-.mx_AddressSelector.mx_AddressSelector_empty {
- display: none;
-}
-
-.mx_AddressSelector_addressListElement .mx_AddressTile {
- background-color: $primary-bg-color;
- border: solid 1px $primary-bg-color;
-}
-
-.mx_AddressSelector_addressListElement.mx_AddressSelector_selected {
- background-color: $selected-color;
-}
-
-.mx_AddressSelector_addressListElement.mx_AddressSelector_selected .mx_AddressTile {
- background-color: $selected-color;
- border: solid 1px $selected-color;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_AddressTile.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_AddressTile.scss
deleted file mode 100644
index 0ecfb17c83..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_AddressTile.scss
+++ /dev/null
@@ -1,138 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_AddressTile {
- display: inline-block;
- border-radius: 3px;
- background-color: rgba(74, 73, 74, 0.1);
- border: solid 1px $input-border-color;
- line-height: 26px;
- color: $primary-fg-color;
- font-size: 14px;
- font-weight: normal;
- margin-right: 4px;
-}
-
-.mx_AddressTile.mx_AddressTile_error {
- background-color: rgba(255, 0, 100, 0.1);
- color: $warning-color;
- border-color: $warning-color;
-}
-
-.mx_AddressTile_network {
- display: inline-block;
- position: relative;
- padding-left: 2px;
- padding-right: 4px;
- vertical-align: middle;
-}
-
-.mx_AddressTile_avatar {
- display: inline-block;
- position: relative;
- padding-left: 2px;
- padding-right: 7px;
- vertical-align: middle;
-}
-
-.mx_AddressTile_mx {
- display: inline-block;
- margin: 0;
- border: 0;
- padding: 0;
-}
-
-.mx_AddressTile_name {
- display: inline-block;
- padding-right: 4px;
- font-weight: 600;
- overflow: hidden;
- height: 26px;
- vertical-align: middle;
-}
-
-.mx_AddressTile_name.mx_AddressTile_justified {
- width: 180px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- vertical-align: middle;
-}
-
-.mx_AddressTile_id {
- display: inline-block;
- padding-right: 11px;
-}
-
-.mx_AddressTile_id.mx_AddressTile_justified {
- width: 200px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- vertical-align: middle;
-}
-
-.mx_AddressTile_unknownMx {
- display: inline-block;
- font-weight: 600;
- padding-right: 11px;
-}
-
-.mx_AddressTile_unknownMxl.mx_AddressTile_justified {
- width: 380px; /* name + id width */
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- vertical-align: middle;
-}
-
-.mx_AddressTile_email {
- display: inline-block;
- font-weight: 600;
- padding-right: 11px;
-}
-
-.mx_AddressTile_email.mx_AddressTile_justified {
- width: 200px; /* same as id width */
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- vertical-align: middle;
-}
-
-.mx_AddressTile_unknown {
- display: inline-block;
- padding-right: 11px;
-}
-
-.mx_AddressTile_unknown.mx_AddressTile_justified {
- width: 380px; /* name + id width */
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- vertical-align: middle;
-}
-
-.mx_AddressTile_dismiss {
- display: inline-block;
- padding-right: 11px;
- padding-left: 1px;
- cursor: pointer;
-}
-
-.mx_AddressTile_dismiss object {
- pointer-events: none;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_DirectorySearchBox.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_DirectorySearchBox.scss
deleted file mode 100644
index 94a92b23ce..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_DirectorySearchBox.scss
+++ /dev/null
@@ -1,70 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_DirectorySearchBox {
- position: relative;
- border-radius: 3px;
- border: 1px solid $strong-input-border-color;
-}
-
-.mx_DirectorySearchBox_container {
- display: flex;
- padding-left: 9px;
- padding-right: 9px;
-}
-
-.mx_DirectorySearchBox_input {
- flex-grow: 1;
- border: 0;
- padding: 0;
- font-weight: 300;
- font-size: 13px;
-}
-input[type=text].mx_DirectorySearchBox_input:focus {
- border: 0;
-}
-
-.mx_DirectorySearchBox_joinButton {
- display: table-cell;
- padding: 3px;
- padding-left: 10px;
- padding-right: 10px;
- background-color: $plinth-bg-color;
- border-radius: 3px;
- background-image: url('../../img/icon-return.svg');
- background-position: 8px 70%;
- background-repeat: no-repeat;
- text-indent: 18px;
- font-weight: 600;
- font-size: 12px;
- user-select: none;
- cursor: pointer;
-}
-
-.mx_DirectorySearchBox_clear_wrapper {
- display: table-cell;
-}
-
-.mx_DirectorySearchBox_clear {
- display: inline-block;
- vertical-align: middle;
- background: url('../../img/icon_context_delete.svg');
- background-position: 0 50%;
- background-repeat: no-repeat;
- width: 15px;
- height: 15px;
- cursor: pointer;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_Dropdown.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_Dropdown.scss
deleted file mode 100644
index 69dd1703ee..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_Dropdown.scss
+++ /dev/null
@@ -1,131 +0,0 @@
-/*
-Copyright 2017 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_Dropdown {
- position: relative;
-}
-
-.mx_Dropdown_disabled {
- opacity: 0.3;
-}
-
-.mx_Dropdown_input {
- position: relative;
- border-radius: 3px;
- border: 1px solid $strong-input-border-color;
- font-weight: 300;
- font-size: 13px;
- user-select: none;
-}
-
-.mx_Dropdown_input:focus {
- border-color: $accent-color;
-}
-
-/* Disable dropdown highlight on focus */
-.mx_Dropdown_input.mx_AccessibleButton:focus {
- filter: none;
-}
-
-.mx_Dropdown_arrow {
- border-color: $primary-fg-color transparent transparent;
- border-style: solid;
- border-width: 5px 5px 0;
- display: block;
- height: 0;
- position: absolute;
- right: 10px;
- top: 14px;
- width: 0
-}
-
-.mx_Dropdown.left_aligned .mx_Dropdown_arrow {
- left: 10px;
-}
-
-.mx_Dropdown_input > .mx_Dropdown_option {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.mx_Dropdown.left_aligned .mx_Dropdown_input > .mx_Dropdown_option {
- padding-left: 25px;
-}
-
-.mx_Dropdown_option {
- height: 35px;
- line-height: 35px;
- padding-left: 8px;
- padding-right: 8px;
-}
-
-.mx_Dropdown_option div {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.mx_Dropdown_option img {
- margin: 5px;
- width: 27px;
- vertical-align: middle;
-}
-
-input.mx_Dropdown_option, input.mx_Dropdown_option:focus {
- border: 0;
- padding-top: 0;
- padding-bottom: 0;
- // XXX: hack to prevent text box being too big and pushing
- // its parent out / overlapping the dropdown arrow. Only really
- // works in the Country dropdown.
- width: 60%;
-}
-
-.mx_Dropdown_menu {
- position: absolute;
- left: -1px;
- right: -1px;
- top: 100%;
- z-index: 2;
- margin: 0;
- padding: 0px;
- border-radius: 3px;
- border: 1px solid $accent-color;
- background-color: $primary-bg-color;
- max-height: 200px;
- overflow-y: auto;
-}
-
-.mx_Dropdown_menu .mx_Dropdown_option {
- height: auto;
- min-height: 35px;
-}
-
-.mx_Dropdown_menu .mx_Dropdown_option_highlight {
- background-color: $focus-bg-color;
-}
-
-.mx_Dropdown_menu {
- font-weight: bold;
-}
-
-.mx_Dropdown_searchPrompt {
- font-weight: normal;
- margin-left: 5px;
- margin-bottom: 5px;
-}
-
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_EditableItemList.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_EditableItemList.scss
deleted file mode 100644
index 9fbb39aa17..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_EditableItemList.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
-Copyright 2017 New Vector Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_EditableItemList {
- margin-top: 12px;
- margin-bottom: 0px;
-}
-
-.mx_EditableItem {
- display: flex;
- margin-left: 56px;
-}
-
-.mx_EditableItem .mx_EditableItem_editable {
- border: 0px;
- border-bottom: 1px solid $strong-input-border-color;
- padding: 0px;
- min-width: 240px;
- max-width: 400px;
- margin-bottom: 16px;
-}
-
-.mx_EditableItem .mx_EditableItem_editable:focus {
- border-bottom: 1px solid $accent-color;
- outline: none;
- box-shadow: none;
-}
-
-.mx_EditableItem .mx_EditableItem_editablePlaceholder {
- color: $settings-grey-fg-color;
-}
-
-.mx_EditableItem .mx_EditableItem_addButton,
-.mx_EditableItem .mx_EditableItem_removeButton {
- padding-left: 0.5em;
- position: relative;
- cursor: pointer;
-
- visibility: hidden;
-}
-
-.mx_EditableItem:hover .mx_EditableItem_addButton,
-.mx_EditableItem:hover .mx_EditableItem_removeButton {
- visibility: visible;
-}
-
-.mx_EditableItemList_label {
- margin-bottom: 8px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_MemberEventListSummary.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_MemberEventListSummary.scss
deleted file mode 100644
index 02ecb5d84a..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_MemberEventListSummary.scss
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MemberEventListSummary {
- position: relative;
-}
-
-.mx_TextualEvent.mx_MemberEventListSummary_summary {
- font-size: 14px;
- display: inline-flex;
-}
-
-.mx_MemberEventListSummary_avatars {
- display: inline-block;
- margin-right: 8px;
- padding-top: 8px;
- line-height: 12px;
-}
-
-.mx_MemberEventListSummary_avatars .mx_BaseAvatar {
- margin-right: -4px;
- cursor: pointer;
-}
-
-.mx_MemberEventListSummary_toggle {
- color: $accent-color;
- cursor: pointer;
- float: right;
- margin-right: 10px;
- margin-top: 8px;
-}
-
-.mx_MemberEventListSummary_line {
- border-bottom: 1px solid $primary-hairline-color;
- margin-left: 63px;
- line-height: 30px;
-}
-
-.mx_MatrixChat_useCompactLayout {
- .mx_MemberEventListSummary {
- font-size: 13px;
- .mx_EventTile_line {
- line-height: 20px;
- }
- }
-
- .mx_MemberEventListSummary_line {
- line-height: 22px;
- }
-
- .mx_MemberEventListSummary_toggle {
- margin-top: 3px;
- }
-
- .mx_TextualEvent.mx_MemberEventListSummary_summary {
- font-size: 13px;
- }
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_ProgressBar.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_ProgressBar.scss
deleted file mode 100644
index a3fee232d0..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_ProgressBar.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_ProgressBar {
- height: 5px;
- border: 1px solid $progressbar-color;
-}
-
-.mx_ProgressBar_fill {
- height: 100%;
- background-color: $progressbar-color;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_Quote.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_Quote.scss
deleted file mode 100644
index 0af555b5aa..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_Quote.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_Quote .mx_DateSeparator {
- font-size: 1em !important;
- margin-bottom: 0;
- padding-bottom: 1px;
- bottom: -5px;
-}
-
-.mx_Quote_show {
- cursor: pointer;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_RichText.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_RichText.scss
deleted file mode 100644
index 474a123455..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_RichText.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-// XXX: bleurgh, what is this? These classes totally break the component
-// naming scheme; it's completely unclear where or how they're being used
-// --Matthew
-
-.mx_UserPill,
-.mx_RoomPill,
-.mx_AtRoomPill {
- border-radius: 16px;
- display: inline-block;
- height: 20px;
- line-height: 20px;
- padding-left: 5px;
-}
-
-.mx_EventTile_body .mx_UserPill,
-.mx_EventTile_body .mx_RoomPill {
- cursor: pointer;
-}
-
-/* More specific to override `.markdown-body a` color */
-.mx_EventTile_content .markdown-body a.mx_UserPill,
-.mx_UserPill {
- color: $primary-fg-color;
- background-color: $other-user-pill-bg-color;
- padding-right: 5px;
-}
-
-.mx_EventTile_highlight .mx_EventTile_content .markdown-body a.mx_UserPill_me,
-.mx_EventTile_content .mx_AtRoomPill,
-.mx_MessageComposer_input .mx_AtRoomPill {
- color: $accent-fg-color;
- background-color: $mention-user-pill-bg-color;
- padding-right: 5px;
-}
-
-/* More specific to override `.markdown-body a` color */
-.mx_EventTile_content .markdown-body a.mx_RoomPill,
-.mx_RoomPill {
- color: $accent-fg-color;
- background-color: $rte-room-pill-color;
- padding-right: 5px;
-}
-
-.mx_UserPill .mx_BaseAvatar,
-.mx_RoomPill .mx_BaseAvatar,
-.mx_AtRoomPill .mx_BaseAvatar {
- position: relative;
- left: -3px;
- top: 2px;
-}
-
-.mx_Markdown_BOLD {
- font-weight: bold;
-}
-
-.mx_Markdown_ITALIC {
- font-style: italic;
-}
-
-.mx_Markdown_CODE {
- padding: .2em 0;
- margin: 0;
- font-size: 85%;
- background-color: $rte-code-bg-color;
- border-radius: 3px;
-}
-
-.mx_Markdown_HR {
- display: block;
- background: $rte-bg-color;
-}
-
-.mx_Markdown_STRIKETHROUGH {
- text-decoration: line-through;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_RoleButton.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_RoleButton.scss
deleted file mode 100644
index 094e0b9b1b..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_RoleButton.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
-Copyright 2107 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RoleButton {
- margin-left: 4px;
- margin-right: 4px;
- cursor: pointer;
- display: inline-block;
-}
-
-.mx_RoleButton object {
- pointer-events: none;
-}
-
-.mx_RoleButton_tooltip {
- display: inline-block;
- position: relative;
- top: -25px;
- left: 6px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_ToolTipButton.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_ToolTipButton.scss
deleted file mode 100644
index c496e67515..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_ToolTipButton.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-/*
-Copyright 2017 New Vector Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_ToolTipButton {
- display: inline-block;
- width: 11px;
- height: 11px;
- margin-left: 5px;
-
- border: 2px solid $neutral-badge-color;
- border-radius: 20px;
- color: $neutral-badge-color;
-
- transition: opacity 0.2s ease-in;
- opacity: 0.6;
-
- line-height: 11px;
- text-align: center;
-
- cursor: pointer;
-}
-
-.mx_ToolTipButton:hover {
- opacity: 1.0;
-}
-
-.mx_ToolTipButton_container {
- position: relative;
- top: -18px;
- left: 4px;
-}
-
-.mx_ToolTipButton_helpText {
- width: 400px;
- text-align: start;
- line-height: 17px !important;
-}
-
diff --git a/src/skins/vector/css/matrix-react-sdk/views/groups/_GroupPublicityToggle.scss b/src/skins/vector/css/matrix-react-sdk/views/groups/_GroupPublicityToggle.scss
deleted file mode 100644
index 3ea4aa07d6..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/groups/_GroupPublicityToggle.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
-Copyright 2017 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_GroupPublicity_toggle {
- display: flex;
- align-items: center;
- margin: 8px;
-}
-
-.mx_GroupPublicity_toggle > label {
- display: flex;
- align-items: flex-start;
-}
-
-.mx_GroupPublicity_toggle > label,
-.mx_GroupPublicity_toggle .mx_GroupTile {
- width: 50%;
-}
-
-.mx_GroupPublicity_toggle input {
- margin-right: 8px;
- vertical-align: -4px;
-}
-
-.mx_GroupPublicity_toggle .mx_GroupTile {
- display: flex;
- align-items: flex-start;
- cursor: pointer;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/groups/_GroupRoomList.scss b/src/skins/vector/css/matrix-react-sdk/views/groups/_GroupRoomList.scss
deleted file mode 100644
index fb41ebaa9e..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/groups/_GroupRoomList.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-/*
-Copyright 2017 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_GroupRoomTile {
- position: relative;
- color: $primary-fg-color;
- cursor: pointer;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/groups/_GroupUserSettings.scss b/src/skins/vector/css/matrix-react-sdk/views/groups/_GroupUserSettings.scss
deleted file mode 100644
index 0c909b7cf7..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/groups/_GroupUserSettings.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-/*
-Copyright 2017 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_GroupUserSettings_groupPublicity_scrollbox {
- height: 200px;
- border: 1px solid $primary-hairline-color;
- border-radius: 3px;
- margin-right: 32px;
- overflow: hidden;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/login/_InteractiveAuthEntryComponents.scss b/src/skins/vector/css/matrix-react-sdk/views/login/_InteractiveAuthEntryComponents.scss
deleted file mode 100644
index 183b5cd251..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/login/_InteractiveAuthEntryComponents.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_InteractiveAuthEntryComponents_msisdnWrapper {
- text-align: center;
-}
-
-.mx_InteractiveAuthEntryComponents_msisdnEntry {
- font-size: 200%;
- font-weight: bold;
- border: 1px solid $strong-input-border-color;
- border-radius: 3px;
- width: 6em;
-}
-
-.mx_InteractiveAuthEntryComponents_msisdnEntry:focus {
- border: 1px solid $accent-color;
-}
-
-.mx_InteractiveAuthEntryComponents_msisdnSubmit {
- margin-top: 4px;
- margin-bottom: 5px;
-}
-
-// XXX: This should be a common button class
-.mx_InteractiveAuthEntryComponents_msisdnSubmit:disabled {
- background-color: $light-fg-color;
- cursor: default;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/login/_ServerConfig.scss b/src/skins/vector/css/matrix-react-sdk/views/login/_ServerConfig.scss
deleted file mode 100644
index 894ce19827..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/login/_ServerConfig.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_ServerConfig {
- margin-top: 7px;
-}
-
-.mx_ServerConfig .mx_Login_field {
- margin-top: 4px;
- margin-bottom: 5px;
-}
-
-.mx_ServerConfig_help:link {
- opacity: 0.8;
- font-size: 13px;
- font-weight: 300;
- color: $primary-fg-color;
-}
-
-.mx_ServerConfig_selector {
- text-align: center;
- width: 302px; // for fr i18n
-}
\ No newline at end of file
diff --git a/src/skins/vector/css/matrix-react-sdk/views/messages/_MEmoteBody.scss b/src/skins/vector/css/matrix-react-sdk/views/messages/_MEmoteBody.scss
deleted file mode 100644
index cf722e5ae8..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/messages/_MEmoteBody.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MEmoteBody {
- white-space: pre-wrap;
-}
-
-.mx_MEmoteBody_sender {
- cursor: pointer;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/messages/_MFileBody.scss b/src/skins/vector/css/matrix-react-sdk/views/messages/_MFileBody.scss
deleted file mode 100644
index 6cbce68745..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/messages/_MFileBody.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MFileBody_download {
- color: $accent-color;
-}
-
-.mx_MFileBody_download a {
- color: $accent-color;
- text-decoration: none;
- cursor: pointer;
-}
-
-.mx_MFileBody_download object {
- margin-left: -16px;
- padding-right: 4px;
- margin-top: -4px;
- vertical-align: middle;
- pointer-events: none;
-}
-
-/* Remove the border and padding for iframes for download links. */
-.mx_MFileBody_download iframe {
- margin: 0px;
- padding: 0px;
- border: none;
- width: 100%;
- /* Set the height of the iframe to be 1 line of text.
- * Iframes don't automatically size themselves to fit their content.
- * So either we have to fix the height of the iframe using CSS or
- * use javascript's cross-origin postMessage API to communicate how
- * big the content of the iframe is. */
- height: 1.5em;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/messages/_MImageBody.scss b/src/skins/vector/css/matrix-react-sdk/views/messages/_MImageBody.scss
deleted file mode 100644
index bf483feda3..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/messages/_MImageBody.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MImageBody {
- display: block;
- margin-right: 34px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/messages/_MNoticeBody.scss b/src/skins/vector/css/matrix-react-sdk/views/messages/_MNoticeBody.scss
deleted file mode 100644
index a88c20863d..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/messages/_MNoticeBody.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MNoticeBody {
- white-space: pre-wrap;
- opacity: 0.6;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/messages/_MStickerBody.scss b/src/skins/vector/css/matrix-react-sdk/views/messages/_MStickerBody.scss
deleted file mode 100644
index 3e6bbe5aa4..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/messages/_MStickerBody.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
-Copyright 2018 New Vector Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MStickerBody {
- display: block;
- margin-right: 34px;
- min-height: 110px;
- padding: 20px 0;
-}
-
-.mx_MStickerBody_image_container {
- display: inline-block;
- position: relative;
-}
-
-.mx_MStickerBody_image {
- max-width: 100%;
- opacity: 0;
-}
-
-.mx_MStickerBody_image_visible {
- opacity: 1;
-}
-
-.mx_MStickerBody_placeholder {
- position: absolute;
- opacity: 1;
-}
-
-.mx_MStickerBody_placeholder_invisible {
- transition: 500ms;
- opacity: 0;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/messages/_MTextBody.scss b/src/skins/vector/css/matrix-react-sdk/views/messages/_MTextBody.scss
deleted file mode 100644
index fcf397fd2d..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/messages/_MTextBody.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MTextBody {
- white-space: pre-wrap;
-}
-
-.mx_MTextBody pre{
- overflow-y: auto;
- max-height: 30vh;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/messages/_RoomAvatarEvent.scss b/src/skins/vector/css/matrix-react-sdk/views/messages/_RoomAvatarEvent.scss
deleted file mode 100644
index 9adce42eef..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/messages/_RoomAvatarEvent.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RoomAvatarEvent {
- opacity: 0.5;
- overflow-y: hidden;
-}
-
-.mx_RoomAvatarEvent_avatar {
- display: inline;
- position: relative;
- top: 5px;
-}
\ No newline at end of file
diff --git a/src/skins/vector/css/matrix-react-sdk/views/messages/_TextualEvent.scss b/src/skins/vector/css/matrix-react-sdk/views/messages/_TextualEvent.scss
deleted file mode 100644
index be7565b3c5..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/messages/_TextualEvent.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_TextualEvent {
- opacity: 0.5;
- overflow-y: hidden;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/messages/_UnknownBody.scss b/src/skins/vector/css/matrix-react-sdk/views/messages/_UnknownBody.scss
deleted file mode 100644
index 9036e12bf0..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/messages/_UnknownBody.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
- http://www.apache.org/licenses/LICENSE-2.0
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_UnknownBody {
- white-space: pre-wrap;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss
deleted file mode 100644
index 0cf3e7b9cb..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss
+++ /dev/null
@@ -1,271 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_AppsDrawer {
- margin: 5px;
-}
-
-.mx_AppsDrawer_hidden {
- display: none;
-}
-
-.mx_AppsContainer {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
-}
-
-.mx_AddWidget_button {
- order: 2;
- cursor: pointer;
- padding-right: 12px;
- padding: 0;
- margin: 5px auto 5px auto;
- color: $accent-color;
- font-size: 12px;
-}
-
-.mx_AddWidget_button_full_width {
- max-width: 960px;
-}
-
-.mx_SetAppURLDialog_input {
- border-radius: 3px;
- border: 1px solid $input-border-color;
- padding: 9px;
- color: $primary-hairline-color;
- background-color: $primary-bg-color;
- font-size: 15px;
-}
-
-.mx_AppTile {
- max-width: 960px;
- width: 50%;
- margin-right: 5px;
- border: 1px solid $primary-hairline-color;
- border-radius: 2px;
- background-color: $dialog-background-bg-color;
-}
-
-.mx_AppTile:last-child {
- margin-right: 1px;
-}
-
-.mx_AppTileFullWidth {
- max-width: 960px;
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
- border: 1px solid $primary-hairline-color;
- border-radius: 2px;
-}
-
-.mx_AppTileMenuBar {
- margin: 0;
- padding: 2px 10px;
- border-bottom: 1px solid $primary-hairline-color;
- font-size: 10px;
- background-color: $widget-menu-bar-bg-color;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- cursor: pointer;
-}
-
-.mx_AppTileMenuBarTitle {
- display: flex;
- flex-direction: row;
- align-items: center;
- pointer-events: none;
-}
-
-.mx_AppTileMenuBarWidgets {
- float: right;
- display: flex;
- flex-direction: row;
- align-items: center;
-}
-
-.mx_AppTileMenuBarWidget {
- cursor: pointer;
- width: 10px;
- height: 10px;
- padding: 1px;
- transition-duration: 500ms;
- border: 1px solid transparent;
-}
-
-.mx_AppTileMenuBarWidgetDelete {
- filter: none;
-}
-
-.mx_AppTileMenuBarWidget:hover {
- border: 1px solid $primary-fg-color;
- border-radius: 2px;
-}
-
-.mx_AppTileBody{
- height: 280px;
- width: 100%;
- overflow: hidden;
-}
-
-.mx_AppTileBody iframe {
- width: 100%;
- height: 280px;
- overflow: hidden;
- border: none;
- padding: 0;
- margin: 0;
- display: block;
-}
-
-.mx_AppTileMenuBarWidgetPadding {
- margin-right: 5px;
-}
-
-.mx_AppIconTile {
- background-color: $lightbox-bg-color;
- border: 1px solid rgba(0, 0, 0, 0);
- width: 200px;
- box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
- transition: 0.3s;
- border-radius: 3px;
- margin: 5px;
- display: inline-block;
-}
-
-.mx_AppIconTile.mx_AppIconTile_active {
- color: $accent-color;
- border-color: $accent-color;
-}
-
-.mx_AppIconTile:hover {
- border: 1px solid $accent-color;
- box-shadow: 0 0 10px 5px rgba(200,200,200,0.5);
-}
-
-.mx_AppIconTile_content {
- padding: 2px 16px;
- height: 60px;
- overflow: hidden;
-}
-
-.mx_AppIconTile_content h4 {
- margin-top: 5px;
- margin-bottom: 2px;
-}
-
-.mx_AppIconTile_content p {
- margin-top: 0;
- margin-bottom: 5px;
- font-size: smaller;
-}
-
-.mx_AppIconTile_image {
- padding: 10px;
- width: 75%;
- max-width:100px;
- max-height:100px;
- width: auto;
- height: auto;
-}
-
-.mx_AppIconTile_imageContainer {
- text-align: center;
- width: 100%;
- background-color: white;
- border-radius: 3px 3px 0 0;
- height: 155px;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-form.mx_Custom_Widget_Form div {
- margin-top: 10px;
- margin-bottom: 10px;
-}
-
-.mx_AppPermissionWarning {
- text-align: center;
- background-color: $primary-bg-color;
- display: flex;
- height: 100%;
- flex-direction: column;
- justify-content: center;
- align-items: center;
-}
-
-.mx_AppPermissionWarningImage {
- margin: 10px 0;
-}
-
-.mx_AppPermissionWarningImage img {
- width: 100px;
-}
-
-.mx_AppPermissionWarningText {
- max-width: 400px;
- margin: 10px auto 10px auto;
- color: $primary-fg-color;
-}
-
-.mx_AppPermissionWarningTextLabel {
- font-weight: bold;
- display: block;
-}
-
-.mx_AppPermissionWarningTextURL {
- color: $accent-color;
-}
-
-.mx_AppPermissionButton {
- padding: 5px;
- border-radius: 5px;
- color: $warning-color;
- background-color: $primary-bg-color;
-}
-
-.mx_AppPermissionButton:hover {
- background-color: $primary-fg-color;
- cursor: pointer;
-}
-
-.mx_AppLoading {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- font-weight: bold;
- position: relative;
- height: 280px;
-}
-
-.mx_AppLoading .mx_Spinner {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
-}
-
-.mx_AppLoading iframe {
- display: none;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_Autocomplete.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_Autocomplete.scss
deleted file mode 100644
index 732ada088b..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_Autocomplete.scss
+++ /dev/null
@@ -1,93 +0,0 @@
-.mx_Autocomplete {
- position: absolute;
- bottom: 0;
- z-index: 1001;
- width: 100%;
- border: 1px solid $primary-hairline-color;
- background: $primary-bg-color;
- border-bottom: none;
- border-radius: 4px 4px 0 0;
- max-height: 50vh;
- overflow: auto
-}
-
-.mx_Autocomplete_ProviderSection {
- border-bottom: 1px solid $primary-hairline-color;
-}
-
-.mx_Autocomplete_Completion_container_pill {
- margin: 12px;
- display: flex;
-}
-
-/* a "block" completion takes up a whole line */
-.mx_Autocomplete_Completion_block {
- height: 34px;
- display: flex;
- padding: 0 12px;
- user-select: none;
- cursor: pointer;
- align-items: center;
- color: $primary-fg-color;
-}
-
-.mx_Autocomplete_Completion_block * {
- margin: 0 3px;
-}
-
-.mx_Autocomplete_Completion_pill {
- border-radius: 17px;
- height: 34px;
- padding: 0px 5px;
- display: flex;
- user-select: none;
- cursor: pointer;
- align-items: center;
- color: $primary-fg-color;
-}
-
-.mx_Autocomplete_Completion_pill > * {
- margin: 0 3px;
-}
-
-.mx_Autocomplete_Completion_container_truncate {
- .mx_Autocomplete_Completion_title,
- .mx_Autocomplete_Completion_subtitle,
- .mx_Autocomplete_Completion_description {
- /* Ellipsis for long names/subtitles/descriptions*/
- max-width: 150px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-}
-
-/* container for pill-style completions */
-.mx_Autocomplete_Completion_container_pill {
- margin: 12px;
- display: flex;
- flex-flow: wrap;
-}
-
-.mx_Autocomplete_Completion.selected {
- background: $menu-bg-color;
- outline: none;
-}
-
-.mx_Autocomplete_provider_name {
- margin: 12px;
- color: $primary-fg-color;
- font-weight: 400;
- opacity: 0.4;
-}
-
-/* styling for common completion elements */
-.mx_Autocomplete_Completion_subtitle {
- font-style: italic;
- flex: 1;
-}
-
-.mx_Autocomplete_Completion_description {
- color: gray;
-}
-
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_EntityTile.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_EntityTile.scss
deleted file mode 100644
index 031894afde..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_EntityTile.scss
+++ /dev/null
@@ -1,114 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_EntityTile {
- display: table-row;
- position: relative;
- color: $primary-fg-color;
- cursor: pointer;
-}
-
-.mx_EntityTile_invite {
- display: table-cell;
- vertical-align: middle;
- margin-left: 10px;
- width: 26px;
-}
-
-.mx_EntityTile_avatar,
-.mx_GroupRoomTile_avatar {
- display: table-cell;
- padding-left: 3px;
- padding-right: 12px;
- padding-top: 4px;
- padding-bottom: 4px;
- vertical-align: middle;
- width: 36px;
- height: 36px;
- position: relative;
-}
-
-.mx_EntityTile_power {
- position: absolute;
- width: 16px;
- height: 17px;
- top: 0px;
- right: 6px;
-}
-
-.mx_EntityTile_name,
-.mx_GroupRoomTile_name {
- display: table-cell;
- vertical-align: middle;
- overflow: hidden;
- font-size: 14px;
- text-overflow: ellipsis;
- white-space: nowrap;
- max-width: 155px;
-}
-
-.mx_EntityTile_details {
- display: table-cell;
- padding-right: 14px;
- vertical-align: middle;
-}
-
-.mx_EntityTile_name_hover {
- font-size: 13px;
-}
-
-.mx_EntityTile_chevron {
- margin-top: 8px;
- margin-right: -4px;
- margin-left: 6px;
- float: right;
-}
-
-.mx_EntityTile_ellipsis .mx_EntityTile_name {
- font-style: italic;
- color: $primary-fg-color;
-}
-
-.mx_EntityTile_invitePlaceholder .mx_EntityTile_name {
- font-style: italic;
- color: $primary-fg-color;
-}
-
-.mx_EntityTile_unavailable .mx_EntityTile_avatar,
-.mx_EntityTile_unavailable .mx_EntityTile_name,
-.mx_EntityTile_unavailable .mx_EntityTile_name_hover,
-.mx_EntityTile_offline_beenactive .mx_EntityTile_avatar,
-.mx_EntityTile_offline_beenactive .mx_EntityTile_name,
-.mx_EntityTile_offline_beenactive .mx_EntityTile_name_hover
-{
- opacity: 0.66;
-}
-
-.mx_EntityTile_offline_neveractive .mx_EntityTile_avatar,
-.mx_EntityTile_offline_neveractive .mx_EntityTile_name,
-.mx_EntityTile_offline_neveractive .mx_EntityTile_name_hover
-{
- opacity: 0.25;
-}
-
-.mx_EntityTile_unknown .mx_EntityTile_avatar,
-.mx_EntityTile_unknown .mx_EntityTile_name,
-.mx_EntityTile_unknown .mx_EntityTile_name_hover
-{
- opacity: 0.25;
-}
-
-
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss
deleted file mode 100644
index 4bb81a2e53..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss
+++ /dev/null
@@ -1,530 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_EventTile {
- max-width: 100%;
- clear: both;
- padding-top: 18px;
- font-size: 14px;
- position: relative;
-}
-
-.mx_EventTile.mx_EventTile_info {
- padding-top: 0px;
-}
-
-.mx_EventTile_avatar {
- position: absolute;
- top: 14px;
- left: 8px;
- cursor: pointer;
- z-index: 2;
-}
-
-.mx_EventTile.mx_EventTile_info .mx_EventTile_avatar {
- top: 8px;
- left: 65px;
-}
-
-.mx_EventTile_continuation {
- padding-top: 0px ! important;
-}
-
-.mx_EventTile .mx_SenderProfile {
- color: $primary-fg-color;
- font-size: 14px;
- display: block; /* anti-zalgo, with overflow hidden */
- overflow-y: hidden;
- cursor: pointer;
- padding-left: 65px; /* left gutter */
- padding-bottom: 0px;
- padding-top: 0px;
- margin: 0px;
- line-height: 22px;
-}
-
-.mx_EventTile .mx_SenderProfile .mx_SenderProfile_name,
-.mx_EventTile .mx_SenderProfile .mx_SenderProfile_aux {
- opacity: 0.5;
-}
-
-.mx_EventTile .mx_SenderProfile .mx_Flair {
- opacity: 0.7;
- margin-left: 5px;
-}
-
-.mx_EventTile .mx_SenderProfile .mx_Flair img {
- vertical-align: -2px;
- margin-right: 2px;
- border-radius: 8px;
-}
-
-.mx_EventTile .mx_MessageTimestamp {
- display: block;
- visibility: hidden;
- white-space: nowrap;
- color: $event-timestamp-color;
- font-size: 10px;
- left: 0px;
- width: 46px; /* 8 + 30 (avatar) + 8 */
- text-align: center;
- position: absolute;
-}
-
-.mx_EventTile_line {
- position: relative;
- /* ideally should be 100px, but 95px gives us a max thumbnail size of 800x600, which is nice */
- margin-right: 110px;
- padding-left: 65px; /* left gutter */
- padding-top: 4px;
- padding-bottom: 2px;
- border-radius: 4px;
- min-height: 24px;
- line-height: 22px;
-}
-
-.mx_EventTile_quote {
- margin-right: 10px;
-}
-
-.mx_EventTile_info .mx_EventTile_line {
- padding-left: 83px;
-}
-
-/* HACK to override line-height which is already marked important elsewhere */
-.mx_EventTile_bigEmoji.mx_EventTile_bigEmoji {
- font-size: 48px ! important;
- line-height: 48px ! important;
-}
-
-/* this is used for the tile for the event which is selected via the URL.
- * TODO: ultimately we probably want some transition on here.
- */
-.mx_EventTile_selected > .mx_EventTile_line {
- border-left: $accent-color 5px solid;
- padding-left: 60px;
- background-color: $event-selected-color;
-}
-
-.mx_EventTile:hover .mx_EventTile_line:not(.mx_EventTile_quote),
-.mx_EventTile.menu .mx_EventTile_line
-{
- background-color: $event-selected-color;
-}
-
-.mx_EventTile_searchHighlight {
- background-color: $accent-color;
- color: $accent-fg-color;
- border-radius: 5px;
- padding-left: 2px;
- padding-right: 2px;
- cursor: pointer;
-}
-
-.mx_EventTile_searchHighlight a {
- background-color: $accent-color;
- color: $accent-fg-color;
-}
-
-.mx_EventTile_encrypting {
- color: $event-encrypting-color ! important;
-}
-
-.mx_EventTile_sending {
- color: $event-sending-color;
-}
-
-.mx_EventTile_sending .mx_UserPill,
-.mx_EventTile_sending .mx_RoomPill,
-.mx_EventTile_sending .mx_emojione {
- opacity: 0.5;
-}
-
-.mx_EventTile_notSent {
- color: $event-notsent-color;
-}
-
-.mx_EventTile_redacted .mx_EventTile_line .mx_UnknownBody {
- display: block;
- width: 100%;
- height: 22px;
- width: 250px;
- border-radius: 11px;
- background: repeating-linear-gradient(
- -45deg,
- $event-redacted-fg-color,
- $event-redacted-fg-color 3px,
- transparent 3px,
- transparent 6px
- );
- box-shadow: 0px 0px 3px $event-redacted-border-color inset;
-}
-
-.mx_EventTile_highlight,
-.mx_EventTile_highlight .markdown-body
- {
- color: $warning-color;
-}
-
-.mx_EventTile_contextual {
- opacity: 0.4;
-}
-
-.mx_EventTile_msgOption {
- float: right;
- text-align: right;
- z-index: 1;
- position: relative;
- width: 90px;
-
- /* Hack to stop the height of this pushing the messages apart.
- Replaces margin-top: -6px. This interacts better with a read
- marker being in between. Content overflows. */
- height: 1px;
-
- margin-right: 10px;
-}
-
-.mx_EventTile_msgOption a {
- text-decoration: none;
-}
-
-.mx_EventTile_last .mx_MessageTimestamp,
-.mx_EventTile:hover .mx_MessageTimestamp,
-.mx_EventTile.menu .mx_MessageTimestamp
-{
- visibility: visible;
-}
-
-.mx_MessagePanel_alwaysShowTimestamps .mx_MessageTimestamp {
- visibility: visible;
-}
-
-.mx_EventTile_selected > div > a > .mx_MessageTimestamp {
- left: 3px;
- width: auto;
-}
-
-.mx_EventTile_editButton {
- position: absolute;
- display: inline-block;
- visibility: hidden;
- cursor: pointer;
- top: 6px;
- right: 6px;
- width: 19px;
- height: 19px;
- background-image: url($edit-button-url);
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.mx_EventTile:hover .mx_EventTile_editButton,
-.mx_EventTile.menu .mx_EventTile_editButton
-{
- visibility: visible;
-}
-
-.mx_EventTile.menu .mx_MessageTimestamp {
- visibility: visible;
-}
-
-.mx_EventTile_readAvatars {
- position: relative;
- display: inline-block;
- width: 14px;
- height: 14px;
- top: 29px;
-}
-
-.mx_EventTile_continuation .mx_EventTile_readAvatars,
-.mx_EventTile_info .mx_EventTile_readAvatars,
-.mx_EventTile_emote .mx_EventTile_readAvatars {
- top: 7px;
-}
-
-.mx_EventTile_readAvatars .mx_BaseAvatar {
- position: absolute;
- display: inline-block;
-}
-
-.mx_EventTile_readAvatarRemainder {
- color: $event-timestamp-color;
- font-size: 11px;
- position: absolute;
-}
-
-/* all the overflow-y: hidden; are to trap Zalgos -
- but they introduce an implicit overflow-x: auto.
- so make that explicitly hidden too to avoid random
- horizontal scrollbars occasionally appearing, like in
- https://github.com/vector-im/vector-web/issues/1154
- */
-.mx_EventTile_content {
- display: block;
- overflow-y: hidden;
- overflow-x: hidden;
- margin-right: 34px;
-}
-
-/* De-zalgoing */
-.mx_EventTile_body {
- overflow-y: hidden;
-}
-
-/* End to end encryption stuff */
-
-.mx_EventTile_e2eIcon {
- display: block;
- position: absolute;
- top: 9px;
- left: 46px;
- z-index: 2;
- cursor: pointer;
-}
-
-.mx_EventTile_keyRequestInfo {
- font-size: 12px;
-}
-
-.mx_EventTile_keyRequestInfo_text {
- opacity: 0.5;
-}
-
-.mx_EventTile_keyRequestInfo_text a {
- color: $primary-fg-color;
- text-decoration: underline;
- cursor: pointer;
-}
-
-.mx_EventTile_keyRequestInfo_tooltip_contents p {
- text-align: auto;
- margin-left: 3px;
- margin-right: 3px;
-}
-
-.mx_EventTile_keyRequestInfo_tooltip_contents p:first-child {
- margin-top: 0px;
-}
-
-.mx_EventTile_keyRequestInfo_tooltip_contents p:last-child {
- margin-bottom: 0px;
-}
-
-.mx_EventTile_12hr .mx_EventTile_e2eIcon {
- padding-left: 5px;
-}
-
-.mx_EventTile:hover.mx_EventTile_verified .mx_EventTile_line,
-.mx_EventTile:hover.mx_EventTile_unverified .mx_EventTile_line {
- padding-left: 60px;
-}
-
-.mx_EventTile_selected.mx_EventTile_info .mx_EventTile_line,
-.mx_EventTile:hover.mx_EventTile_verified.mx_EventTile_info .mx_EventTile_line,
-.mx_EventTile:hover.mx_EventTile_unverified.mx_EventTile_info .mx_EventTile_line {
- padding-left: 78px;
-}
-
-.mx_EventTile:hover.mx_EventTile_verified .mx_EventTile_line {
- border-left: $e2e-verified-color 5px solid;
-}
-.mx_EventTile:hover.mx_EventTile_unverified .mx_EventTile_line {
- border-left: $e2e-unverified-color 5px solid;
-}
-
-.mx_EventTile:hover.mx_EventTile_verified .mx_MessageTimestamp,
-.mx_EventTile:hover.mx_EventTile_unverified .mx_MessageTimestamp {
- left: 3px;
- width: auto;
-}
-
-/*
-.mx_EventTile_verified .mx_EventTile_e2eIcon {
- display: none;
-}
-*/
-
-.mx_EventTile:hover.mx_EventTile_verified .mx_EventTile_e2eIcon,
-.mx_EventTile:hover.mx_EventTile_unverified .mx_EventTile_e2eIcon {
- display: block;
- left: 41px;
-}
-
-/* Various markdown overrides */
-
-.mx_EventTile_content .markdown-body {
- font-family: inherit ! important;
- white-space: normal ! important;
- line-height: inherit ! important;
- color: inherit; // inherit the colour from the dark or light theme by default (but not for code blocks)
- font-size: 14px;
-}
-
-/* have to use overlay rather than auto otherwise Linux and Windows
- Chrome gets very confused about vertical spacing:
- https://github.com/vector-im/vector-web/issues/754
-*/
-.mx_EventTile_content .markdown-body pre {
- overflow-x: overlay;
- overflow-y: visible;
-}
-
-.mx_EventTile_content .markdown-body code {
- // deliberate constants as we're behind an invert filter
- background-color: #f8f8f8;
- color: #333;
-}
-
-.mx_EventTile_copyButton {
- position: absolute;
- display: inline-block;
- visibility: hidden;
- cursor: pointer;
- top: 6px;
- right: 6px;
- width: 19px;
- height: 19px;
- background-image: url($copy-button-url);
-}
-
-.mx_EventTile_body pre {
- position: relative;
- border: 1px solid transparent;
-}
-
-.mx_EventTile:hover .mx_EventTile_body pre
-{
- border: 1px solid #e5e5e5; // deliberate constant as we're behind an invert filter
-}
-
-.mx_EventTile_body pre:hover .mx_EventTile_copyButton
-{
- visibility: visible;
-}
-
-.mx_EventTile_content .markdown-body h1,
-.mx_EventTile_content .markdown-body h2,
-.mx_EventTile_content .markdown-body h3,
-.mx_EventTile_content .markdown-body h4,
-.mx_EventTile_content .markdown-body h5,
-.mx_EventTile_content .markdown-body h6
-{
- font-family: inherit ! important;
- color: inherit;
-}
-
-
-/* Make h1 and h2 the same size as h3. */
-.mx_EventTile_content .markdown-body h1,
-.mx_EventTile_content .markdown-body h2
-{
- font-size: 1.5em;
-}
-
-.mx_EventTile_content .markdown-body a {
- color: $accent-color;
-}
-
-.mx_EventTile_content .markdown-body .hljs {
- display: inline ! important;
-}
-
-/* end of overrides */
-
-.mx_MatrixChat_useCompactLayout {
- .mx_EventTile {
- padding-top: 4px;
- }
-
- .mx_EventTile.mx_EventTile_info {
- // same as the padding for non-compact .mx_EventTile.mx_EventTile_info
- padding-top: 0px;
- font-size: 13px;
- .mx_EventTile_line {
- line-height: 20px;
- }
- .mx_EventTile_avatar {
- top: 4px;
- }
- }
-
- .mx_EventTile .mx_SenderProfile {
- font-size: 13px;
- }
-
- .mx_EventTile.mx_EventTile_emote {
- // add a bit more space for emotes so that avatars don't collide
- padding-top: 8px;
- .mx_EventTile_avatar {
- top: 2px;
- }
- .mx_EventTile_line {
- padding-top: 0px;
- padding-bottom: 1px;
- }
- }
-
- .mx_EventTile.mx_EventTile_emote.mx_EventTile_continuation {
- padding-top: 0;
- .mx_EventTile_line {
- padding-top: 0px;
- padding-bottom: 0px;
- }
- }
-
- .mx_EventTile_line {
- padding-top: 0px;
- padding-bottom: 0px;
- }
-
- .mx_EventTile_avatar {
- top: 2px;
- }
-
- .mx_EventTile_e2eIcon {
- top: 7px;
- }
-
- .mx_EventTile_editButton {
- top: 3px;
- }
-
- .mx_EventTile_readAvatars {
- top: 27px;
- }
-
- .mx_EventTile_continuation .mx_EventTile_readAvatars,
- .mx_EventTile_emote .mx_EventTile_readAvatars {
- top: 5px;
- }
-
- .mx_EventTile_info .mx_EventTile_readAvatars {
- top: 4px;
- }
-
- .mx_RoomView_MessageList h2 {
- margin-top: 6px;
- }
-
- .mx_EventTile_content .markdown-body {
- p, ul, ol, dl, blockquote, pre, table {
- margin-bottom: 4px; // 1/4 of the non-compact margin-bottom
- }
- }
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_LinkPreviewWidget.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_LinkPreviewWidget.scss
deleted file mode 100644
index 4495b142e6..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_LinkPreviewWidget.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_LinkPreviewWidget {
- margin-top: 15px;
- margin-right: 15px;
- margin-bottom: 15px;
- display: flex;
- border-left: 4px solid $preview-widget-bar-color;
- color: $preview-widget-fg-color;
-}
-
-.mx_LinkPreviewWidget_image {
- flex: 0 0 100px;
- margin-left: 15px;
- text-align: center;
- cursor: pointer;
-}
-
-.mx_LinkPreviewWidget_caption {
- margin-left: 15px;
- flex: 1 1 auto;
-}
-
-.mx_LinkPreviewWidget_title {
- display: inline;
- font-weight: bold;
- white-space: normal;
-}
-
-.mx_LinkPreviewWidget_siteName {
- display: inline;
-}
-
-.mx_LinkPreviewWidget_description {
- margin-top: 8px;
- white-space: normal;
- word-wrap: break-word;
-}
-
-.mx_LinkPreviewWidget_cancel {
- visibility: hidden;
- cursor: pointer;
- flex: 0 0 40px;
-}
-
-.mx_LinkPreviewWidget:hover .mx_LinkPreviewWidget_cancel {
- visibility: visible;
-}
-
-.mx_MatrixChat_useCompactLayout {
- .mx_LinkPreviewWidget {
- margin-top: 6px;
- margin-bottom: 6px;
- }
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberDeviceInfo.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberDeviceInfo.scss
deleted file mode 100644
index 5888820e0d..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberDeviceInfo.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MemberDeviceInfo {
- padding: 10px 0px;
-}
-
-.mx_MemberDeviceInfo.mx_DeviceVerifyButtons {
- padding: 6px 0;
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
-}
-
-.mx_MemberDeviceInfo_textButton {
- @mixin mx_DialogButton_small;
- margin: 2px;
- flex: 1;
-}
-
-.mx_MemberDeviceInfo_textButton:hover {
- @mixin mx_DialogButton_hover;
-}
-
-.mx_MemberDeviceInfo_deviceId {
- font-size: 13px;
-}
-
-.mx_MemberDeviceInfo_deviceInfo {
- margin-bottom: 10px;
- padding-bottom: 10px;
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-/* "Unblacklist" is too long for a regular button: make it wider and
- reduce the padding. */
-.mx_EncryptedEventDialog .mx_MemberDeviceInfo_blacklist,
-.mx_EncryptedEventDialog .mx_MemberDeviceInfo_unblacklist {
- width: 8em;
- padding-left: 1em;
- padding-right: 1em;
-}
-
-.mx_MemberDeviceInfo div.mx_MemberDeviceInfo_verified,
-.mx_MemberDeviceInfo div.mx_MemberDeviceInfo_unverified,
-.mx_MemberDeviceInfo div.mx_MemberDeviceInfo_blacklisted {
- float: right;
- padding-left: 1em;
-}
-
-.mx_MemberDeviceInfo div.mx_MemberDeviceInfo_verified {
- color: $e2e-verified-color;
-}
-
-.mx_MemberDeviceInfo div.mx_MemberDeviceInfo_unverified {
- color: $e2e-unverified-color;
-}
-
-.mx_MemberDeviceInfo div.mx_MemberDeviceInfo_blacklisted {
- color: $e2e-warning-color;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberInfo.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberInfo.scss
deleted file mode 100644
index 5d47275efe..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberInfo.scss
+++ /dev/null
@@ -1,112 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MemberInfo {
- margin-top: 20px;
- padding-right: 20px;
- height: 100%;
- overflow-y: auto;
-}
-
-.mx_MemberInfo h2 {
- margin-top: 6px;
-}
-
-.mx_MemberInfo .mx_RoomTile_nameContainer {
- width: 154px;
-}
-
-.mx_MemberInfo .mx_RoomTile_badge {
- display: none;
-}
-
-.mx_MemberInfo .mx_RoomTile_name {
- width: 160px;
-}
-
-.mx_MemberInfo_cancel {
- float: right;
- margin-right: 10px;
- cursor: pointer;
-}
-
-.mx_MemberInfo_avatar {
- clear: both;
-}
-
-.mx_MemberInfo_avatar .mx_BaseAvatar {
-}
-
-.mx_MemberInfo_avatar .mx_BaseAvatar.mx_BaseAvatar_image {
- cursor: zoom-in;
-}
-
-.mx_MemberInfo_profile {
- margin-bottom: 16px;
-}
-
-.mx_MemberInfo h3 {
- text-transform: uppercase;
- color: $h3-color;
- font-weight: 600;
- font-size: 13px;
- margin-top: 16px;
- margin-bottom: 14px;
-}
-
-.mx_MemberInfo_profileField {
- font-size: 13px;
- position: relative;
- background-color: $primary-bg-color;
-}
-
-.mx_MemberInfo_buttons {
- margin-bottom: 16px;
-}
-
-.mx_MemberInfo_field {
- cursor: pointer;
- font-size: 13px;
- color: $accent-color;
- margin-left: 8px;
- line-height: 23px;
-}
-
-.mx_MemberInfo_createRoom {
- cursor: pointer;
-}
-
-.mx_MemberInfo_createRoom_label {
- width: initial ! important;
- cursor: pointer;
-}
-
-.mx_MemberInfo label {
- font-size: 13px;
-}
-
-.mx_MemberInfo label .mx_MemberInfo_label_text {
- display: inline-block;
- max-width: 180px;
- vertical-align: text-top;
-}
-
-.mx_MemberInfo input[type="radio"] {
- vertical-align: -2px;
- margin-right: 5px;
- margin-left: 8px;
-}
-
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberList.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberList.scss
deleted file mode 100644
index 83fc70aefb..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_MemberList.scss
+++ /dev/null
@@ -1,116 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MemberList,
-.mx_GroupMemberList,
-.mx_GroupRoomList {
- height: 100%;
-
- margin-top: 12px;
- margin-right: 20px;
-
- flex: 1;
-
- display: flex;
-
- flex-direction: column;
-}
-
-.mx_MemberList .mx_Spinner {
- flex: 0 0 auto;
-}
-
-.mx_MemberList_chevron {
- position: absolute;
- right: 35px;
- margin-top: -15px;
-}
-
-.mx_MemberList_border {
- overflow-y: auto;
-
- order: 1;
- flex: 1 1 0px;
-}
-
-.mx_MemberList_query,
-.mx_GroupMemberList_query,
-.mx_GroupRoomList_query {
- font-family: $font-family;
- border-radius: 3px;
- border: 1px solid $input-border-color;
- padding: 9px;
- color: $primary-fg-color;
- background-color: $primary-bg-color;
- margin-left: 3px;
- font-size: 14px;
- margin-bottom: 8px;
- width: 189px;
-}
-
-.mx_MemberList_query::-moz-placeholder,
-.mx_GroupMemberList_query::-moz-placeholder,
-.mx_GroupRoomList_query::-moz-placeholder {
- color: $primary-fg-color;
- opacity: 0.5;
- font-size: 14px;
-}
-
-.mx_MemberList_query::-webkit-input-placeholder,
-.mx_GroupMemberList_query::-webkit-input-placeholder,
-.mx_GroupRoomList_query::-webkit-input-placeholder {
- color: $primary-fg-color;
- opacity: 0.5;
- font-size: 14px;
-}
-
-.mx_MemberList_joined {
- order: 2;
- flex: 1 0 0;
-
- overflow-y: auto;
-}
-
-/*
-.mx_MemberList_invited {
- order: 3;
- flex: 0 0 100px;
- overflow-y: auto;
-}
-*/
-
-.mx_GroupMemberList_invited h2,
-.mx_MemberList_invited h2 {
- text-transform: uppercase;
- color: $h3-color;
- font-weight: 600;
- font-size: 13px;
- padding-left: 3px;
- padding-right: 12px;
- margin-top: 8px;
- margin-bottom: 4px;
-}
-
-/* we have to have display: table in order for the horizontal wrapping to work */
-.mx_MemberList_wrapper {
- display: table;
- table-layout: fixed;
- width: 100%;
-}
-
-.mx_MemberList_outerWrapper {
- height: 0px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_MessageComposer.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_MessageComposer.scss
deleted file mode 100644
index 2e8f07b7ef..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_MessageComposer.scss
+++ /dev/null
@@ -1,246 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MessageComposer_wrapper {
- max-width: 960px;
- vertical-align: middle;
- margin: auto;
- border-top: 1px solid $primary-hairline-color;
- position: relative;
-}
-
-.mx_MessageComposer_autocomplete_wrapper {
- position: relative;
- height: 0;
-}
-
-.mx_MessageComposer_row {
- display: flex;
- flex-direction: row;
- align-items: center;
- width: 100%;
-}
-
-.mx_MessageComposer_row div:last-child{
- padding-right: 0;
-}
-
-.mx_MessageComposer .mx_MessageComposer_avatar {
- padding-left: 10px;
- padding-right: 28px;
-}
-
-.mx_MessageComposer .mx_MessageComposer_avatar .mx_BaseAvatar {
- display: block;
-}
-
-.mx_MessageComposer_composecontrols {
- width: 100%;
-}
-
-.mx_MessageComposer_e2eIcon {
- position: absolute;
- left: 44px;
-}
-
-.mx_MessageComposer_noperm_error {
- width: 100%;
- height: 60px;
- font-style: italic;
- color: $greyed-fg-color;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.mx_MessageComposer_input_wrapper {
- flex: 1;
- display: flex;
- flex-direction: column;
-}
-
-.mx_MessageComposer_input {
- flex: 1;
- vertical-align: middle;
- display: flex;
- flex-direction: column;
- min-height: 60px;
- justify-content: center;
- align-items: flex-start;
- font-size: 14px;
- margin-right: 6px;
-}
-
-@keyframes visualbell
-{
- from { background-color: #faa }
- to { background-color: $primary-bg-color }
-}
-
-.mx_MessageComposer_input_error {
- animation: 0.2s visualbell;
-}
-
-.mx_MessageComposer_input_empty .public-DraftEditorPlaceholder-root {
- display: none;
-}
-
-.mx_MessageComposer_input .DraftEditor-root {
- width: 100%;
- flex: 1;
- word-break: break-word;
- max-height: 120px;
- min-height: 21px;
- overflow: auto;
-}
-
-.mx_MessageComposer_input .DraftEditor-root .DraftEditor-editorContainer {
- /* Ensure mx_UserPill and mx_RoomPill (see _RichText) are not obscured from the top */
- padding-top: 2px;
-}
-
-.mx_MessageComposer .public-DraftStyleDefault-block {
- overflow-x: hidden;
-}
-
-.mx_MessageComposer_input blockquote {
- color: $blockquote-fg-color;
- margin: 0 0 16px;
- padding: 0 15px;
- border-left: 4px solid $blockquote-bar-color;
-}
-
-.mx_MessageComposer_input pre.public-DraftStyleDefault-pre pre {
- background-color: $rte-code-bg-color;
- border-radius: 3px;
- padding: 10px;
-}
-
-.mx_MessageComposer_input textarea {
- display: block;
- width: 100%;
- padding: 0px;
- margin-top: 6px;
- margin-bottom: 6px;
- border: 0px;
- resize: none;
- outline: none;
- box-shadow: none;
- color: $primary-fg-color;
- background-color: $primary-bg-color;
- font-size: 14px;
- max-height: 120px;
- overflow: auto;
- /* needed for FF */
- font-family: $font-family;
-}
-
-/* hack for FF as vertical alignment of custom placeholder text is broken */
-.mx_MessageComposer_input textarea::-moz-placeholder {
- line-height: 100%;
- color: $accent-color;
- opacity: 1.0;
-}
-.mx_MessageComposer_input textarea::-webkit-input-placeholder {
- color: $accent-color;
-}
-
-.mx_MessageComposer_upload,
-.mx_MessageComposer_hangup,
-.mx_MessageComposer_voicecall,
-.mx_MessageComposer_videocall,
-.mx_MessageComposer_apps,
-.mx_MessageComposer_stickers {
- /*display: table-cell;*/
- /*vertical-align: middle;*/
- /*padding-left: 10px;*/
- padding-right: 5px;
- cursor: pointer;
- padding-top: 4px;
-}
-
-.mx_MessageComposer_upload object,
-.mx_MessageComposer_hangup object,
-.mx_MessageComposer_voicecall object,
-.mx_MessageComposer_videocall object,
-.mx_MessageComposer_apps object,
-.mx_MessageComposer_stickers object {
- pointer-events: none;
-}
-
-.mx_MessageComposer_formatting {
- cursor: pointer;
- margin: 0 11px;
- width: 24px;
- height: 18px;
-}
-
-.mx_MessageComposer_formatbar_wrapper {
- width: 100%;
- background-color: $menu-bg-color;
- box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.08);
-}
-
-.mx_MessageComposer_formatbar {
- margin: auto;
- max-width: 960px;
- display: flex;
-
- height: 30px;
-
- box-sizing: border-box;
- padding-left: 62px;
-
- flex-direction: row;
- align-items: center;
- font-size: 10px;
- color: $greyed-fg-color;
-}
-
-.mx_MessageComposer_formatbar * {
- margin-right: 4px;
-}
-
-.mx_MessageComposer_format_button,
-.mx_MessageComposer_formatbar_cancel,
-.mx_MessageComposer_formatbar_markdown {
- cursor: pointer;
-}
-
-.mx_MessageComposer_formatbar_cancel {
- margin-right: 22px;
-}
-
-.mx_MessageComposer_formatbar_markdown {
- margin-right: 64px;
-}
-
-.mx_MessageComposer_input_markdownIndicator {
- cursor: pointer;
- height: 10px;
- padding: 4px 4px 4px 0;
- opacity: 0.8;
-}
-
-.mx_MatrixChat_useCompactLayout {
- .mx_MessageComposer_input {
- min-height: 50px;
- }
-
- .mx_MessageComposer_noperm_error {
- height: 50px;
- }
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_PinnedEventTile.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_PinnedEventTile.scss
deleted file mode 100644
index ca790ef8f0..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_PinnedEventTile.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
-Copyright 2017 Travis Ralston
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_PinnedEventTile {
- min-height: 40px;
- margin-bottom: 5px;
- width: 100%;
- border-radius: 5px; // for the hover
-}
-
-.mx_PinnedEventTile:hover {
- background-color: $event-selected-color;
-}
-
-.mx_PinnedEventTile .mx_PinnedEventTile_sender {
- color: #868686;
- font-size: 0.8em;
- vertical-align: top;
- display: block;
- padding-bottom: 3px;
-}
-
-.mx_PinnedEventTile .mx_EventTile_content {
- margin-left: 50px;
- position: relative;
- top: 0;
- left: 0;
-}
-
-.mx_PinnedEventTile .mx_BaseAvatar {
- float: left;
- margin-right: 10px;
-}
-
-.mx_PinnedEventTile:hover .mx_PinnedEventTile_actions {
- display: block;
-}
-
-.mx_PinnedEventTile_actions {
- float: right;
- margin-right: 10px;
- display: none;
-}
-
-.mx_PinnedEventTile_unpinButton {
- display: inline-block;
- cursor: pointer;
- margin-left: 10px;
-}
-
-.mx_PinnedEventTile_gotoButton {
- display: inline-block;
- font-size: 0.8em;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_PinnedEventsPanel.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_PinnedEventsPanel.scss
deleted file mode 100644
index 663d5bdf6e..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_PinnedEventsPanel.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-/*
-Copyright 2017 Travis Ralston
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_PinnedEventsPanel {
- border-top: 1px solid $primary-hairline-color;
-}
-
-.mx_PinnedEventsPanel_body {
- max-height: 300px;
- overflow-y: auto;
- padding-bottom: 15px;
-}
-
-.mx_PinnedEventsPanel_header {
- margin: 0;
- padding-top: 8px;
- padding-bottom: 15px;
-}
-
-.mx_PinnedEventsPanel_cancel {
- margin: 12px;
- float: right;
- display: inline-block;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_PresenceLabel.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_PresenceLabel.scss
deleted file mode 100644
index 682c849cee..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_PresenceLabel.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_PresenceLabel {
- font-size: 11px;
- opacity: 0.5;
-}
\ No newline at end of file
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_QuotePreview.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_QuotePreview.scss
deleted file mode 100644
index 86fd79d473..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_QuotePreview.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-.mx_QuotePreview {
- position: absolute;
- bottom: 0;
- z-index: 1000;
- width: 100%;
- border: 1px solid $primary-hairline-color;
- background: $primary-bg-color;
- border-bottom: none;
- border-radius: 4px 4px 0 0;
- max-height: 50vh;
- overflow: auto
-}
-
-.mx_QuotePreview_section {
- border-bottom: 1px solid $primary-hairline-color;
-}
-
-.mx_QuotePreview_header {
- margin: 12px;
- color: $primary-fg-color;
- font-weight: 400;
- opacity: 0.4;
-}
-
-.mx_QuotePreview_title {
- float: left;
-}
-
-.mx_QuotePreview_cancel {
- float: right;
- cursor: pointer;
-}
-
-.mx_QuotePreview_clear {
- clear: both;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomHeader.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomHeader.scss
deleted file mode 100644
index 9c1349adbc..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomHeader.scss
+++ /dev/null
@@ -1,245 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-/* add 20px to the height of the header when editing */
-.mx_RoomHeader_editing {
- flex: 0 0 93px ! important;
-}
-
-.mx_RoomHeader_wrapper {
- max-width: 960px;
- margin: auto;
- height: 70px;
- align-items: center;
- display: flex;
-}
-
-.mx_RoomHeader_leftRow {
- margin-left: -2px;
- order: 1;
- flex: 1;
- overflow: hidden;
-}
-
-.mx_RoomHeader_spinner {
- height: 36px;
- order: 2;
- padding-left: 12px;
- padding-right: 12px;
-}
-
-.mx_RoomHeader_textButton {
- @mixin mx_DialogButton;
- margin-right: 8px;
- margin-top: -5px;
- order: 2;
-}
-
-.mx_RoomHeader_textButton:hover {
- @mixin mx_DialogButton_hover;
-}
-
-.mx_RoomHeader_textButton_danger {
- background-color: $warning-color;
-}
-
-.mx_RoomHeader_cancelButton {
- order: 2;
- cursor: pointer;
- padding-left: 12px;
- padding-right: 12px;
-}
-
-.mx_RoomHeader_rightRow {
- margin-top: 4px;
- background-color: $primary-bg-color;
- display: flex;
- align-items: center;
- order: 3;
-}
-
-.mx_RoomHeader_info {
- display: table-cell;
- width: 100%;
- vertical-align: middle;
-}
-
-.mx_RoomHeader_simpleHeader {
- line-height: 70px;
- color: $primary-fg-color;
- font-size: 22px;
- font-weight: bold;
- overflow: hidden;
- margin-left: 63px;
- text-overflow: ellipsis;
- width: 100%;
-}
-
-.mx_RoomHeader_simpleHeader .mx_RoomHeader_cancelButton {
- float: right;
-}
-
-.mx_RoomHeader_simpleHeader .mx_RoomHeader_icon {
- margin-left: 14px;
- margin-right: 24px;
- vertical-align: -4px;
-}
-
-.mx_RoomHeader_name {
- vertical-align: middle;
- width: 100%;
- height: 31px;
- overflow: hidden;
- color: $primary-fg-color;
- font-weight: bold;
- font-size: 22px;
- padding-left: 19px;
- padding-right: 16px;
- /* why isn't text-overflow working? */
- text-overflow: ellipsis;
- border-bottom: 1px solid transparent;
-}
-
-.mx_RoomHeader_nametext {
- display: inline-block;
-}
-
-.mx_RoomHeader_settingsHint {
- color: $settings-grey-fg-color ! important;
-}
-
-.mx_RoomHeader_searchStatus {
- display: inline-block;
- font-weight: normal;
- opacity: 0.6;
-}
-
-.mx_RoomHeader_settingsButton object {
- pointer-events: none;
-}
-
-.mx_RoomHeader_name,
-.mx_RoomHeader_avatar,
-.mx_RoomHeader_avatarPicker,
-.mx_RoomHeader_avatarPicker_edit,
-.mx_RoomHeader_avatarPicker_remove {
- cursor: pointer;
-}
-
-.mx_RoomHeader_avatarPicker_remove {
- position: absolute;
- top: -11px;
- right: -9px;
-}
-
-.mx_RoomHeader_name:hover div:not(.mx_RoomHeader_editable) {
- color: $accent-color;
-}
-
-.mx_RoomHeader_placeholder {
- color: $settings-grey-fg-color ! important;
-}
-
-.mx_RoomHeader_editable {
- border-bottom: 1px solid $strong-input-border-color ! important;
- min-width: 150px;
- cursor: text;
-}
-
-.mx_RoomHeader_editable:focus {
- border-bottom: 1px solid $accent-color ! important;
- outline: none;
- box-shadow: none;
-}
-
-.mx_RoomHeader_topic {
- vertical-align: bottom;
- float: left;
- max-height: 38px;
- color: $settings-grey-fg-color;
- font-weight: 300;
- font-size: 13px;
- margin-left: 19px;
- margin-right: 16px;
- overflow: hidden;
- text-overflow: ellipsis;
- border-bottom: 1px solid transparent;
- column-width: 960px;
-}
-
-.mx_RoomHeader_avatar {
- display: table-cell;
- width: 48px;
- height: 50px;
- vertical-align: middle;
-}
-
-.mx_RoomHeader_avatar .mx_BaseAvatar_image {
- object-fit: cover;
-}
-
-.mx_RoomHeader_avatarPicker {
- margin-top: 23px;
- position: relative;
-}
-
-.mx_RoomHeader_avatarPicker_edit {
- margin-left: 16px;
- margin-top: 4px;
-}
-
-.mx_RoomHeader_avatarPicker_edit > label {
- cursor: pointer;
-}
-
-.mx_RoomHeader_avatarPicker_edit > input {
- display: none;
-}
-
-.mx_RoomHeader_button {
- margin-left: 12px;
- cursor: pointer;
-}
-
-.mx_RoomHeader_button object {
- pointer-events: none;
-}
-
-.mx_RoomHeader_voipButton {
- display: table-cell;
-}
-
-.mx_RoomHeader_voipButtons {
- margin-top: 18px;
-}
-
-.mx_RoomHeader_pinnedButton {
- position: relative;
-}
-
-.mx_RoomHeader_pinsIndicator {
- position: absolute;
- right: 0;
- bottom: 4px;
- width: 8px;
- height: 8px;
- border-radius: 8px;
- background-color: $pinned-color;
-}
-
-.mx_RoomHeader_pinsIndicatorUnread {
- background-color: $pinned-unread-color;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomList.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomList.scss
deleted file mode 100644
index 581016d5ba..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomList.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2107 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RoomList {
- padding-bottom: 12px;
- min-height: 400px;
-}
-
-.mx_RoomList_expandButton {
- margin-left: 8px;
- cursor: pointer;
- padding-left: 12px;
- padding-right: 12px;
-}
-
-/* Evil hacky override until Chrome fixes drop and drag table cells
- and we can correctly fix horizontal wrapping in the sidebar again */
-.mx_RoomList_scrollbar .gm-scroll-view {
- overflow-x: hidden ! important;
- overflow-y: scroll ! important;
-}
-
-/* Make sure the scrollbar is above the sticky headers from RoomList */
-.mx_RoomList_scrollbar .gm-scrollbar.-vertical {
- z-index: 6;
-}
-
-.mx_RoomList_emptySubListTip_container {
- background-color: $secondary-accent-color;
- padding-left: 18px;
- padding-right: 18px;
- padding-top: 8px;
- padding-bottom: 7px;
-}
-
-.mx_RoomList_emptySubListTip {
- font-size: 13px;
- padding: 5px;
- border: 1px dashed $accent-color;
- color: $primary-fg-color;
- background-color: $droptarget-bg-color;
- border-radius: 4px;
- line-height: 16px;
-}
-
-.mx_RoomList_emptySubListTip .mx_RoleButton {
- vertical-align: -2px;
-}
-
-.mx_RoomList_headerButtons {
- position: absolute;
- right: 60px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomPreviewBar.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomPreviewBar.scss
deleted file mode 100644
index 331eb582ea..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomPreviewBar.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RoomPreviewBar {
- text-align: center;
- height: 176px;
- background-color: $event-selected-color;
- align-items: center;
- flex-direction: column;
- justify-content: center;
- display: flex;
- background-color: $preview-bar-bg-color;
- -webkit-align-items: center;
-}
-
-.mx_RoomPreviewBar_wrapper {
-}
-
-.mx_RoomPreviewBar_invite_text {
- color: $primary-fg-color;
-}
-
-.mx_RoomPreviewBar_join_text {
- color: $warning-color;
-}
-
-.mx_RoomPreviewBar_preview_text {
- margin-top: 25px;
- color: $settings-grey-fg-color;
-}
-
-.mx_RoomPreviewBar_join_text a {
- text-decoration: underline;
- cursor: pointer;
-}
-
-.mx_RoomPreviewBar_warning {
- display: flex;
- align-items: center;
- padding: 8px;
-}
-
-.mx_RoomPreviewBar_warningIcon {
- padding: 12px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomSettings.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomSettings.scss
deleted file mode 100644
index 4013af4c7c..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomSettings.scss
+++ /dev/null
@@ -1,247 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RoomSettings {
- margin-left: 65px;
- margin-bottom: 20px;
-}
-
-.mx_RoomSettings_leaveButton,
-.mx_RoomSettings_unbanButton {
- @mixin mx_DialogButton;
- position: relative;
- margin-right: 8px;
-}
-
-.mx_RoomSettings_leaveButton:hover,
-.mx_RoomSettings_unbanButton:hover {
- @mixin mx_DialogButton_hover;
-}
-
-.mx_RoomSettings_integrationsButton_error {
- position: relative;
- cursor: not-allowed;
-}
-.mx_RoomSettings_integrationsButton_error img {
- position: absolute;
- right: -5px;
- top: -5px;
-}
-.mx_RoomSettings_leaveButton,
-.mx_RoomSettings_integrationsButton_error {
- float: right;
-}
-.mx_RoomSettings_integrationsButton_error .mx_RoomSettings_integrationsButton_errorPopup {
- display: none;
-}
-.mx_RoomSettings_integrationsButton_error:hover .mx_RoomSettings_integrationsButton_errorPopup {
- display: inline;
-}
-.mx_RoomSettings_integrationsButton_errorPopup {
- position: absolute;
- top: 110%;
- left: -125%;
- width: 348%;
- padding: 2%;
- font-size: 10pt;
- line-height: 1.5em;
- border-radius: 5px;
- background-color: $accent-color;
- color: $accent-fg-color;
- text-align: center;
-}
-.mx_RoomSettings_unbanButton {
- display: inline;
-}
-
-.mx_RoomSettings_e2eIcon {
- padding-left: 4px;
- padding-right: 7px;
-}
-
-.mx_RoomSettings_leaveButton {
- margin-right: 32px;
-}
-
-.mx_RoomSettings_powerLevels {
- display: table;
-}
-
-.mx_RoomSettings_powerLevel {
- display: table-row;
-}
-
-.mx_RoomSettings_powerLevelKey,
-.mx_RoomSettings_powerLevel .mx_PowerSelector {
- display: table-cell;
- padding-bottom: 5px;
-}
-
-.mx_RoomSettings_powerLevelKey {
- text-align: right;
- padding-right: 0.3em;
-}
-
-.mx_RoomSettings h3 {
- text-transform: uppercase;
- color: $h3-color;
- font-weight: 600;
- font-size: 13px;
- margin-top: 36px;
- margin-bottom: 10px;
-}
-
-.mx_RoomSettings .mx_RoomSettings_toggles label {
- margin-bottom: 8px;
- display: block;
-}
-
-.mx_RoomSettings .mx_RoomSettings_toggles input[type="checkbox"],
-.mx_RoomSettings .mx_RoomSettings_toggles input[type="radio"] {
- margin-right: 7px;
-}
-
-.mx_RoomSettings .mx_RoomSettings_tags input[type="checkbox"] {
- margin-left: 1em;
- margin-right: 7px;
-}
-
-.mx_RoomSettings .mx_RoomSettings_tags {
- margin-bottom: 8px;
-}
-
-.mx_RoomSettings .mx_RoomSettings_roomColor {
- display: inline-block;
- position: relative;
- width: 37px;
- height: 37px;
- border: 1px solid #979797;
- margin-right: 13px;
- cursor: pointer;
-}
-
-.mx_RoomSettings .mx_RoomSettings_roomColor_selected {
- position: absolute;
- left: 10px;
- top: 4px;
- cursor: default ! important;
-}
-
-.mx_RoomSettings .mx_RoomSettings_roomColorPrimary {
- height: 10px;
- position: absolute;
- bottom: 0px;
- width: 100%;
-}
-
-.mx_RoomSettings .mx_RoomSettings_aliasLabel {
- margin-bottom: 8px;
-}
-
-.mx_RoomSettings .mx_RoomSettings_aliasesTable {
- margin-top: 12px;
- margin-bottom: 0px;
- margin-left: 56px;
- display: table;
-}
-
-.mx_RoomSettings .mx_RoomSettings_aliasesTableRow {
- display: table-row;
- margin-bottom: 16px;
-}
-
-.mx_RoomSettings .mx_RoomSettings_alias {
- max-width: 400px;
- margin-bottom: 16px;
- /*
- commented out so margin applies
- display: table-cell; */
-}
-
-.mx_RoomSettings .mx_RoomSettings_addAlias,
-.mx_RoomSettings .mx_RoomSettings_deleteAlias {
- display: table-cell;
- padding-left: 0.5em;
- position: relative;
- cursor: pointer;
-}
-
-.mx_RoomSettings .mx_RoomSettings_addAlias img,
-.mx_RoomSettings .mx_RoomSettings_deleteAlias img {
- visibility: hidden;
-}
-
-.mx_RoomSettings .mx_RoomSettings_aliasesTableRow:hover .mx_RoomSettings_addAlias img,
-.mx_RoomSettings .mx_RoomSettings_aliasesTableRow:hover .mx_RoomSettings_deleteAlias img {
- visibility: visible;
-}
-
-.mx_RoomSettings_warning {
- color: $warning-color;
- font-weight: bold;
- margin-top: 8px;
- margin-bottom: 8px;
-}
-
-.mx_RoomSettings_editable {
- border: 0px;
- border-bottom: 1px solid $strong-input-border-color;
- padding: 0px;
- min-width: 240px;
-}
-
-.mx_RoomSettings_editable:focus {
- border-bottom: 1px solid $accent-color;
- outline: none;
- box-shadow: none;
-}
-
-.mx_RoomSettings_deleteAlias,
-.mx_RoomSettings_addAlias {
- display: table-cell;
- visibility: visible;
-}
-
-.mx_RoomSettings_deleteAlias:hover,
-.mx_RoomSettings_addAlias:hover {
- visibility: visible;
-}
-
-.mx_RoomSettings_aliasPlaceholder {
- color: $settings-grey-fg-color;
-}
-
-.mx_RoomSettings_buttons {
- text-align: right;
- margin-bottom: 16px;
-}
-
-.mx_RoomSettings_button {
- display: inline;
- border: 0px;
- height: 36px;
- border-radius: 36px;
- font-weight: 400;
- font-size: 15px;
- color: $accent-fg-color;
- background-color: $accent-color;
- width: auto;
- margin: auto;
- padding: 6px;
- padding-left: 1em;
- padding-right: 1em;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss
deleted file mode 100644
index ccd3afe26c..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss
+++ /dev/null
@@ -1,190 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RoomTile {
- position: relative;
- cursor: pointer;
- font-size: 13px;
- display: block;
- height: 34px;
-
- background-color: $secondary-accent-color;
-}
-
-.mx_RoomTile_tooltip {
- display: inline-block;
- position: relative;
- top: -54px;
- left: -12px;
-}
-
-
-.mx_RoomTile_nameContainer {
- display: inline-block;
- width: 180px;
- height: 24px;
-}
-
-.mx_RoomTile_avatar_container {
- position: relative;
-}
-
-.mx_RoomTile_avatar {
- display: inline-block;
- padding-top: 5px;
- padding-bottom: 5px;
- padding-left: 16px;
- padding-right: 6px;
- width: 24px;
- height: 24px;
- vertical-align: middle;
-}
-
-.mx_RoomTile_dm {
- display: block;
- position: absolute;
- bottom: 0;
- right: -5px;
- z-index: 2;
-}
-
-.mx_RoomTile_name {
- display: inline-block;
- position: relative;
- width: 165px;
- vertical-align: middle;
- padding-left: 6px;
- padding-right: 6px;
- padding-top: 2px;
- padding-bottom: 3px;
- color: $roomtile-name-color;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-.mx_RoomTile_invite {
-/* color: rgba(69, 69, 69, 0.5); */
-}
-
-.collapsed .mx_RoomTile_nameContainer {
- width: 60px; /* colapsed panel width */
-}
-
-.collapsed .mx_RoomTile_name {
- display: none;
-}
-
-.collapsed .mx_RoomTile_badge {
- top: 0px;
- min-width: 12px;
- border-radius: 16px;
- padding: 0px 4px 0px 4px;
- z-index: 3;
-}
-
-/* Hide the bottom of speech bubble */
-.collapsed .mx_RoomTile_highlight .mx_RoomTile_badge:after {
- display: none;
-}
-
-/* This is the bottom of the speech bubble */
-.mx_RoomTile_highlight .mx_RoomTile_badge:after {
- content: "";
- position: absolute;
- display: block;
- width: 0;
- height: 0;
- margin-left: 5px;
- border-top: 5px solid $warning-color;
- border-right: 7px solid transparent;
-}
-
-.mx_RoomTile_badge {
- display: inline-block;
- min-width: 15px;
- height: 15px;
- position: absolute;
- right: 8px; /*gutter */
- top: 9px;
- border-radius: 8px;
- color: $accent-fg-color;
- font-weight: 600;
- font-size: 10px;
- text-align: center;
- padding-top: 1px;
- padding-left: 4px;
- padding-right: 4px;
-}
-
-.mx_RoomTile .mx_RoomTile_badge.mx_RoomTile_badgeButton,
-.mx_RoomTile.mx_RoomTile_menuDisplayed .mx_RoomTile_badge {
- letter-spacing: 0.1em;
- opacity: 1;
-}
-
-.mx_RoomTile.mx_RoomTile_noBadges .mx_RoomTile_badge.mx_RoomTile_badgeButton,
-.mx_RoomTile.mx_RoomTile_menuDisplayed.mx_RoomTile_noBadges .mx_RoomTile_badge {
- background-color: $neutral-badge-color;
-}
-
-.mx_RoomTile_unreadNotify .mx_RoomTile_badge {
- background-color: $accent-color;
-}
-
-.mx_RoomTile_highlight .mx_RoomTile_badge {
- background-color: $warning-color;
-}
-
-.mx_RoomTile_unread, .mx_RoomTile_highlight {
- font-weight: 800;
-}
-
-.mx_RoomTile_selected {
- background-color: $roomtile-selected-bg-color;
-}
-
-.mx_DNDRoomTile {
- transform: none;
- transition: transform 0.2s;
-}
-
-.mx_DNDRoomTile_dragging {
- transform: scale(1.05, 1.05);
-}
-
-.mx_RoomTile:focus {
- filter: none ! important;
- background-color: $roomtile-focused-bg-color;
-}
-
-.mx_RoomTile .mx_RoomTile_name.mx_RoomTile_badgeShown {
- width: 140px;
-}
-
-.mx_RoomTile_arrow {
- position: absolute;
- right: 0px;
-}
-
-.mx_RoomTile.mx_RoomTile_transparent {
- background-color: transparent;
-}
-
-.mx_RoomTile.mx_RoomTile_transparent:focus {
- background-color: $roomtile-transparent-focused-color;
-}
-
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_SearchableEntityList.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_SearchableEntityList.scss
deleted file mode 100644
index 37a663123d..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_SearchableEntityList.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_SearchableEntityList {
- display: flex;
-
- flex-direction: column;
-}
-
-.mx_SearchableEntityList_query {
- font-family: $font-family;
- border-radius: 3px;
- border: 1px solid $input-border-color;
- padding: 9px;
- color: $primary-fg-color;
- background-color: $primary-bg-color;
- margin-left: 3px;
- font-size: 15px;
- margin-bottom: 8px;
- width: 189px;
-}
-
-.mx_SearchableEntityList_query::-moz-placeholder {
- color: $primary-fg-color;
- opacity: 0.5;
- font-size: 12px;
-}
-
-.mx_SearchableEntityList_query::-webkit-input-placeholder {
- color: $primary-fg-color;
- opacity: 0.5;
- font-size: 12px;
-}
-
-.mx_SearchableEntityList_listWrapper {
- flex: 1;
-
- overflow-y: auto;
-}
-
-.mx_SearchableEntityList_list {
- display: table;
- table-layout: fixed;
- width: 100%;
-}
-
-.mx_SearchableEntityList_list .mx_EntityTile_chevron {
- display: none;
-}
-
-.mx_SearchableEntityList_hrWrapper {
- width: 100%;
- flex: 0 0 auto;
-}
-
-.mx_SearchableEntityList hr {
- height: 1px;
- border: 0px;
- color: $primary-fg-color;
- background-color: $primary-fg-color;
- margin-right: 15px;
- margin-top: 11px;
- margin-bottom: 11px;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_Stickers.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_Stickers.scss
deleted file mode 100644
index 669ca13545..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_Stickers.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-.mx_Stickers_content {
- overflow: hidden;
-}
-
-.mx_Stickers_content_container {
- overflow: hidden;
- height: 300px;
-}
-
-.mx_Stickers_content .mx_AppTileFullWidth {
- border: none;
-}
-
-.mx_Stickers_contentPlaceholder {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- text-align: center;
-}
-
-.mx_Stickers_contentPlaceholder p {
- max-width: 200px;
-}
-
-.mx_Stickers_addLink {
- display: inline;
- cursor: pointer;
- text-decoration: underline;
-}
-
-.mx_Stickers_hideStickers {
- z-index: 2001;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_TopUnreadMessagesBar.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_TopUnreadMessagesBar.scss
deleted file mode 100644
index 1ee56d9532..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_TopUnreadMessagesBar.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_TopUnreadMessagesBar {
- margin: auto; /* centre horizontally */
- max-width: 960px;
- padding-top: 10px;
- padding-bottom: 10px;
- border-bottom: 1px solid $primary-hairline-color;
-}
-
-.mx_TopUnreadMessagesBar_scrollUp {
- display: inline;
- cursor: pointer;
- text-decoration: underline;
-}
-
-.mx_TopUnreadMessagesBar_scrollUp img {
- padding-left: 10px;
- padding-right: 31px;
- vertical-align: middle;
-}
-
-.mx_TopUnreadMessagesBar_scrollUp span {
- opacity: 0.5;
-}
-
-.mx_TopUnreadMessagesBar_close {
- float: right;
- padding-right: 14px;
- padding-top: 3px;
- cursor: pointer;
-}
-
-.mx_MatrixChat_useCompactLayout {
- .mx_TopUnreadMessagesBar {
- padding-top: 4px;
- padding-bottom: 4px;
- }
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/settings/_DevicesPanel.scss b/src/skins/vector/css/matrix-react-sdk/views/settings/_DevicesPanel.scss
deleted file mode 100644
index e4856531d9..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/settings/_DevicesPanel.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_DevicesPanel {
- display: table;
- table-layout: fixed;
- width: 880px;
- border-spacing: 2px;
-}
-
-.mx_DevicesPanel_header {
- display: table-header-group;
- font-weight: bold;
-}
-
-.mx_DevicesPanel_header > div {
- display: table-cell;
-}
-
-.mx_DevicesPanel_header .mx_DevicesPanel_deviceLastSeen {
- width: 30%;
-}
-
-.mx_DevicesPanel_header .mx_DevicesPanel_deviceButtons {
- width: 20%;
-}
-
-.mx_DevicesPanel_device {
- display: table-row;
-}
-
-.mx_DevicesPanel_device > div {
- display: table-cell;
-}
-
-.mx_DevicesPanel_myDevice {
- font-weight: bold;
-}
\ No newline at end of file
diff --git a/src/skins/vector/css/matrix-react-sdk/views/settings/_IntegrationsManager.scss b/src/skins/vector/css/matrix-react-sdk/views/settings/_IntegrationsManager.scss
deleted file mode 100644
index 93ee0e20fe..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/settings/_IntegrationsManager.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_IntegrationsManager .mx_Dialog {
- width: 60%;
- height: 70%;
- overflow: hidden;
- padding: 0px;
- max-width: initial;
- max-height: initial;
-}
-
-.mx_IntegrationsManager iframe {
- background-color: #fff;
- border: 0px;
- width: 100%;
- height: 100%;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/voip/_CallView.scss b/src/skins/vector/css/matrix-react-sdk/views/voip/_CallView.scss
deleted file mode 100644
index deb89a837c..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/voip/_CallView.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_CallView_voice {
- background-color: $accent-color;
- color: $accent-fg-color;
- cursor: pointer;
- text-align: center;
- padding: 6px;
- font-weight: bold;
- font-size: 13px;
-}
\ No newline at end of file
diff --git a/src/skins/vector/css/matrix-react-sdk/views/voip/_IncomingCallbox.scss b/src/skins/vector/css/matrix-react-sdk/views/voip/_IncomingCallbox.scss
deleted file mode 100644
index 64eac25d01..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/voip/_IncomingCallbox.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_IncomingCallBox {
- text-align: center;
- border: 1px solid #a4a4a4;
- border-radius: 8px;
- background-color: $primary-bg-color;
- position: fixed;
- z-index: 1000;
- padding: 6px;
- margin-top: -3px;
- margin-left: -20px;
- width: 200px;
-}
-
-.mx_IncomingCallBox_chevron {
- padding: 12px;
- position: absolute;
- left: -21px;
- top: 0px;
-}
-
-.mx_IncomingCallBox_title {
- padding: 6px;
- font-weight: bold;
-}
-
-.mx_IncomingCallBox_buttons {
- display: flex;
-}
-
-.mx_IncomingCallBox_buttons_cell {
- vertical-align: middle;
- padding: 6px;
- flex: 1;
-}
-
-.mx_IncomingCallBox_buttons_decline,
-.mx_IncomingCallBox_buttons_accept {
- vertical-align: middle;
- width: 80px;
- height: 36px;
- line-height: 36px;
- border-radius: 36px;
- color: $accent-fg-color;
- margin: auto;
-}
-
-.mx_IncomingCallBox_buttons_decline {
- background-color: $voip-decline-color;
-}
-
-.mx_IncomingCallBox_buttons_accept {
- background-color: $voip-accept-color;
-}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/voip/_VideoView.scss b/src/skins/vector/css/matrix-react-sdk/views/voip/_VideoView.scss
deleted file mode 100644
index feb60f4763..0000000000
--- a/src/skins/vector/css/matrix-react-sdk/views/voip/_VideoView.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_VideoView {
- width: 100%;
- position: relative;
- z-index: 30;
-}
-
-.mx_VideoView video {
- width: 100%;
-}
-
-.mx_VideoView_remoteVideoFeed {
- width: 100%;
- background-color: #000;
- z-index: 50;
-}
-
-.mx_VideoView_localVideoFeed {
- width: 25%;
- height: 25%;
- position: absolute;
- left: 10px;
- bottom: 10px;
- z-index: 100;
-}
-
-.mx_VideoView_localVideoFeed video {
- width: auto;
- height: 100%;
-}
-
-.mx_VideoView_localVideoFeed.mx_VideoView_localVideoFeed_flipped video {
- transform: scale(-1, 1);
-}
diff --git a/src/skins/vector/css/rethemendex.sh b/src/skins/vector/css/rethemendex.sh
deleted file mode 100755
index a7d9a657ac..0000000000
--- a/src/skins/vector/css/rethemendex.sh
+++ /dev/null
@@ -1,13 +0,0 @@
-#!/bin/bash
-
-cd `dirname $0`
-
-{
- echo "// autogenerated by rethemendex.sh"
-
- find . \! \( -path ./themes -prune \) -iname _\*.scss |
- fgrep -v _components.scss | LC_ALL=C sort |
- while read i; do
- echo "@import \"$i\";"
- done
-} > _components.scss
diff --git a/src/skins/vector/css/themes/_base.scss b/src/skins/vector/css/themes/_base.scss
deleted file mode 100644
index 51d2f70f78..0000000000
--- a/src/skins/vector/css/themes/_base.scss
+++ /dev/null
@@ -1,182 +0,0 @@
-/* Open Sans lacks combining diacritics, so these will fall through
- to the next font. Helevetica's diacritics however do not combine
- nicely with Open Sans (on OSX, at least) and result in a huge
- horizontal mess. Arial empirically gets it right, hence prioritising
- Arial here. */
-$font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
-
-// typical text (dark-on-white in light skin)
-$primary-fg-color: #454545;
-$primary-bg-color: #ffffff;
-
-// used for dialog box text
-$light-fg-color: #747474;
-
-// used for focusing form controls
-$focus-bg-color: #dddddd;
-
-// button UI (white-on-green in light skin)
-$accent-fg-color: #ffffff;
-$accent-color: #76CFA6;
-
-$selection-fg-color: $primary-bg-color;
-
-$focus-brightness: 125%;
-
-// red warning colour
-$warning-color: #ff0064;
-$mention-user-pill-bg-color: #ff0064;
-$other-user-pill-bg-color: rgba(0, 0, 0, 0.1);
-
-// pinned events indicator
-$pinned-unread-color: #ff0064; // $warning-color
-$pinned-color: #888;
-
-// informational plinth
-$info-plinth-bg-color: #f7f7f7;
-$info-plinth-fg-color: #888;
-
-$preview-bar-bg-color: #f7f7f7;
-
-// left-panel style muted accent color
-$secondary-accent-color: #eaf5f0;
-$tertiary-accent-color: #d3efe1;
-
-// used by RoomDirectory permissions
-$plinth-bg-color: $secondary-accent-color;
-
-// used by RoomDropTarget
-$droptarget-bg-color: rgba(255,255,255,0.5);
-
-// used by AddressSelector
-$selected-color: $secondary-accent-color;
-
-// selected for hoverover & selected event tiles
-$event-selected-color: #f7f7f7;
-
-// used for the hairline dividers in RoomView
-$primary-hairline-color: #e5e5e5;
-
-// used for the border of input text fields
-$input-border-color: #f0f0f0;
-
-// apart from login forms, which have stronger border
-$strong-input-border-color: #c7c7c7;
-
-// used for UserSettings EditableText
-$input-underline-color: rgba(151, 151, 151, 0.5);
-$input-fg-color: rgba(74, 74, 74, 0.9);
-
-// context menus
-$menu-border-color: rgba(187, 187, 187, 0.5);
-$menu-bg-color: #f6f6f6;
-
-$avatar-initial-color: #ffffff;
-$avatar-bg-color: #ffffff;
-
-$h3-color: #3d3b39;
-
-$dialog-background-bg-color: #e9e9e9;
-$lightbox-background-bg-color: #000;
-
-$greyed-fg-color: #888;
-
-$neutral-badge-color: #dbdbdb;
-
-$preview-widget-bar-color: #ddd;
-$preview-widget-fg-color: $greyed-fg-color;
-
-$blockquote-bar-color: #ddd;
-$blockquote-fg-color: #777;
-
-$settings-grey-fg-color: #a2a2a2;
-
-$voip-decline-color: #f48080;
-$voip-accept-color: #80f480;
-
-$rte-bg-color: #e9e9e9;
-$rte-code-bg-color: rgba(0, 0, 0, 0.04);
-$rte-room-pill-color: #aaa;
-
-// ********************
-
-$roomtile-name-color: rgba(69, 69, 69, 0.8);
-$roomtile-selected-bg-color: rgba(255, 255, 255, 0.8);
-$roomtile-focused-bg-color: rgba(255, 255, 255, 0.9);
-
-$roomtile-transparent-focused-color: rgba(0, 0, 0, 0.1);
-
-$roomsublist-background: rgba(0, 0, 0, 0.05);
-$roomsublist-label-fg-color: $h3-color;
-$roomsublist-label-bg-color: $tertiary-accent-color;
-$roomsublist-chevron-color: $accent-color;
-
-$panel-divider-color: rgba(118, 207, 166, 0.2);
-
-// ********************
-
-$widget-menu-bar-bg-color: $tertiary-accent-color;
-
-// ********************
-
-// event tile lifecycle
-$event-encrypting-color: #abddbc;
-$event-sending-color: #ddd;
-$event-notsent-color: #f44;
-
-// event redaction
-$event-redacted-fg-color: #e2e2e2;
-$event-redacted-border-color: #cccccc;
-
-// event timestamp
-$event-timestamp-color: #acacac;
-
-$edit-button-url: "../../img/icon_context_message.svg";
-$copy-button-url: "../../img/icon_copy_message.svg";
-
-// e2e
-$e2e-verified-color: #76cfa5; // N.B. *NOT* the same as $accent-color
-$e2e-unverified-color: #e8bf37;
-$e2e-warning-color: #ba6363;
-
-// presence
-$presence-online: #60de00;
-$presence-unavailable: #deb800;
-$presence-offline: #b7b7b7;
-
-/*** ImageView ***/
-$lightbox-bg-color: #454545;
-$lightbox-fg-color: #ffffff;
-$lightbox-border-color: #ffffff;
-
-// unused?
-$progressbar-color: #000;
-
-// ***** Mixins! *****
-
-@define-mixin mx_DialogButton {
- /* align images in buttons (eg spinners) */
- vertical-align: middle;
- border: 0px;
- border-radius: 36px;
- font-family: $font-family;
- font-size: 14px;
- color: $accent-fg-color;
- background-color: $accent-color;
- width: auto;
- padding: 7px;
- padding-left: 1.5em;
- padding-right: 1.5em;
- cursor: pointer;
- display: inline-block;
- outline: none;
-}
-
-@define-mixin mx_DialogButton_hover {
-}
-
-@define-mixin mx_DialogButton_small {
- @mixin mx_DialogButton;
- font-size: 15px;
- padding: 0px 1.5em 0px 1.5em;
-}
diff --git a/src/skins/vector/css/themes/_dark.scss b/src/skins/vector/css/themes/_dark.scss
deleted file mode 100644
index 31773ebd09..0000000000
--- a/src/skins/vector/css/themes/_dark.scss
+++ /dev/null
@@ -1,204 +0,0 @@
-
-// typical text (dark-on-white in light skin)
-$primary-fg-color: #dddddd;
-$primary-bg-color: #2d2d2d;
-
-// used for focusing form controls
-$focus-bg-color: #101010;
-
-// used for dialog box text
-$light-fg-color: #747474;
-
-// button UI (white-on-green in light skin)
-$accent-fg-color: $primary-bg-color;
-$accent-color: #76CFA6;
-
-$selection-fg-color: $primary-fg-color;
-
-$focus-brightness: 200%;
-
-// red warning colour
-$warning-color: #ff0064;
-
-// groups
-$info-plinth-bg-color: #454545;
-
-$other-user-pill-bg-color: rgba(255, 255, 255, 0.1);
-
-$preview-bar-bg-color: #333;
-
-// left-panel style muted accent color
-$secondary-accent-color: $primary-bg-color;
-$tertiary-accent-color: #454545;
-
-// stop the tinter trying to change the secondary accent color
-// by overriding the key to something untintable
-// XXX: this is a bit of a hack.
-#mx_theme_secondaryAccentColor {
- color: #c0ffee ! important;
-}
-
-#mx_theme_tertiaryAccentColor {
- color: #c0ffee ! important;
-}
-
-// used by RoomDirectory permissions
-$plinth-bg-color: #474747;
-
-// used by RoomDropTarget
-$droptarget-bg-color: rgba(45,45,45,0.5);
-
-// used by AddressSelector
-$selected-color: #000000;
-
-// selected for hoverover & selected event tiles
-$event-selected-color: #353535;
-
-// used for the hairline dividers in RoomView
-$primary-hairline-color: #474747;
-
-// used for the border of input text fields
-$input-border-color: #3a3a3a;
-
-// apart from login forms, which have stronger border
-$strong-input-border-color: #656565;
-
-// used for UserSettings EditableText
-$input-underline-color: $primary-fg-color;
-$input-fg-color: $primary-fg-color;
-
-// context menus
-$menu-border-color: rgba(187, 187, 187, 0.5);
-$menu-bg-color: #373737;
-
-$avatar-initial-color: #2d2d2d;
-$avatar-bg-color: #ffffff;
-
-$h3-color: $primary-fg-color;
-
-$dialog-background-bg-color: #000;
-$lightbox-background-bg-color: #000;
-
-$greyed-fg-color: #888;
-
-$neutral-badge-color: #888;
-
-$preview-widget-bar-color: $menu-bg-color;
-$preview-widget-fg-color: $greyed-fg-color;
-
-$blockquote-bar-color: #ddd;
-$blockquote-fg-color: #777;
-
-$settings-grey-fg-color: #a2a2a2;
-
-$voip-decline-color: #f48080;
-$voip-accept-color: #80f480;
-
-$rte-bg-color: #353535;
-$rte-code-bg-color: #000;
-
-// ********************
-
-$roomtile-name-color: rgba(186, 186, 186, 0.8);
-$roomtile-selected-bg-color: #333;
-$roomtile-focused-bg-color: rgba(255, 255, 255, 0.2);
-
-$roomsublist-background: rgba(0, 0, 0, 0.2);
-$roomsublist-label-fg-color: $h3-color;
-$roomsublist-label-bg-color: $tertiary-accent-color;
-$roomsublist-chevron-color: $accent-color;
-
-$panel-divider-color: rgba(118, 207, 166, 0.2);
-
-// ********************
-
-$widget-menu-bar-bg-color: $tertiary-accent-color;
-
-// ********************
-
-// event tile lifecycle
-$event-encrypting-color: rgba(171, 221, 188, 0.4);
-$event-sending-color: #888;
-$event-notsent-color: #f44;
-
-// event redaction
-$event-redacted-fg-color: #606060;
-$event-redacted-border-color: #000000;
-
-// event timestamp
-$event-timestamp-color: #acacac;
-
-$edit-button-url: "../../img/icon_context_message_dark.svg";
-$copy-button-url: "../../img/icon_copy_message_dark.svg";
-
-// e2e
-$e2e-verified-color: #76cfa5; // N.B. *NOT* the same as $accent-color
-$e2e-unverified-color: #e8bf37;
-$e2e-warning-color: #ba6363;
-
-/*** ImageView ***/
-$lightbox-bg-color: #454545;
-$lightbox-fg-color: #ffffff;
-$lightbox-border-color: #ffffff;
-
-// unused?
-$progressbar-color: #000;
-
-// XXX: copypasted from _base in order to pick up the right FG color...
-@define-mixin mx_DialogButton {
- /* align images in buttons (eg spinners) */
- vertical-align: middle;
- border: 0px;
- border-radius: 36px;
- font-family: $font-family;
- font-size: 14px;
- color: $accent-fg-color;
- background-color: $accent-color;
- width: auto;
- padding: 7px;
- padding-left: 1.5em;
- padding-right: 1.5em;
- cursor: pointer;
- display: inline-block;
- outline: none;
-}
-
-// Nasty hacks to apply a filter to arbitrary monochrome artwork to make it
-// better match the theme. Typically applied to dark grey 'off' buttons or
-// light grey 'on' buttons.
-.mx_filterFlipColor {
- filter: invert(1);
-}
-
-.gm-scrollbar .thumb {
- filter: invert(1);
-}
-
-// markdown overrides:
-.mx_EventTile_content .markdown-body pre:hover {
- border-color: #808080 !important; // inverted due to rules below
-}
-.mx_EventTile_content .markdown-body {
- pre, code {
- filter: invert(1);
- }
-
- pre code {
- filter: none;
- }
-
- table {
- tr {
- background-color: #000000;
- }
-
- tr:nth-child(2n) {
- background-color: #080808;
- }
- }
-}
-
-// Add a line to the right side of the left panel to distinguish it from the middle panel
-.mx_LeftPanel {
- border-right: 1px solid $tertiary-accent-color;
-}
diff --git a/src/skins/vector/css/themes/dark.scss b/src/skins/vector/css/themes/dark.scss
deleted file mode 100644
index 5a37d0368e..0000000000
--- a/src/skins/vector/css/themes/dark.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@import "_base.scss";
-@import "_dark.scss";
-@import "../_components.scss";
diff --git a/src/skins/vector/css/themes/light.scss b/src/skins/vector/css/themes/light.scss
deleted file mode 100644
index ea0f93d5a3..0000000000
--- a/src/skins/vector/css/themes/light.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@import "_base.scss";
-@import "../_components.scss";
\ No newline at end of file
diff --git a/src/skins/vector/css/vector-web/_fonts.scss b/src/skins/vector/css/vector-web/_fonts.scss
deleted file mode 100644
index 52ac95b569..0000000000
--- a/src/skins/vector/css/vector-web/_fonts.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
- * Open Sans
- * Includes extended Latin, Greek, Cyrillic and Vietnamese character sets
- */
-
-/* the 'src' links are relative to the bundle.css, which is in a subdirectory.
- */
-@font-face {
- font-family: 'Open Sans';
- src: url('../../fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
- font-weight: 400;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'Open Sans';
- src: url('../../fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype');
- font-weight: 400;
- font-style: italic;
-}
-
-@font-face {
- font-family: 'Open Sans';
- src: url('../../fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype');
- font-weight: 600;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'Open Sans';
- src: url('../../fonts/Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype');
- font-weight: 600;
- font-style: italic;
-}
-
-@font-face {
- font-family: 'Open Sans';
- src: url('../../fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype');
- font-weight: 700;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'Open Sans';
- src: url('../../fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype');
- font-weight: 700;
- font-style: italic;
-}
-
-/*
- * Fira Mono
- * Used for monospace copy, i.e. code
- */
-
-@font-face {
- font-family: 'Fira Mono';
- src: url('../../fonts/Fira_Mono/FiraMono-Regular.ttf') format('truetype');
- font-weight: 400;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'Fira Mono';
- src: url('../../fonts/Fira_Mono/FiraMono-Bold.ttf') format('truetype');
- font-weight: 700;
- font-style: normal;
-}
diff --git a/src/skins/vector/css/vector-web/structures/_CompatibilityPage.scss b/src/skins/vector/css/vector-web/structures/_CompatibilityPage.scss
deleted file mode 100644
index f3f032c975..0000000000
--- a/src/skins/vector/css/vector-web/structures/_CompatibilityPage.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-.mx_CompatibilityPage {
- width: 100%;
- height: 100%;
- background-color: #e55;
-}
-
-.mx_CompatibilityPage_box {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- width: 500px;
- height: 300px;
- border: 1px solid;
- padding: 10px;
- background-color: #fcc;
-}
\ No newline at end of file
diff --git a/src/skins/vector/css/vector-web/structures/_HomePage.scss b/src/skins/vector/css/vector-web/structures/_HomePage.scss
deleted file mode 100644
index cdac1bcc8a..0000000000
--- a/src/skins/vector/css/vector-web/structures/_HomePage.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_HomePage {
- max-width: 960px;
- width: 100%;
- height: 100%;
- margin-left: auto;
- margin-right: auto;
-}
-
-.mx_HomePage iframe {
- display: block;
- width: 100%;
- height: 100%;
- border: 0px;
-}
-
-.mx_HomePage_body {
-// margin-left: 63px;
-}
diff --git a/src/skins/vector/css/vector-web/structures/_LeftPanel.scss b/src/skins/vector/css/vector-web/structures/_LeftPanel.scss
deleted file mode 100644
index 96ed5878ac..0000000000
--- a/src/skins/vector/css/vector-web/structures/_LeftPanel.scss
+++ /dev/null
@@ -1,129 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_LeftPanel {
- position: relative;
-
- display: flex;
- flex-direction: column;
-}
-
-.mx_LeftPanel_container {
- display: flex;
- /* LeftPanel 235px */
- flex: 0 0 235px;
-}
-
-.mx_LeftPanel_container.mx_LeftPanel_container_hasTagPanel {
- /* TagPanel 60px + LeftPanel 235px */
- flex: 0 0 295px;
-}
-
-.mx_LeftPanel_container_collapsed {
- /* Collapsed LeftPanel 60px */
- flex: 0 0 60px;
-}
-
-.mx_LeftPanel_container_collapsed.mx_LeftPanel_container_hasTagPanel {
- /* TagPanel 60px + Collapsed LeftPanel 60px */
- flex: 0 0 120px;
-}
-
-.mx_LeftPanel_hideButton {
- position: absolute;
- top: 10px;
- right: 0px;
- padding: 8px;
- cursor: pointer;
-}
-
-.mx_LeftPanel_callView {
-
-}
-
-.mx_LeftPanel .mx_RoomList_scrollbar {
- order: 1;
-
- flex: 1 1 0;
-
- overflow-y: auto;
- z-index: 6;
-}
-
-.mx_LeftPanel.collapsed .mx_BottomLeftMenu {
- flex: 0 0 160px;
- margin-bottom: 9px;
-}
-
-.mx_LeftPanel .mx_BottomLeftMenu {
- order: 3;
-
- border-top: 1px solid $panel-divider-color;
- margin-left: 16px; /* gutter */
- margin-right: 16px; /* gutter */
- flex: 0 0 60px;
- z-index: 1;
-}
-
-.mx_LeftPanel .mx_BottomLeftMenu_options {
- margin-top: 18px;
-}
-
-.mx_BottomLeftMenu_options object {
- pointer-events: none;
-}
-
-.collapsed .mx_RoleButton {
- margin-right: 0px ! important;
- padding-top: 3px ! important;
- padding-bottom: 3px ! important;
-}
-
-.mx_BottomLeftMenu_options > div {
- display: inline-block;
-}
-
-.mx_BottomLeftMenu_options .mx_RoleButton {
- margin-left: 0px;
- margin-right: 10px;
- height: 30px;
-}
-
-.mx_BottomLeftMenu_options .mx_BottomLeftMenu_settings {
- float: right;
-}
-
-.mx_BottomLeftMenu_options .mx_BottomLeftMenu_settings .mx_RoleButton {
- margin-right: 0px;
-}
-
-.mx_LeftPanel.collapsed .mx_BottomLeftMenu_settings {
- float: none;
-}
-
-.mx_MatrixChat_useCompactLayout {
- .mx_LeftPanel .mx_BottomLeftMenu {
- flex: 0 0 50px;
- }
-
- .mx_LeftPanel.collapsed .mx_BottomLeftMenu {
- flex: 0 0 160px;
- }
-
- .mx_LeftPanel .mx_BottomLeftMenu_options {
- margin-top: 12px;
- }
-}
diff --git a/src/skins/vector/css/vector-web/structures/_RightPanel.scss b/src/skins/vector/css/vector-web/structures/_RightPanel.scss
deleted file mode 100644
index b4dff612ed..0000000000
--- a/src/skins/vector/css/vector-web/structures/_RightPanel.scss
+++ /dev/null
@@ -1,133 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RightPanel {
- position: relative;
-
- display: flex;
- flex-direction: column;
-}
-
-.mx_RightPanel_header {
- order: 1;
-
- border-bottom: 1px solid $primary-hairline-color;
- margin-right: 20px;
-
- flex: 0 0 70px;
-}
-
-/** Fixme - factor this out with the main header **/
-
-.mx_RightPanel_headerButtonGroup {
- margin-top: 6px;
- display: flex;
- width: 100%;
- background-color: $primary-bg-color;
- margin-left: 0px;
-}
-
-.mx_RightPanel_headerButton {
- cursor: pointer;
- flex: 0 0 auto;
- vertical-align: top;
- padding-left: 4px;
- padding-right: 5px;
- text-align: center;
- position: relative;
-}
-
-.mx_RightPanel_headerButton object {
- pointer-events: none;
- padding-bottom: 3px;
-}
-
-.mx_RightPanel_headerButton_highlight {
- width: 25px;
- height: 5px;
- border-radius: 5px;
- background-color: $accent-color;
- opacity: 0.2;
-}
-
-.mx_RightPanel_headerButton_badge {
- font-size: 11px;
- color: $accent-color;
- font-weight: bold;
- padding-bottom: 2px;
-}
-
-.mx_RightPanel_collapsebutton {
- flex: 1;
- text-align: right;
- margin-top: 20px;
-}
-
-.mx_RightPanel .mx_MemberList,
-.mx_RightPanel .mx_MemberInfo,
-.mx_RightPanel .mx_GroupRoomList,
-.mx_RightPanel_blank {
- order: 2;
- flex: 1 1 0;
-}
-
-.mx_RightPanel .mx_RoomView_messagePanelSpinner {
- order: 2;
- margin: auto;
-}
-
-.mx_RightPanel_footer {
- order: 3;
-
- border-top: 1px solid $primary-hairline-color;
- margin-right: 20px;
-
- flex: 0 0 60px;
-}
-
-.mx_RightPanel_footer .mx_RightPanel_invite {
- font-size: 14px;
- color: $primary-fg-color;
- padding-top: 13px;
- padding-left: 5px;
- cursor: pointer;
- display: flex;
- align-items: center;
-}
-
-.collapsed .mx_RightPanel_footer .mx_RightPanel_invite {
- display: none;
-}
-
-.mx_RightPanel_invite .mx_RightPanel_icon object {
- pointer-events: none;
-}
-
-.mx_RightPanel_invite .mx_RightPanel_message {
- padding-left: 10px;
- line-height: 18px;
-}
-
-.mx_MatrixChat_useCompactLayout {
- .mx_RightPanel_footer {
- flex: 0 0 50px;
- }
-
- .mx_RightPanel_footer .mx_RightPanel_invite {
- line-height: 25px;
- padding-top: 8px;
- }
-}
diff --git a/src/skins/vector/css/vector-web/structures/_RoomDirectory.scss b/src/skins/vector/css/vector-web/structures/_RoomDirectory.scss
deleted file mode 100644
index 9cd3e7284c..0000000000
--- a/src/skins/vector/css/vector-web/structures/_RoomDirectory.scss
+++ /dev/null
@@ -1,131 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RoomDirectory {
- max-width: 960px;
- width: 100%;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 12px;
- color: $primary-fg-color;
- word-break: break-word;
-
- display: flex;
-
- flex-direction: column;
-}
-
-.mx_RoomDirectory .mx_RoomHeader_simpleHeader {
- margin-left: 0px;
-}
-
-.mx_RoomDirectory_list {
- flex: 1;
-
- display: flex;
-
- flex-direction: column;
-}
-
-.mx_RoomDirectory_list .mx_RoomView_messageListWrapper {
- justify-content: flex-start;
-}
-
-.mx_RoomDirectory_listheader {
- display: table;
- table-layout: fixed;
- width: 100%;
- margin-top: 12px;
- margin-bottom: 12px;
- border-spacing: 5px;
-}
-
-.mx_RoomDirectory_searchbox {
- display: table-cell;
- vertical-align: middle;
-}
-
-.mx_RoomDirectory_listheader .mx_NetworkDropdown {
- display: table-cell;
- width: 200px;
-}
-
-.mx_RoomDirectory_tableWrapper {
- overflow-y: auto;
- flex: 1 1 0;
-}
-
-.mx_RoomDirectory_table {
- font-size: 14px;
- color: $primary-fg-color;
- width: 100%;
- text-align: left;
- table-layout: fixed;
-}
-
-.mx_RoomDirectory_roomAvatar {
- width: 24px;
- padding-left: 12px;
- padding-right: 24px;
- vertical-align: top;
-}
-
-.mx_RoomDirectory_roomDescription {
- padding-bottom: 16px;
-}
-
-.mx_RoomDirectory_name {
- display: inline-block;
- font-weight: 600;
-}
-
-.mx_RoomDirectory_perms {
- display: inline-block;
-}
-
-.mx_RoomDirectory_perm {
- display: inline;
- padding-left: 5px;
- padding-right: 5px;
- margin-right: 5px;
- height: 15px;
- border-radius: 11px;
- background-color: $plinth-bg-color;
- text-transform: uppercase;
- font-weight: 600;
- font-size: 11px;
- color: $accent-color;
-}
-
-.mx_RoomDirectory_topic {
- cursor: initial;
-}
-
-.mx_RoomDirectory_alias {
- font-size: 12px;
- color: $settings-grey-fg-color;
-}
-
-.mx_RoomDirectory_roomMemberCount {
- text-align: right;
- width: 100px;
- padding-right: 10px;
-}
-
-.mx_RoomDirectory_table tr {
- padding-bottom: 10px;
- cursor: pointer;
-}
diff --git a/src/skins/vector/css/vector-web/structures/_RoomSubList.scss b/src/skins/vector/css/vector-web/structures/_RoomSubList.scss
deleted file mode 100644
index a2863460ad..0000000000
--- a/src/skins/vector/css/vector-web/structures/_RoomSubList.scss
+++ /dev/null
@@ -1,244 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RoomSubList {
- display: table;
- table-layout: fixed;
- width: 100%;
-
- background-color: $roomsublist-background;
-}
-
-.mx_RoomSubList_labelContainer {
- height: 31px; /* mx_RoomSubList_label height including border */
- width: 235px; /* LHS Panel width */
- position: relative;
-}
-
-.mx_RoomSubList_label {
- position: relative;
- text-transform: uppercase;
- color: $roomsublist-label-fg-color;
- font-weight: 600;
- font-size: 12px;
- width: 203px; /* padding + width = LHS Panel width */
- height: 19px; /* height + padding = 31px = mx_RoomSubList_label height */
- padding-left: 16px; /* gutter */
- padding-right: 16px; /* gutter */
- padding-top: 6px;
- padding-bottom: 6px;
- cursor: pointer;
- background-color: $secondary-accent-color;
-}
-
-.mx_RoomSubList_label.mx_RoomSubList_fixed {
- position: fixed;
- top: 0;
- z-index: 5;
- /* pointer-events: none; */
-}
-
-.collapsed .mx_RoomSubList_label {
- height: 17px;
- width: 28px; /* collapsed LHS Panel width */
-}
-
-.collapsed .mx_RoomSubList_labelContainer {
- width: 28px; /* collapsed LHS Panel width */
-}
-
-.mx_RoomSubList_roomCount {
- display: inline-block;
- font-size: 12px;
- font-weight: normal;
- color: $accent-color;
- padding-left: 5px;
- text-transform: none;
-}
-
-.collapsed .mx_RoomSubList_roomCount {
- display: none;
-}
-
-.mx_RoomSubList_badge {
- display: inline-block;
- min-width: 15px;
- height: 15px;
- position: absolute;
- right: 8px; /*gutter */
- top: 7px;
- border-radius: 8px;
- color: $accent-fg-color;
- font-weight: 600;
- font-size: 10px;
- text-align: center;
- padding-top: 1px;
- padding-left: 4px;
- padding-right: 4px;
- background-color: $accent-color;
-}
-
-/*
-.collapsed .mx_RoomSubList_badge {
- display: none;
-}
-*/
-
-.mx_RoomSubList_badgeHighlight {
- background-color: $warning-color;
-}
-
-/* This is the bottom of the speech bubble */
-.mx_RoomSubList_badgeHighlight:after {
- content: "";
- position: absolute;
- display: block;
- width: 0;
- height: 0;
- margin-left: 5px;
- border-top: 5px solid $warning-color;
- border-right: 7px solid transparent;
-}
-
-/* Hide the bottom of speech bubble */
-.collapsed .mx_RoomSubList_badgeHighlight:after {
- display: none;
-}
-
-.mx_RoomSubList_chevron {
- pointer-events: none;
- position: absolute;
- right: 41px;
- top: 11px;
-}
-
-.mx_RoomSubList_chevronDown {
- width: 0;
- height: 0;
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- border-top: 6px solid $roomsublist-chevron-color;
-}
-
-.mx_RoomSubList_chevronUp {
- width: 0;
- height: 0;
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- border-bottom: 6px solid $roomsublist-chevron-color;
-}
-
-.mx_RoomSubList_chevronRight {
- width: 0;
- height: 0;
- border-top: 5px solid transparent;
- border-left: 6px solid $roomsublist-chevron-color;
- border-bottom: 5px solid transparent;
-}
-
-/* The overflow section */
-.mx_RoomSubList_ellipsis {
- display: block;
- line-height: 11px;
- height: 18px;
- position: relative;
- cursor: pointer;
- font-size: 13px;
-
- background-color: $secondary-accent-color;
-}
-
-.collapsed .mx_RoomSubList_ellipsis {
- height: 20px;
-}
-
-.mx_RoomSubList_line {
- display: inline-block;
- width: 159px;
- border-top: dotted 2px $accent-color;
- vertical-align: middle;
-}
-
-.collapsed .mx_RoomSubList_line {
- display: none;
-}
-
-.mx_RoomSubList_more {
- display: inline-block;
- text-transform: uppercase;
- font-size: 10px;
- font-weight: 600;
- text-align: left;
- color: $accent-color;
- padding-left: 7px;
- padding-right: 7px;
- padding-left: 7px;
- vertical-align: middle;
-}
-
-.collapsed .mx_RoomSubList_more {
- display: none;
-}
-
-.mx_RoomSubList_moreBadge {
- display: inline-block;
- min-width: 15px;
- height: 13px;
- position: absolute;
- right: 8px; /*gutter */
- top: -2px;
- border-radius: 8px;
- border: solid 1px $accent-color;
- color: $accent-fg-color;
- font-weight: 600;
- font-size: 10px;
- text-align: center;
- padding-top: 1px;
- padding-left: 3px;
- padding-right: 3px;
- background-color: $primary-bg-color;
- vertical-align: middle;
-}
-
-.mx_RoomSubList_moreBadge.mx_RoomSubList_moreBadgeNotify {
- background-color: $accent-color;
- border: 0;
- padding-top: 3px;
- padding-left: 4px;
- padding-right: 4px;
-}
-
-.mx_RoomSubList_moreBadge.mx_RoomSubList_moreBadgeHighlight {
- background-color: $warning-color;
- border: 0;
- padding-top: 3px;
- padding-left: 4px;
- padding-right: 4px;
-}
-
-.collapsed .mx_RoomSubList_moreBadge {
- position: static;
- margin-left: 16px;
- margin-top: 2px;
-}
-
-.mx_RoomSubList_ellipsis .mx_RoomSubList_chevronDown {
- position: relative;
- top: 4px;
- left: 2px;
-}
-
-
diff --git a/src/skins/vector/css/vector-web/structures/_ViewSource.scss b/src/skins/vector/css/vector-web/structures/_ViewSource.scss
deleted file mode 100644
index a4c7dcf58a..0000000000
--- a/src/skins/vector/css/vector-web/structures/_ViewSource.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_ViewSource pre {
- text-align: left;
- font-size: 12px;
- padding: 0.5em 1em 0.5em 1em;
- word-wrap: break-word;
- white-space: pre-wrap;
-}
diff --git a/src/skins/vector/css/vector-web/views/context_menus/_MessageContextMenu.scss b/src/skins/vector/css/vector-web/views/context_menus/_MessageContextMenu.scss
deleted file mode 100644
index 85e8080c88..0000000000
--- a/src/skins/vector/css/vector-web/views/context_menus/_MessageContextMenu.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MessageContextMenu_field {
- padding: 3px 6px 3px 6px;
- cursor: pointer;
- white-space: nowrap;
-}
-
-.mx_MessageContextMenu_field.mx_MessageContextMenu_fieldSet {
- font-weight: bold;
-}
diff --git a/src/skins/vector/css/vector-web/views/context_menus/_PresenceContextMenuOption.scss b/src/skins/vector/css/vector-web/views/context_menus/_PresenceContextMenuOption.scss
deleted file mode 100644
index bfe81125e0..0000000000
--- a/src/skins/vector/css/vector-web/views/context_menus/_PresenceContextMenuOption.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
-Copyright 2017 Travis Ralston
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-.mx_PresenceContextMenuOption_indicator {
- width: 10px;
- height: 10px;
- border-radius: 10px;
- display: inline-block;
- margin-right: 5px;
-}
-
-.mx_PresenceContextMenuOption_indicator.mx_PresenceContextMenuOption_indicator_online {
- background-color: $presence-online;
-}
-
-.mx_PresenceContextMenuOption_indicator.mx_PresenceContextMenuOption_indicator_unavailable {
- background-color: $presence-unavailable;
-}
-
-.mx_PresenceContextMenuOption_indicator.mx_PresenceContextMenuOption_indicator_offline {
- background-color: $presence-offline;
-}
-
-.mx_PresenceContextMenuOption {
- padding: 2px;
-}
-
-.mx_PresenceContextMenuOption.mx_PresenceContextMenuOption_current {
- font-weight: 700;
-}
diff --git a/src/skins/vector/css/vector-web/views/context_menus/_RoomTileContextMenu.scss b/src/skins/vector/css/vector-web/views/context_menus/_RoomTileContextMenu.scss
deleted file mode 100644
index 598f8ac249..0000000000
--- a/src/skins/vector/css/vector-web/views/context_menus/_RoomTileContextMenu.scss
+++ /dev/null
@@ -1,114 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RoomTileContextMenu_tag_field, .mx_RoomTileContextMenu_leave {
- padding-top: 8px;
- padding-right: 20px;
- padding-bottom: 8px;
- cursor: pointer;
- white-space: nowrap;
- display: flex;
- align-items: center;
- line-height: 16px;
-}
-
-.mx_RoomTileContextMenu_tag_field.mx_RoomTileContextMenu_tag_fieldSet {
- font-weight: bold;
-}
-
-.mx_RoomTileContextMenu_tag_field.mx_RoomTileContextMenu_tag_fieldSet .mx_RoomTileContextMenu_tag_icon {
- display: none;
-}
-
-.mx_RoomTileContextMenu_tag_field.mx_RoomTileContextMenu_tag_fieldSet .mx_RoomTileContextMenu_tag_icon_set {
- display: inline-block;
-}
-
-.mx_RoomTileContextMenu_tag_field.mx_RoomTileContextMenu_tag_fieldDisabled {
- color: rgba(0, 0, 0, 0.2);
-}
-
-.mx_RoomTileContextMenu_tag_icon {
- padding-right: 8px;
- padding-left: 4px;
- display: inline-block
-}
-
-.mx_RoomTileContextMenu_tag_icon_set {
- padding-right: 8px;
- padding-left: 4px;
- display: none;
-}
-
-.mx_RoomTileContextMenu_separator {
- margin-top: 0;
- margin-bottom: 0;
- border-bottom-style: none;
- border-left-style: none;
- border-right-style: none;
- border-top-style: solid;
- border-top-width: 1px;
- border-color: $menu-border-color;
-}
-
-.mx_RoomTileContextMenu_leave {
- color: $warning-color;
-}
-
-.mx_RoomTileContextMenu_tag_fieldSet .mx_RoomTileContextMenu_tag_icon {
- /* Something to indicate that the icon is the set tag */
-}
-
-.mx_RoomTileContextMenu_notif_picker {
- position: absolute;
- top: 16px;
- left: 5px;
-}
-
-.mx_RoomTileContextMenu_notif_field {
- padding-top: 4px;
- padding-right: 6px;
- padding-bottom: 10px;
- padding-left: 8px; /* 20px */
- cursor: pointer;
- white-space: nowrap;
- display: flex;
- align-items: center;
-}
-
-.mx_RoomTileContextMenu_notif_field.mx_RoomTileContextMenu_notif_fieldSet {
- font-weight: bold;
-}
-
-.mx_RoomTileContextMenu_notif_field.mx_RoomTileContextMenu_notif_fieldDisabled {
- color: rgba(0, 0, 0, 0.2);
-}
-
-.mx_RoomTileContextMenu_notif_icon {
- padding-right: 4px;
- padding-left: 4px;
-}
-
-.mx_RoomTileContextMenu_notif_activeIcon {
- display: inline-block;
- opacity: 0;
- position: relative;
- left: -5px;
-}
-
-.mx_RoomTileContextMenu_notif_fieldSet .mx_RoomTileContextMenu_notif_activeIcon {
- opacity: 1;
-}
diff --git a/src/skins/vector/css/vector-web/views/context_menus/_TagTileContextMenu.scss b/src/skins/vector/css/vector-web/views/context_menus/_TagTileContextMenu.scss
deleted file mode 100644
index 759b92bd68..0000000000
--- a/src/skins/vector/css/vector-web/views/context_menus/_TagTileContextMenu.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
-Copyright 2018 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_TagTileContextMenu_item {
- padding-top: 8px;
- padding-right: 20px;
- padding-bottom: 8px;
- cursor: pointer;
- white-space: nowrap;
- display: flex;
- align-items: center;
- line-height: 16px;
-}
-
-
-.mx_TagTileContextMenu_item_icon {
- padding-right: 8px;
- padding-left: 4px;
- display: inline-block
-}
-
-.mx_TagTileContextMenu_separator {
- margin-top: 0;
- margin-bottom: 0;
- border-bottom-style: none;
- border-left-style: none;
- border-right-style: none;
- border-top-style: solid;
- border-top-width: 1px;
- border-color: $menu-border-color;
-}
diff --git a/src/skins/vector/css/vector-web/views/dialogs/_ChangelogDialog.scss b/src/skins/vector/css/vector-web/views/dialogs/_ChangelogDialog.scss
deleted file mode 100644
index 460a5f94b1..0000000000
--- a/src/skins/vector/css/vector-web/views/dialogs/_ChangelogDialog.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
-Copyright 2016 Aviral Dasgupta
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_ChangelogDialog_content {
- max-height: 300px;
- overflow: auto;
-}
-
-.mx_ChangelogDialog_li {
- padding: 0.2em;
-}
diff --git a/src/skins/vector/css/vector-web/views/dialogs/_DevtoolsDialog.scss b/src/skins/vector/css/vector-web/views/dialogs/_DevtoolsDialog.scss
deleted file mode 100644
index 8918373ecf..0000000000
--- a/src/skins/vector/css/vector-web/views/dialogs/_DevtoolsDialog.scss
+++ /dev/null
@@ -1,166 +0,0 @@
-/*
-Copyright 2017 Michael Telatynski <7t3chguy@gmail.com>
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_DevTools_RoomStateExplorer_button, .mx_DevTools_RoomStateExplorer_query {
- margin-bottom: 10px;
-}
-
-.mx_DevTools_label_left {
- float: left;
-}
-
-.mx_DevTools_label_right {
- float: right;
-}
-
-.mx_DevTools_label_bottom {
- clear: both;
- border-bottom: 1px solid #e5e5e5;
-}
-
-.mx_DevTools_inputRow
-{
- display: table-row;
-}
-
-.mx_DevTools_inputLabelCell
-{
- padding-bottom: 21px;
- display: table-cell;
- font-weight: bold;
- padding-right: 24px;
-}
-
-.mx_DevTools_inputCell {
- display: table-cell;
- padding-bottom: 21px;
- width: 240px;
-}
-
-.mx_DevTools_inputCell input
-{
- display: inline-block;
- border: 0;
- border-bottom: 1px solid $input-underline-color;
- padding: 0;
- width: 240px;
- color: $input-fg-color;
- font-family: 'Open Sans', Helvetica, Arial, Sans-Serif;
- font-size: 16px;
-}
-
-.mx_DevTools_tgl {
- display: none;
-
- // add default box-sizing for this scope
- &,
- &:after,
- &:before,
- & *,
- & *:after,
- & *:before,
- & + .mx_DevTools_tgl-btn {
- box-sizing: border-box;
- &::selection {
- background: none;
- }
- }
-
- + .mx_DevTools_tgl-btn {
- outline: 0;
- display: block;
- width: 7em;
- height: 2em;
- position: relative;
- cursor: pointer;
- user-select: none;
- &:after,
- &:before {
- position: relative;
- display: block;
- content: "";
- width: 50%;
- height: 100%;
- }
-
- &:after {
- left: 0;
- }
-
- &:before {
- display: none;
- }
- }
-
- &:checked + .mx_DevTools_tgl-btn:after {
- left: 50%;
- }
-}
-
-.mx_DevTools_tgl-flip {
- + .mx_DevTools_tgl-btn {
- padding: 2px;
- transition: all .2s ease;
- font-family: sans-serif;
- perspective: 100px;
- &:after,
- &:before {
- display: inline-block;
- transition: all .4s ease;
- width: 100%;
- text-align: center;
- position: absolute;
- line-height: 2em;
- font-weight: bold;
- color: #fff;
- top: 0;
- left: 0;
- backface-visibility: hidden;
- border-radius: 4px;
- }
-
- &:after {
- content: attr(data-tg-on);
- background: #02C66F;
- transform: rotateY(-180deg);
- }
-
- &:before {
- background: #FF3A19;
- content: attr(data-tg-off);
- }
-
- &:active:before {
- transform: rotateY(-20deg);
- }
- }
-
- &:checked + .mx_DevTools_tgl-btn {
- &:before {
- transform: rotateY(180deg);
- }
-
- &:after {
- transform: rotateY(0);
- left: 0;
- background: #7FC6A6;
- }
-
- &:active:after {
- transform: rotateY(20deg);
- }
- }
-}
diff --git a/src/skins/vector/css/vector-web/views/dialogs/_SetEmailDialog.scss b/src/skins/vector/css/vector-web/views/dialogs/_SetEmailDialog.scss
deleted file mode 100644
index 588f10c9cb..0000000000
--- a/src/skins/vector/css/vector-web/views/dialogs/_SetEmailDialog.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_SetEmailDialog_email_input {
- border-radius: 3px;
- border: 1px solid $input-border-color;
- padding: 9px;
- color: $input-fg-color;
- background-color: $primary-bg-color;
- font-size: 15px;
- width: 100%;
- max-width: 280px;
- margin-bottom: 10px;
-}
-
-.mx_SetEmailDialog_email_input:focus {
- outline: none;
- box-shadow: none;
- border: 1px solid $accent-color;
-}
-
-.mx_SetEmailDialog_email_input_placeholder {
-}
diff --git a/src/skins/vector/css/vector-web/views/dialogs/_SetPasswordDialog.scss b/src/skins/vector/css/vector-web/views/dialogs/_SetPasswordDialog.scss
deleted file mode 100644
index 28a8b7c9d7..0000000000
--- a/src/skins/vector/css/vector-web/views/dialogs/_SetPasswordDialog.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_SetPasswordDialog_change_password input {
- border-radius: 3px;
- border: 1px solid $input-border-color;
- padding: 9px;
- color: $primary-fg-color;
- background-color: $primary-bg-color;
- font-size: 15px;
- width: 100%;
- max-width: 280px;
- margin-bottom: 10px;
-}
-
-.mx_SetPasswordDialog_change_password_button {
- margin-top: 68px;
-}
-
-.mx_SetPasswordDialog .mx_Dialog_content {
- margin-bottom: 0px;
-}
diff --git a/src/skins/vector/css/vector-web/views/directory/_NetworkDropdown.scss b/src/skins/vector/css/vector-web/views/directory/_NetworkDropdown.scss
deleted file mode 100644
index 9850379597..0000000000
--- a/src/skins/vector/css/vector-web/views/directory/_NetworkDropdown.scss
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_NetworkDropdown {
- position: relative;
-}
-
-.mx_NetworkDropdown_input {
- position: relative;
- border-radius: 3px;
- border: 1px solid $strong-input-border-color;
- font-weight: 300;
- font-size: 13px;
- user-select: none;
-}
-
-.mx_NetworkDropdown_arrow {
- border-color: $primary-fg-color transparent transparent;
- border-style: solid;
- border-width: 5px 5px 0;
- display: block;
- height: 0;
- position: absolute;
- right: 10px;
- top: 14px;
- width: 0
-}
-
-.mx_NetworkDropdown_networkoption {
- height: 35px;
- line-height: 35px;
- padding-left: 8px;
- padding-right: 8px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-
-.mx_NetworkDropdown_networkoption img {
- margin: 5px;
- width: 25px;
- vertical-align: middle;
-}
-
-input.mx_NetworkDropdown_networkoption, input.mx_NetworkDropdown_networkoption:focus {
- border: 0;
- padding-top: 0;
- padding-bottom: 0;
-}
-
-.mx_NetworkDropdown_menu {
- position: absolute;
- left: -1px;
- right: -1px;
- top: 100%;
- z-index: 2;
- margin: 0;
- padding: 0px;
- border-radius: 3px;
- border: 1px solid $accent-color;
- background-color: $primary-bg-color;
-}
-
-.mx_NetworkDropdown_menu .mx_NetworkDropdown_networkoption:hover {
- background-color: $focus-bg-color;
-}
-
-.mx_NetworkDropdown_menu_network {
- font-weight: bold;
-}
-
diff --git a/src/skins/vector/css/vector-web/views/elements/_ImageView.scss b/src/skins/vector/css/vector-web/views/elements/_ImageView.scss
deleted file mode 100644
index 8ed0698a72..0000000000
--- a/src/skins/vector/css/vector-web/views/elements/_ImageView.scss
+++ /dev/null
@@ -1,134 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-/* This has got to be the most fragile piece of CSS ever written.
- But empirically it works on Chrome/FF/Safari
- */
-
-.mx_ImageView {
- display: flex;
- width: 100%;
- height: 100%;
- align-items: center;
-}
-
-.mx_ImageView_lhs {
- order: 1;
- flex: 1 1 10%;
- min-width: 60px;
- // background-color: #080;
- // height: 20px;
-}
-
-.mx_ImageView_content {
- order: 2;
- /* min-width hack needed for FF */
- min-width: 0px;
- height: 90%;
- flex: 15 15 0;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.mx_ImageView_content img {
- max-width: 100%;
- /* XXX: max-height interacts badly with flex on Chrome and doesn't relayout properly until you refresh */
- max-height: 100%;
- /* object-fit hack needed for Chrome due to Chrome not re-laying-out until you refresh */
- object-fit: contain;
- /* background-image: url('../../img/trans.png'); */
- pointer-events: all;
-}
-
-.mx_ImageView_labelWrapper {
- position: absolute;
- top: 0px;
- right: 0px;
- height: 100%;
- overflow: auto;
- pointer-events: all;
-}
-
-.mx_ImageView_label {
- text-align: left;
- display: flex;
- justify-content: center;
- flex-direction: column;
- padding-left: 30px;
- padding-right: 30px;
- min-height: 100%;
- max-width: 240px;
- color: $lightbox-fg-color;
-}
-
-.mx_ImageView_cancel {
- position: absolute;
- top: 0px;
- right: 0px;
- padding: 35px;
- cursor: pointer;
-}
-
-.mx_ImageView_name {
- font-size: 18px;
- margin-bottom: 6px;
- word-wrap: break-word;
-}
-
-.mx_ImageView_metadata {
- font-size: 15px;
- opacity: 0.5;
-}
-
-.mx_ImageView_download {
- display: table;
- margin-top: 24px;
- margin-bottom: 6px;
- border-radius: 5px;
- background-color: $lightbox-bg-color;
- font-size: 14px;
- padding: 9px;
- border: 1px solid $lightbox-border-color;
-}
-
-.mx_ImageView_size {
- font-size: 11px;
-}
-
-.mx_ImageView_link {
- color: $lightbox-fg-color ! important;
- text-decoration: none ! important;
-}
-
-.mx_ImageView_button {
- font-size: 15px;
- opacity: 0.5;
- margin-top: 18px;
- cursor: pointer;
-}
-
-.mx_ImageView_shim {
- height: 30px;
-}
-
-.mx_ImageView_rhs {
- order: 3;
- flex: 1 1 10%;
- min-width: 300px;
- // background-color: #800;
- // height: 20px;
-}
diff --git a/src/skins/vector/css/vector-web/views/elements/_InlineSpinner.scss b/src/skins/vector/css/vector-web/views/elements/_InlineSpinner.scss
deleted file mode 100644
index 612b6209c6..0000000000
--- a/src/skins/vector/css/vector-web/views/elements/_InlineSpinner.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
-Copyright 2017 New Vector Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_InlineSpinner {
- display: inline;
-}
-
-.mx_InlineSpinner img {
- margin: 0px 6px;
- vertical-align: -3px;
-}
diff --git a/src/skins/vector/css/vector-web/views/elements/_Spinner.scss b/src/skins/vector/css/vector-web/views/elements/_Spinner.scss
deleted file mode 100644
index aea5737918..0000000000
--- a/src/skins/vector/css/vector-web/views/elements/_Spinner.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_Spinner {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 100%;
- flex: 1;
-}
-
-.mx_MatrixChat_middlePanel .mx_Spinner {
- height: auto;
-}
\ No newline at end of file
diff --git a/src/skins/vector/css/vector-web/views/elements/_SyntaxHighlight.scss b/src/skins/vector/css/vector-web/views/elements/_SyntaxHighlight.scss
deleted file mode 100644
index e97401a160..0000000000
--- a/src/skins/vector/css/vector-web/views/elements/_SyntaxHighlight.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-/*
-Copyright 2017 Michael Telatynski <7t3chguy@gmail.com>
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_SyntaxHighlight {
- /* inhibit hljs styling */
- background: none !important;
- color: $light-fg-color !important;
-}
diff --git a/src/skins/vector/css/vector-web/views/globals/_MatrixToolbar.scss b/src/skins/vector/css/vector-web/views/globals/_MatrixToolbar.scss
deleted file mode 100644
index be69b15f37..0000000000
--- a/src/skins/vector/css/vector-web/views/globals/_MatrixToolbar.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MatrixToolbar {
- background-color: $accent-color;
- color: $accent-fg-color;
-
- display: flex;
- align-items: center;
-}
-
-.mx_MatrixToolbar_warning {
- margin-left: 16px;
- margin-right: 8px;
- margin-top: -2px;
-}
-
-.mx_MatrixToolbar_content {
- flex: 1;
-}
-
-.mx_MatrixToolbar_link
-{
- color: $accent-fg-color ! important;
- text-decoration: underline ! important;
- cursor: pointer;
-}
-
-.mx_MatrixToolbar_clickable {
- cursor: pointer;
-}
-
-.mx_MatrixToolbar_close {
- cursor: pointer;
-}
-
-.mx_MatrixToolbar_close img {
- display: block;
- float: right;
- margin-right: 10px;
-}
-
-.mx_MatrixToolbar_action {
- margin-right: 16px;
-}
-
-.mx_MatrixToolbar_changelog {
- white-space: pre;
-}
\ No newline at end of file
diff --git a/src/skins/vector/css/vector-web/views/messages/_DateSeparator.scss b/src/skins/vector/css/vector-web/views/messages/_DateSeparator.scss
deleted file mode 100644
index f676d24bef..0000000000
--- a/src/skins/vector/css/vector-web/views/messages/_DateSeparator.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_DateSeparator {
- clear: both;
- margin-top: 32px;
- margin-bottom: 8px;
- margin-left: 63px;
- padding-bottom: 6px;
- border-bottom: 1px solid $primary-hairline-color;
-}
-
diff --git a/src/skins/vector/css/vector-web/views/messages/_MessageTimestamp.scss b/src/skins/vector/css/vector-web/views/messages/_MessageTimestamp.scss
deleted file mode 100644
index e21189c59e..0000000000
--- a/src/skins/vector/css/vector-web/views/messages/_MessageTimestamp.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_MessageTimestamp {
-}
diff --git a/src/skins/vector/css/vector-web/views/messages/_SenderProfile.scss b/src/skins/vector/css/vector-web/views/messages/_SenderProfile.scss
deleted file mode 100644
index 060709b82e..0000000000
--- a/src/skins/vector/css/vector-web/views/messages/_SenderProfile.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
diff --git a/src/skins/vector/css/vector-web/views/rooms/_RoomDropTarget.scss b/src/skins/vector/css/vector-web/views/rooms/_RoomDropTarget.scss
deleted file mode 100644
index 1076a0563a..0000000000
--- a/src/skins/vector/css/vector-web/views/rooms/_RoomDropTarget.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RoomDropTarget_container {
- background-color: $secondary-accent-color;
- padding-left: 18px;
- padding-right: 18px;
- padding-top: 8px;
- padding-bottom: 7px;
-}
-
-.collapsed .mx_RoomDropTarget_container {
- padding-right: 10px;
- padding-left: 10px;
-}
-
-.mx_RoomDropTarget {
- font-size: 13px;
- padding-top: 5px;
- padding-bottom: 5px;
- border: 1px dashed $accent-color;
- color: $primary-fg-color;
- background-color: $droptarget-bg-color;
- border-radius: 4px;
-}
-
-
-.mx_RoomDropTarget_label {
- position: relative;
- margin-top: 3px;
- line-height: 21px;
- z-index: 1;
- text-align: center;
-}
-
-.collapsed .mx_RoomDropTarget_avatar {
- float: none;
-}
-
-.collapsed .mx_RoomDropTarget_label {
- display: none;
-}
diff --git a/src/skins/vector/css/vector-web/views/rooms/_RoomTooltip.scss b/src/skins/vector/css/vector-web/views/rooms/_RoomTooltip.scss
deleted file mode 100644
index 9988425b8f..0000000000
--- a/src/skins/vector/css/vector-web/views/rooms/_RoomTooltip.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_RoomTooltip_chevron {
- position: absolute;
- left: -8px;
- top: 4px;
- width: 0;
- height: 0;
- border-top: 8px solid transparent;
- border-right: 8px solid $menu-border-color;
- border-bottom: 8px solid transparent;
-}
-
-.mx_RoomTooltip_chevron:after {
- content:'';
- width: 0;
- height: 0;
- border-top: 7px solid transparent;
- border-right: 7px solid $primary-bg-color;
- border-bottom: 7px solid transparent;
- position:absolute;
- top: -7px;
- left: 1px;
-}
-
-.mx_RoomTooltip {
- display: none;
- position: fixed;
- border: 1px solid $menu-border-color;
- border-radius: 5px;
- background-color: $primary-bg-color;
- z-index: 2000;
- padding: 5px;
- pointer-events: none;
- line-height: 14px;
- font-size: 13px;
- color: $primary-fg-color;
- max-width: 600px;
- margin-right: 50px;
-}
diff --git a/src/skins/vector/css/vector-web/views/rooms/_SearchBar.scss b/src/skins/vector/css/vector-web/views/rooms/_SearchBar.scss
deleted file mode 100644
index 079ea16c68..0000000000
--- a/src/skins/vector/css/vector-web/views/rooms/_SearchBar.scss
+++ /dev/null
@@ -1,83 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_SearchBar {
- padding-top: 5px;
- padding-bottom: 5px;
- display: flex;
- align-items: center;
-}
-
-.mx_SearchBar_input {
- display: inline block;
- border-radius: 3px 0px 0px 3px;
- border: 1px solid $input-border-color;
- font-size: 15px;
- padding: 9px;
- padding-left: 11px;
- width: auto;
- flex: 1 1 0;
-}
-
-.mx_SearchBar_searchButton {
- cursor: pointer;
- margin-right: 10px;
- width: 37px;
- height: 37px;
- border-radius: 0px 3px 3px 0px;
- background-color: $accent-color;
-}
-
-@keyframes pulsate {
- 0% { opacity: 1.0; }
- 50% { opacity: 0.1; }
- 100% { opacity: 1.0; }
-}
-
-.mx_SearchBar_searching img {
- animation: pulsate 0.5s ease-out;
- animation-iteration-count: infinite;
-}
-
-.mx_SearchBar_button {
- display: inline;
- border: 0px;
- border-radius: 36px;
- font-weight: 400;
- font-size: 15px;
- color: $accent-fg-color;
- background-color: $accent-color;
- width: auto;
- margin: auto;
- margin-left: 7px;
- padding-top: 6px;
- padding-bottom: 4px;
- padding-left: 24px;
- padding-right: 24px;
- cursor: pointer;
-}
-
-.mx_SearchBar_unselected {
- background-color: $primary-bg-color;
- color: $accent-color;
- border: $accent-color 1px solid;
-}
-
-.mx_SearchBar_cancel {
- padding-left: 14px;
- padding-right: 14px;
- cursor: pointer;
-}
diff --git a/src/skins/vector/css/vector-web/views/settings/_Notifications.scss b/src/skins/vector/css/vector-web/views/settings/_Notifications.scss
deleted file mode 100644
index 4c88e44952..0000000000
--- a/src/skins/vector/css/vector-web/views/settings/_Notifications.scss
+++ /dev/null
@@ -1,70 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.mx_UserNotifSettings_tableRow
-{
- display: table-row;
-}
-
-.mx_UserNotifSettings_inputCell {
- display: table-cell;
- padding-bottom: 8px;
- padding-right: 8px;
- width: 16px;
-}
-
-.mx_UserNotifSettings_labelCell
-{
- padding-bottom: 8px;
- width: 400px;
- display: table-cell;
-}
-
-.mx_UserNotifSettings_pushRulesTableWrapper {
- padding-bottom: 8px;
-}
-
-.mx_UserNotifSettings_pushRulesTable {
- width: 100%;
- table-layout: fixed;
-}
-
-.mx_UserNotifSettings_pushRulesTable thead {
- font-weight: bold;
- font-size: 15px;
-}
-
-.mx_UserNotifSettings_pushRulesTable tbody th {
- font-weight: 400;
- font-size: 15px;
-}
-
-.mx_UserNotifSettings_pushRulesTable tbody th:first-child {
- text-align: left;
-}
-
-.mx_UserNotifSettings_keywords {
- cursor: pointer;
- color: $accent-color;
-}
-
-.mx_UserSettings_devicesTable td {
- padding-left: 20px;
- padding-right: 20px;
-}
-.mx_UserSettings_devicesTable_nodevices {
- font-style: italic;
-}
diff --git a/src/skins/vector/fonts/Fira_Mono/FiraMono-Bold.ttf b/src/skins/vector/fonts/Fira_Mono/FiraMono-Bold.ttf
deleted file mode 100755
index 4b8b1cfbcb..0000000000
Binary files a/src/skins/vector/fonts/Fira_Mono/FiraMono-Bold.ttf and /dev/null differ
diff --git a/src/skins/vector/fonts/Fira_Mono/FiraMono-Regular.ttf b/src/skins/vector/fonts/Fira_Mono/FiraMono-Regular.ttf
deleted file mode 100755
index 5238c09eda..0000000000
Binary files a/src/skins/vector/fonts/Fira_Mono/FiraMono-Regular.ttf and /dev/null differ
diff --git a/src/skins/vector/fonts/Fira_Mono/OFL.txt b/src/skins/vector/fonts/Fira_Mono/OFL.txt
deleted file mode 100755
index ba853c049e..0000000000
--- a/src/skins/vector/fonts/Fira_Mono/OFL.txt
+++ /dev/null
@@ -1,92 +0,0 @@
-Copyright (c) 2012-2013, The Mozilla Corporation and Telefonica S.A.
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded,
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/src/skins/vector/fonts/Open_Sans/LICENSE.txt b/src/skins/vector/fonts/Open_Sans/LICENSE.txt
deleted file mode 100755
index 75b52484ea..0000000000
--- a/src/skins/vector/fonts/Open_Sans/LICENSE.txt
+++ /dev/null
@@ -1,202 +0,0 @@
-
- Apache License
- Version 2.0, January 2004
- http://www.apache.org/licenses/
-
- TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
- 1. Definitions.
-
- "License" shall mean the terms and conditions for use, reproduction,
- and distribution as defined by Sections 1 through 9 of this document.
-
- "Licensor" shall mean the copyright owner or entity authorized by
- the copyright owner that is granting the License.
-
- "Legal Entity" shall mean the union of the acting entity and all
- other entities that control, are controlled by, or are under common
- control with that entity. For the purposes of this definition,
- "control" means (i) the power, direct or indirect, to cause the
- direction or management of such entity, whether by contract or
- otherwise, or (ii) ownership of fifty percent (50%) or more of the
- outstanding shares, or (iii) beneficial ownership of such entity.
-
- "You" (or "Your") shall mean an individual or Legal Entity
- exercising permissions granted by this License.
-
- "Source" form shall mean the preferred form for making modifications,
- including but not limited to software source code, documentation
- source, and configuration files.
-
- "Object" form shall mean any form resulting from mechanical
- transformation or translation of a Source form, including but
- not limited to compiled object code, generated documentation,
- and conversions to other media types.
-
- "Work" shall mean the work of authorship, whether in Source or
- Object form, made available under the License, as indicated by a
- copyright notice that is included in or attached to the work
- (an example is provided in the Appendix below).
-
- "Derivative Works" shall mean any work, whether in Source or Object
- form, that is based on (or derived from) the Work and for which the
- editorial revisions, annotations, elaborations, or other modifications
- represent, as a whole, an original work of authorship. For the purposes
- of this License, Derivative Works shall not include works that remain
- separable from, or merely link (or bind by name) to the interfaces of,
- the Work and Derivative Works thereof.
-
- "Contribution" shall mean any work of authorship, including
- the original version of the Work and any modifications or additions
- to that Work or Derivative Works thereof, that is intentionally
- submitted to Licensor for inclusion in the Work by the copyright owner
- or by an individual or Legal Entity authorized to submit on behalf of
- the copyright owner. For the purposes of this definition, "submitted"
- means any form of electronic, verbal, or written communication sent
- to the Licensor or its representatives, including but not limited to
- communication on electronic mailing lists, source code control systems,
- and issue tracking systems that are managed by, or on behalf of, the
- Licensor for the purpose of discussing and improving the Work, but
- excluding communication that is conspicuously marked or otherwise
- designated in writing by the copyright owner as "Not a Contribution."
-
- "Contributor" shall mean Licensor and any individual or Legal Entity
- on behalf of whom a Contribution has been received by Licensor and
- subsequently incorporated within the Work.
-
- 2. Grant of Copyright License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- copyright license to reproduce, prepare Derivative Works of,
- publicly display, publicly perform, sublicense, and distribute the
- Work and such Derivative Works in Source or Object form.
-
- 3. Grant of Patent License. Subject to the terms and conditions of
- this License, each Contributor hereby grants to You a perpetual,
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
- (except as stated in this section) patent license to make, have made,
- use, offer to sell, sell, import, and otherwise transfer the Work,
- where such license applies only to those patent claims licensable
- by such Contributor that are necessarily infringed by their
- Contribution(s) alone or by combination of their Contribution(s)
- with the Work to which such Contribution(s) was submitted. If You
- institute patent litigation against any entity (including a
- cross-claim or counterclaim in a lawsuit) alleging that the Work
- or a Contribution incorporated within the Work constitutes direct
- or contributory patent infringement, then any patent licenses
- granted to You under this License for that Work shall terminate
- as of the date such litigation is filed.
-
- 4. Redistribution. You may reproduce and distribute copies of the
- Work or Derivative Works thereof in any medium, with or without
- modifications, and in Source or Object form, provided that You
- meet the following conditions:
-
- (a) You must give any other recipients of the Work or
- Derivative Works a copy of this License; and
-
- (b) You must cause any modified files to carry prominent notices
- stating that You changed the files; and
-
- (c) You must retain, in the Source form of any Derivative Works
- that You distribute, all copyright, patent, trademark, and
- attribution notices from the Source form of the Work,
- excluding those notices that do not pertain to any part of
- the Derivative Works; and
-
- (d) If the Work includes a "NOTICE" text file as part of its
- distribution, then any Derivative Works that You distribute must
- include a readable copy of the attribution notices contained
- within such NOTICE file, excluding those notices that do not
- pertain to any part of the Derivative Works, in at least one
- of the following places: within a NOTICE text file distributed
- as part of the Derivative Works; within the Source form or
- documentation, if provided along with the Derivative Works; or,
- within a display generated by the Derivative Works, if and
- wherever such third-party notices normally appear. The contents
- of the NOTICE file are for informational purposes only and
- do not modify the License. You may add Your own attribution
- notices within Derivative Works that You distribute, alongside
- or as an addendum to the NOTICE text from the Work, provided
- that such additional attribution notices cannot be construed
- as modifying the License.
-
- You may add Your own copyright statement to Your modifications and
- may provide additional or different license terms and conditions
- for use, reproduction, or distribution of Your modifications, or
- for any such Derivative Works as a whole, provided Your use,
- reproduction, and distribution of the Work otherwise complies with
- the conditions stated in this License.
-
- 5. Submission of Contributions. Unless You explicitly state otherwise,
- any Contribution intentionally submitted for inclusion in the Work
- by You to the Licensor shall be under the terms and conditions of
- this License, without any additional terms or conditions.
- Notwithstanding the above, nothing herein shall supersede or modify
- the terms of any separate license agreement you may have executed
- with Licensor regarding such Contributions.
-
- 6. Trademarks. This License does not grant permission to use the trade
- names, trademarks, service marks, or product names of the Licensor,
- except as required for reasonable and customary use in describing the
- origin of the Work and reproducing the content of the NOTICE file.
-
- 7. Disclaimer of Warranty. Unless required by applicable law or
- agreed to in writing, Licensor provides the Work (and each
- Contributor provides its Contributions) on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
- implied, including, without limitation, any warranties or conditions
- of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
- PARTICULAR PURPOSE. You are solely responsible for determining the
- appropriateness of using or redistributing the Work and assume any
- risks associated with Your exercise of permissions under this License.
-
- 8. Limitation of Liability. In no event and under no legal theory,
- whether in tort (including negligence), contract, or otherwise,
- unless required by applicable law (such as deliberate and grossly
- negligent acts) or agreed to in writing, shall any Contributor be
- liable to You for damages, including any direct, indirect, special,
- incidental, or consequential damages of any character arising as a
- result of this License or out of the use or inability to use the
- Work (including but not limited to damages for loss of goodwill,
- work stoppage, computer failure or malfunction, or any and all
- other commercial damages or losses), even if such Contributor
- has been advised of the possibility of such damages.
-
- 9. Accepting Warranty or Additional Liability. While redistributing
- the Work or Derivative Works thereof, You may choose to offer,
- and charge a fee for, acceptance of support, warranty, indemnity,
- or other liability obligations and/or rights consistent with this
- License. However, in accepting such obligations, You may act only
- on Your own behalf and on Your sole responsibility, not on behalf
- of any other Contributor, and only if You agree to indemnify,
- defend, and hold each Contributor harmless for any liability
- incurred by, or claims asserted against, such Contributor by reason
- of your accepting any such warranty or additional liability.
-
- END OF TERMS AND CONDITIONS
-
- APPENDIX: How to apply the Apache License to your work.
-
- To apply the Apache License to your work, attach the following
- boilerplate notice, with the fields enclosed by brackets "[]"
- replaced with your own identifying information. (Don't include
- the brackets!) The text should be enclosed in the appropriate
- comment syntax for the file format. We also recommend that a
- file or class name and description of purpose be included on the
- same "printed page" as the copyright notice for easier
- identification within third-party archives.
-
- Copyright [yyyy] [name of copyright owner]
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
diff --git a/src/skins/vector/fonts/Open_Sans/OpenSans-Bold.ttf b/src/skins/vector/fonts/Open_Sans/OpenSans-Bold.ttf
deleted file mode 100755
index fd79d43bea..0000000000
Binary files a/src/skins/vector/fonts/Open_Sans/OpenSans-Bold.ttf and /dev/null differ
diff --git a/src/skins/vector/fonts/Open_Sans/OpenSans-BoldItalic.ttf b/src/skins/vector/fonts/Open_Sans/OpenSans-BoldItalic.ttf
deleted file mode 100755
index 9bc800958a..0000000000
Binary files a/src/skins/vector/fonts/Open_Sans/OpenSans-BoldItalic.ttf and /dev/null differ
diff --git a/src/skins/vector/fonts/Open_Sans/OpenSans-Italic.ttf b/src/skins/vector/fonts/Open_Sans/OpenSans-Italic.ttf
deleted file mode 100755
index c90da48ff3..0000000000
Binary files a/src/skins/vector/fonts/Open_Sans/OpenSans-Italic.ttf and /dev/null differ
diff --git a/src/skins/vector/fonts/Open_Sans/OpenSans-Regular.ttf b/src/skins/vector/fonts/Open_Sans/OpenSans-Regular.ttf
deleted file mode 100755
index db433349b7..0000000000
Binary files a/src/skins/vector/fonts/Open_Sans/OpenSans-Regular.ttf and /dev/null differ
diff --git a/src/skins/vector/fonts/Open_Sans/OpenSans-Semibold.ttf b/src/skins/vector/fonts/Open_Sans/OpenSans-Semibold.ttf
deleted file mode 100755
index 1a7679e394..0000000000
Binary files a/src/skins/vector/fonts/Open_Sans/OpenSans-Semibold.ttf and /dev/null differ
diff --git a/src/skins/vector/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf b/src/skins/vector/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf
deleted file mode 100755
index 59b6d16b06..0000000000
Binary files a/src/skins/vector/fonts/Open_Sans/OpenSans-SemiboldItalic.ttf and /dev/null differ
diff --git a/src/skins/vector/img/50e2c2.png b/src/skins/vector/img/50e2c2.png
deleted file mode 100644
index ee0f855895..0000000000
Binary files a/src/skins/vector/img/50e2c2.png and /dev/null differ
diff --git a/src/skins/vector/img/76cfa6.png b/src/skins/vector/img/76cfa6.png
deleted file mode 100644
index de1ea60d54..0000000000
Binary files a/src/skins/vector/img/76cfa6.png and /dev/null differ
diff --git a/src/skins/vector/img/80cef4.png b/src/skins/vector/img/80cef4.png
deleted file mode 100644
index 637d03f63c..0000000000
Binary files a/src/skins/vector/img/80cef4.png and /dev/null differ
diff --git a/src/skins/vector/img/admin.svg b/src/skins/vector/img/admin.svg
deleted file mode 100644
index 7ea7459304..0000000000
--- a/src/skins/vector/img/admin.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
diff --git a/src/skins/vector/img/attach.png b/src/skins/vector/img/attach.png
deleted file mode 100644
index 1bcb70045d..0000000000
Binary files a/src/skins/vector/img/attach.png and /dev/null differ
diff --git a/src/skins/vector/img/avatar-error.svg b/src/skins/vector/img/avatar-error.svg
deleted file mode 100644
index c5e168944c..0000000000
--- a/src/skins/vector/img/avatar-error.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
diff --git a/src/skins/vector/img/button-md-false.png b/src/skins/vector/img/button-md-false.png
deleted file mode 100644
index 6debbccc93..0000000000
Binary files a/src/skins/vector/img/button-md-false.png and /dev/null differ
diff --git a/src/skins/vector/img/button-md-false.svg b/src/skins/vector/img/button-md-false.svg
deleted file mode 100644
index 6414933d96..0000000000
--- a/src/skins/vector/img/button-md-false.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-md-false@2x.png b/src/skins/vector/img/button-md-false@2x.png
deleted file mode 100644
index 497f5385d1..0000000000
Binary files a/src/skins/vector/img/button-md-false@2x.png and /dev/null differ
diff --git a/src/skins/vector/img/button-md-false@3x.png b/src/skins/vector/img/button-md-false@3x.png
deleted file mode 100644
index 1184e6b351..0000000000
Binary files a/src/skins/vector/img/button-md-false@3x.png and /dev/null differ
diff --git a/src/skins/vector/img/button-md-true.png b/src/skins/vector/img/button-md-true.png
deleted file mode 100644
index 2e39c55e1e..0000000000
Binary files a/src/skins/vector/img/button-md-true.png and /dev/null differ
diff --git a/src/skins/vector/img/button-md-true.svg b/src/skins/vector/img/button-md-true.svg
deleted file mode 100644
index 2acc4f675c..0000000000
--- a/src/skins/vector/img/button-md-true.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-md-true@2x.png b/src/skins/vector/img/button-md-true@2x.png
deleted file mode 100644
index ad9067f385..0000000000
Binary files a/src/skins/vector/img/button-md-true@2x.png and /dev/null differ
diff --git a/src/skins/vector/img/button-md-true@3x.png b/src/skins/vector/img/button-md-true@3x.png
deleted file mode 100644
index d615867dc4..0000000000
Binary files a/src/skins/vector/img/button-md-true@3x.png and /dev/null differ
diff --git a/src/skins/vector/img/button-text-bold-o-n.svg b/src/skins/vector/img/button-text-bold-o-n.svg
deleted file mode 100644
index 161e740e90..0000000000
--- a/src/skins/vector/img/button-text-bold-o-n.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-bold.svg b/src/skins/vector/img/button-text-bold.svg
deleted file mode 100644
index 0fd0baa07e..0000000000
--- a/src/skins/vector/img/button-text-bold.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-bullet-o-n.svg b/src/skins/vector/img/button-text-bullet-o-n.svg
deleted file mode 100644
index d4a40e889c..0000000000
--- a/src/skins/vector/img/button-text-bullet-o-n.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-bullet.svg b/src/skins/vector/img/button-text-bullet.svg
deleted file mode 100644
index ae3e640d8e..0000000000
--- a/src/skins/vector/img/button-text-bullet.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-code-o-n.svg b/src/skins/vector/img/button-text-code-o-n.svg
deleted file mode 100644
index 8d1439c97b..0000000000
--- a/src/skins/vector/img/button-text-code-o-n.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-code.svg b/src/skins/vector/img/button-text-code.svg
deleted file mode 100644
index 24026cb709..0000000000
--- a/src/skins/vector/img/button-text-code.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-formatting.svg b/src/skins/vector/img/button-text-formatting.svg
deleted file mode 100644
index d697010d40..0000000000
--- a/src/skins/vector/img/button-text-formatting.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/button-text-italic-o-n.svg b/src/skins/vector/img/button-text-italic-o-n.svg
deleted file mode 100644
index 15fe588596..0000000000
--- a/src/skins/vector/img/button-text-italic-o-n.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-italic.svg b/src/skins/vector/img/button-text-italic.svg
deleted file mode 100644
index b5722e827b..0000000000
--- a/src/skins/vector/img/button-text-italic.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-numbullet-o-n.svg b/src/skins/vector/img/button-text-numbullet-o-n.svg
deleted file mode 100644
index 869a2c2cc2..0000000000
--- a/src/skins/vector/img/button-text-numbullet-o-n.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-numbullet.svg b/src/skins/vector/img/button-text-numbullet.svg
deleted file mode 100644
index 8e5b8b87b6..0000000000
--- a/src/skins/vector/img/button-text-numbullet.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-quote-o-n.svg b/src/skins/vector/img/button-text-quote-o-n.svg
deleted file mode 100644
index f8a86125c9..0000000000
--- a/src/skins/vector/img/button-text-quote-o-n.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-quote.svg b/src/skins/vector/img/button-text-quote.svg
deleted file mode 100644
index d70c261f5d..0000000000
--- a/src/skins/vector/img/button-text-quote.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-strike-o-n.svg b/src/skins/vector/img/button-text-strike-o-n.svg
deleted file mode 100644
index 2914fcabe6..0000000000
--- a/src/skins/vector/img/button-text-strike-o-n.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-strike.svg b/src/skins/vector/img/button-text-strike.svg
deleted file mode 100644
index 5f262dc350..0000000000
--- a/src/skins/vector/img/button-text-strike.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-underline-o-n.svg b/src/skins/vector/img/button-text-underline-o-n.svg
deleted file mode 100644
index 870be3ce6a..0000000000
--- a/src/skins/vector/img/button-text-underline-o-n.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-underline.svg b/src/skins/vector/img/button-text-underline.svg
deleted file mode 100644
index 26f448539c..0000000000
--- a/src/skins/vector/img/button-text-underline.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/call.png b/src/skins/vector/img/call.png
deleted file mode 100644
index a7805e0596..0000000000
Binary files a/src/skins/vector/img/call.png and /dev/null differ
diff --git a/src/skins/vector/img/call.svg b/src/skins/vector/img/call.svg
deleted file mode 100644
index f528f9a24e..0000000000
--- a/src/skins/vector/img/call.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/camera.svg b/src/skins/vector/img/camera.svg
deleted file mode 100644
index 6519496f78..0000000000
--- a/src/skins/vector/img/camera.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
diff --git a/src/skins/vector/img/camera_green.svg b/src/skins/vector/img/camera_green.svg
deleted file mode 100644
index 5aae5502cd..0000000000
--- a/src/skins/vector/img/camera_green.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
-
diff --git a/src/skins/vector/img/cancel-black.png b/src/skins/vector/img/cancel-black.png
deleted file mode 100644
index 87dcfd41a8..0000000000
Binary files a/src/skins/vector/img/cancel-black.png and /dev/null differ
diff --git a/src/skins/vector/img/cancel-black2.png b/src/skins/vector/img/cancel-black2.png
deleted file mode 100644
index a928c61b09..0000000000
Binary files a/src/skins/vector/img/cancel-black2.png and /dev/null differ
diff --git a/src/skins/vector/img/cancel-red.svg b/src/skins/vector/img/cancel-red.svg
deleted file mode 100644
index a72a970b62..0000000000
--- a/src/skins/vector/img/cancel-red.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
diff --git a/src/skins/vector/img/cancel-small.svg b/src/skins/vector/img/cancel-small.svg
deleted file mode 100644
index e4c8cafc10..0000000000
--- a/src/skins/vector/img/cancel-small.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/cancel-white.svg b/src/skins/vector/img/cancel-white.svg
deleted file mode 100644
index 65e14c2fbc..0000000000
--- a/src/skins/vector/img/cancel-white.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/cancel.png b/src/skins/vector/img/cancel.png
deleted file mode 100644
index 2bda8ff5bf..0000000000
Binary files a/src/skins/vector/img/cancel.png and /dev/null differ
diff --git a/src/skins/vector/img/cancel.svg b/src/skins/vector/img/cancel.svg
deleted file mode 100644
index e32060025e..0000000000
--- a/src/skins/vector/img/cancel.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/cancel_green.svg b/src/skins/vector/img/cancel_green.svg
deleted file mode 100644
index 2e3d759be2..0000000000
--- a/src/skins/vector/img/cancel_green.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/chevron-left.png b/src/skins/vector/img/chevron-left.png
deleted file mode 100644
index efb0065de9..0000000000
Binary files a/src/skins/vector/img/chevron-left.png and /dev/null differ
diff --git a/src/skins/vector/img/chevron-right.png b/src/skins/vector/img/chevron-right.png
deleted file mode 100644
index 18a4684e47..0000000000
Binary files a/src/skins/vector/img/chevron-right.png and /dev/null differ
diff --git a/src/skins/vector/img/chevron.png b/src/skins/vector/img/chevron.png
deleted file mode 100644
index 81236f91bc..0000000000
Binary files a/src/skins/vector/img/chevron.png and /dev/null differ
diff --git a/src/skins/vector/img/close-white.png b/src/skins/vector/img/close-white.png
deleted file mode 100644
index d8752ed9fe..0000000000
Binary files a/src/skins/vector/img/close-white.png and /dev/null differ
diff --git a/src/skins/vector/img/create-big.png b/src/skins/vector/img/create-big.png
deleted file mode 100644
index b7307a11c7..0000000000
Binary files a/src/skins/vector/img/create-big.png and /dev/null differ
diff --git a/src/skins/vector/img/create-big.svg b/src/skins/vector/img/create-big.svg
deleted file mode 100644
index 2450542b63..0000000000
--- a/src/skins/vector/img/create-big.svg
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/create.png b/src/skins/vector/img/create.png
deleted file mode 100644
index 2d6107ac50..0000000000
Binary files a/src/skins/vector/img/create.png and /dev/null differ
diff --git a/src/skins/vector/img/delete.png b/src/skins/vector/img/delete.png
deleted file mode 100644
index 8ff20a116d..0000000000
Binary files a/src/skins/vector/img/delete.png and /dev/null differ
diff --git a/src/skins/vector/img/directory-big.png b/src/skins/vector/img/directory-big.png
deleted file mode 100644
index 03cab69c4a..0000000000
Binary files a/src/skins/vector/img/directory-big.png and /dev/null differ
diff --git a/src/skins/vector/img/directory-big.svg b/src/skins/vector/img/directory-big.svg
deleted file mode 100644
index 5631a2ae3e..0000000000
--- a/src/skins/vector/img/directory-big.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/download.png b/src/skins/vector/img/download.png
deleted file mode 100644
index 1999ebf7ab..0000000000
Binary files a/src/skins/vector/img/download.png and /dev/null differ
diff --git a/src/skins/vector/img/download.svg b/src/skins/vector/img/download.svg
deleted file mode 100644
index d0ea090d8a..0000000000
--- a/src/skins/vector/img/download.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/e2e-blocked.svg b/src/skins/vector/img/e2e-blocked.svg
deleted file mode 100644
index 0ab2c6efbe..0000000000
--- a/src/skins/vector/img/e2e-blocked.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/e2e-unencrypted.svg b/src/skins/vector/img/e2e-unencrypted.svg
deleted file mode 100644
index 1467223638..0000000000
--- a/src/skins/vector/img/e2e-unencrypted.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/e2e-verified.svg b/src/skins/vector/img/e2e-verified.svg
deleted file mode 100644
index b65f50b2b6..0000000000
--- a/src/skins/vector/img/e2e-verified.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/e2e-warning.svg b/src/skins/vector/img/e2e-warning.svg
deleted file mode 100644
index 8a55f199ba..0000000000
--- a/src/skins/vector/img/e2e-warning.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/edit.png b/src/skins/vector/img/edit.png
deleted file mode 100644
index 6f373d3f3d..0000000000
Binary files a/src/skins/vector/img/edit.png and /dev/null differ
diff --git a/src/skins/vector/img/edit.svg b/src/skins/vector/img/edit.svg
deleted file mode 100644
index 9ba0060774..0000000000
--- a/src/skins/vector/img/edit.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/edit_green.svg b/src/skins/vector/img/edit_green.svg
deleted file mode 100644
index f7f4c7adcb..0000000000
--- a/src/skins/vector/img/edit_green.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/ellipsis.svg b/src/skins/vector/img/ellipsis.svg
deleted file mode 100644
index d60c844089..0000000000
--- a/src/skins/vector/img/ellipsis.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/eol.svg b/src/skins/vector/img/eol.svg
deleted file mode 100644
index 02d1946cf4..0000000000
--- a/src/skins/vector/img/eol.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
diff --git a/src/skins/vector/img/f4c371.png b/src/skins/vector/img/f4c371.png
deleted file mode 100644
index ad3b8f1616..0000000000
Binary files a/src/skins/vector/img/f4c371.png and /dev/null differ
diff --git a/src/skins/vector/img/file.png b/src/skins/vector/img/file.png
deleted file mode 100644
index 5904ea8284..0000000000
Binary files a/src/skins/vector/img/file.png and /dev/null differ
diff --git a/src/skins/vector/img/filegrid.png b/src/skins/vector/img/filegrid.png
deleted file mode 100644
index c2c2799f37..0000000000
Binary files a/src/skins/vector/img/filegrid.png and /dev/null differ
diff --git a/src/skins/vector/img/fileicon.png b/src/skins/vector/img/fileicon.png
deleted file mode 100644
index af018efa6d..0000000000
Binary files a/src/skins/vector/img/fileicon.png and /dev/null differ
diff --git a/src/skins/vector/img/filelist.png b/src/skins/vector/img/filelist.png
deleted file mode 100644
index 3cf6cb494e..0000000000
Binary files a/src/skins/vector/img/filelist.png and /dev/null differ
diff --git a/src/skins/vector/img/files.png b/src/skins/vector/img/files.png
deleted file mode 100644
index 83932267f8..0000000000
Binary files a/src/skins/vector/img/files.png and /dev/null differ
diff --git a/src/skins/vector/img/files.svg b/src/skins/vector/img/files.svg
deleted file mode 100644
index 20aba851ea..0000000000
--- a/src/skins/vector/img/files.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/fullscreen.svg b/src/skins/vector/img/fullscreen.svg
deleted file mode 100644
index e333abb6fb..0000000000
--- a/src/skins/vector/img/fullscreen.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/hangup.svg b/src/skins/vector/img/hangup.svg
deleted file mode 100644
index be038d2b30..0000000000
--- a/src/skins/vector/img/hangup.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/hide.png b/src/skins/vector/img/hide.png
deleted file mode 100644
index c5aaf0dd0d..0000000000
Binary files a/src/skins/vector/img/hide.png and /dev/null differ
diff --git a/src/skins/vector/img/icon-address-delete.svg b/src/skins/vector/img/icon-address-delete.svg
deleted file mode 100644
index 1289d5aafc..0000000000
--- a/src/skins/vector/img/icon-address-delete.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icon-call.svg b/src/skins/vector/img/icon-call.svg
deleted file mode 100644
index 0ca5c29e9d..0000000000
--- a/src/skins/vector/img/icon-call.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icon-context-delete.svg b/src/skins/vector/img/icon-context-delete.svg
deleted file mode 100644
index fba9fa117b..0000000000
--- a/src/skins/vector/img/icon-context-delete.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icon-context-fave-on.svg b/src/skins/vector/img/icon-context-fave-on.svg
deleted file mode 100644
index 2ae172d8eb..0000000000
--- a/src/skins/vector/img/icon-context-fave-on.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icon-context-fave.svg b/src/skins/vector/img/icon-context-fave.svg
deleted file mode 100644
index 451e1849c8..0000000000
--- a/src/skins/vector/img/icon-context-fave.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icon-context-low-on.svg b/src/skins/vector/img/icon-context-low-on.svg
deleted file mode 100644
index 7578c6335c..0000000000
--- a/src/skins/vector/img/icon-context-low-on.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icon-context-low.svg b/src/skins/vector/img/icon-context-low.svg
deleted file mode 100644
index 663f3ca9eb..0000000000
--- a/src/skins/vector/img/icon-context-low.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icon-context-mute-mentions.svg b/src/skins/vector/img/icon-context-mute-mentions.svg
deleted file mode 100644
index 3693b7a82a..0000000000
--- a/src/skins/vector/img/icon-context-mute-mentions.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icon-context-mute-off-copy.svg b/src/skins/vector/img/icon-context-mute-off-copy.svg
deleted file mode 100644
index 861f2975de..0000000000
--- a/src/skins/vector/img/icon-context-mute-off-copy.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icon-context-mute-off.svg b/src/skins/vector/img/icon-context-mute-off.svg
deleted file mode 100644
index d801823b5d..0000000000
--- a/src/skins/vector/img/icon-context-mute-off.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icon-context-mute.svg b/src/skins/vector/img/icon-context-mute.svg
deleted file mode 100644
index f53b868a76..0000000000
--- a/src/skins/vector/img/icon-context-mute.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icon-delete-pink.svg b/src/skins/vector/img/icon-delete-pink.svg
deleted file mode 100644
index aafa87f1b2..0000000000
--- a/src/skins/vector/img/icon-delete-pink.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icon-email-user.svg b/src/skins/vector/img/icon-email-user.svg
deleted file mode 100644
index 2d41e06f98..0000000000
--- a/src/skins/vector/img/icon-email-user.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icon-invite-people.svg b/src/skins/vector/img/icon-invite-people.svg
deleted file mode 100644
index f13a03ed70..0000000000
--- a/src/skins/vector/img/icon-invite-people.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icon-mx-user.svg b/src/skins/vector/img/icon-mx-user.svg
deleted file mode 100644
index 5780277f38..0000000000
--- a/src/skins/vector/img/icon-mx-user.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icon-return.svg b/src/skins/vector/img/icon-return.svg
deleted file mode 100644
index 80da0f82aa..0000000000
--- a/src/skins/vector/img/icon-return.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/icon-text-cancel.svg b/src/skins/vector/img/icon-text-cancel.svg
deleted file mode 100644
index ce28d128aa..0000000000
--- a/src/skins/vector/img/icon-text-cancel.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/icon_context_delete.svg b/src/skins/vector/img/icon_context_delete.svg
deleted file mode 100644
index 896b94ad13..0000000000
--- a/src/skins/vector/img/icon_context_delete.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icon_context_fave.svg b/src/skins/vector/img/icon_context_fave.svg
deleted file mode 100644
index da7b14a1f4..0000000000
--- a/src/skins/vector/img/icon_context_fave.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icon_context_fave_on.svg b/src/skins/vector/img/icon_context_fave_on.svg
deleted file mode 100644
index e22e92d36e..0000000000
--- a/src/skins/vector/img/icon_context_fave_on.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icon_context_low.svg b/src/skins/vector/img/icon_context_low.svg
deleted file mode 100644
index ea579ef4c5..0000000000
--- a/src/skins/vector/img/icon_context_low.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icon_context_low_on.svg b/src/skins/vector/img/icon_context_low_on.svg
deleted file mode 100644
index 28300f9a74..0000000000
--- a/src/skins/vector/img/icon_context_low_on.svg
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icon_context_message.svg b/src/skins/vector/img/icon_context_message.svg
deleted file mode 100644
index f2ceccfa78..0000000000
--- a/src/skins/vector/img/icon_context_message.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icon_context_message_dark.svg b/src/skins/vector/img/icon_context_message_dark.svg
deleted file mode 100644
index b4336cc377..0000000000
--- a/src/skins/vector/img/icon_context_message_dark.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icon_context_person.svg b/src/skins/vector/img/icon_context_person.svg
deleted file mode 100644
index fff019d377..0000000000
--- a/src/skins/vector/img/icon_context_person.svg
+++ /dev/null
@@ -1,85 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icon_context_person_on.svg b/src/skins/vector/img/icon_context_person_on.svg
deleted file mode 100644
index 362944332d..0000000000
--- a/src/skins/vector/img/icon_context_person_on.svg
+++ /dev/null
@@ -1,85 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icon_copy_message.svg b/src/skins/vector/img/icon_copy_message.svg
deleted file mode 100644
index 8d8887bb22..0000000000
--- a/src/skins/vector/img/icon_copy_message.svg
+++ /dev/null
@@ -1,86 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icon_copy_message_dark.svg b/src/skins/vector/img/icon_copy_message_dark.svg
deleted file mode 100644
index b81e617d8c..0000000000
--- a/src/skins/vector/img/icon_copy_message_dark.svg
+++ /dev/null
@@ -1,77 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icon_person.svg b/src/skins/vector/img/icon_person.svg
deleted file mode 100644
index 4be70df0db..0000000000
--- a/src/skins/vector/img/icon_person.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icons-apps-active.svg b/src/skins/vector/img/icons-apps-active.svg
deleted file mode 100644
index ea222d0511..0000000000
--- a/src/skins/vector/img/icons-apps-active.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
-
-
diff --git a/src/skins/vector/img/icons-apps.svg b/src/skins/vector/img/icons-apps.svg
deleted file mode 100644
index affd8e6408..0000000000
--- a/src/skins/vector/img/icons-apps.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
-
diff --git a/src/skins/vector/img/icons-close-button.svg b/src/skins/vector/img/icons-close-button.svg
deleted file mode 100644
index f960d73a3c..0000000000
--- a/src/skins/vector/img/icons-close-button.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icons-close.svg b/src/skins/vector/img/icons-close.svg
deleted file mode 100644
index 453b51082f..0000000000
--- a/src/skins/vector/img/icons-close.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icons-create-room.svg b/src/skins/vector/img/icons-create-room.svg
deleted file mode 100644
index 252bd2df3b..0000000000
--- a/src/skins/vector/img/icons-create-room.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icons-directory.svg b/src/skins/vector/img/icons-directory.svg
deleted file mode 100644
index 2688b84713..0000000000
--- a/src/skins/vector/img/icons-directory.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/icons-files.svg b/src/skins/vector/img/icons-files.svg
deleted file mode 100644
index 97ba4228e3..0000000000
--- a/src/skins/vector/img/icons-files.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/icons-groups.svg b/src/skins/vector/img/icons-groups.svg
deleted file mode 100644
index 8f89ba83c4..0000000000
--- a/src/skins/vector/img/icons-groups.svg
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icons-hide-apps.svg b/src/skins/vector/img/icons-hide-apps.svg
deleted file mode 100644
index b622e97f71..0000000000
--- a/src/skins/vector/img/icons-hide-apps.svg
+++ /dev/null
@@ -1,34 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icons-hide-stickers.svg b/src/skins/vector/img/icons-hide-stickers.svg
deleted file mode 100644
index f28e8646e6..0000000000
--- a/src/skins/vector/img/icons-hide-stickers.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
diff --git a/src/skins/vector/img/icons-home.svg b/src/skins/vector/img/icons-home.svg
deleted file mode 100644
index eb5484c883..0000000000
--- a/src/skins/vector/img/icons-home.svg
+++ /dev/null
@@ -1,27 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icons-notifications.svg b/src/skins/vector/img/icons-notifications.svg
deleted file mode 100644
index 66a49d6c0c..0000000000
--- a/src/skins/vector/img/icons-notifications.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/icons-people.svg b/src/skins/vector/img/icons-people.svg
deleted file mode 100644
index 8854506127..0000000000
--- a/src/skins/vector/img/icons-people.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icons-pin.svg b/src/skins/vector/img/icons-pin.svg
deleted file mode 100644
index a6fbf13baa..0000000000
--- a/src/skins/vector/img/icons-pin.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-
\ No newline at end of file
diff --git a/src/skins/vector/img/icons-room-add.svg b/src/skins/vector/img/icons-room-add.svg
deleted file mode 100644
index fc0ab750b6..0000000000
--- a/src/skins/vector/img/icons-room-add.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icons-room.svg b/src/skins/vector/img/icons-room.svg
deleted file mode 100644
index d2abb21301..0000000000
--- a/src/skins/vector/img/icons-room.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icons-search-copy.svg b/src/skins/vector/img/icons-search-copy.svg
deleted file mode 100644
index b026718b84..0000000000
--- a/src/skins/vector/img/icons-search-copy.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icons-search.svg b/src/skins/vector/img/icons-search.svg
deleted file mode 100644
index d85709e66c..0000000000
--- a/src/skins/vector/img/icons-search.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icons-settings-room.svg b/src/skins/vector/img/icons-settings-room.svg
deleted file mode 100644
index 117d134c95..0000000000
--- a/src/skins/vector/img/icons-settings-room.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icons-settings.svg b/src/skins/vector/img/icons-settings.svg
deleted file mode 100644
index 3ca2b655f4..0000000000
--- a/src/skins/vector/img/icons-settings.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icons-show-apps.svg b/src/skins/vector/img/icons-show-apps.svg
deleted file mode 100644
index 3438157301..0000000000
--- a/src/skins/vector/img/icons-show-apps.svg
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icons-show-stickers.svg b/src/skins/vector/img/icons-show-stickers.svg
deleted file mode 100644
index 26779a3940..0000000000
--- a/src/skins/vector/img/icons-show-stickers.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
diff --git a/src/skins/vector/img/icons-upload.svg b/src/skins/vector/img/icons-upload.svg
deleted file mode 100644
index b0101e87a0..0000000000
--- a/src/skins/vector/img/icons-upload.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/icons-video.svg b/src/skins/vector/img/icons-video.svg
deleted file mode 100644
index d367f49609..0000000000
--- a/src/skins/vector/img/icons-video.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
diff --git a/src/skins/vector/img/icons_ellipsis.svg b/src/skins/vector/img/icons_ellipsis.svg
deleted file mode 100644
index ba600ccacc..0000000000
--- a/src/skins/vector/img/icons_ellipsis.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/src/skins/vector/img/icons_global.svg b/src/skins/vector/img/icons_global.svg
deleted file mode 100644
index 6c07d3c48e..0000000000
--- a/src/skins/vector/img/icons_global.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/info.png b/src/skins/vector/img/info.png
deleted file mode 100644
index 699fd64e01..0000000000
Binary files a/src/skins/vector/img/info.png and /dev/null differ
diff --git a/src/skins/vector/img/leave.svg b/src/skins/vector/img/leave.svg
deleted file mode 100644
index 1acbe59313..0000000000
--- a/src/skins/vector/img/leave.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/list-close.png b/src/skins/vector/img/list-close.png
deleted file mode 100644
index 82b322f9d4..0000000000
Binary files a/src/skins/vector/img/list-close.png and /dev/null differ
diff --git a/src/skins/vector/img/list-close.svg b/src/skins/vector/img/list-close.svg
deleted file mode 100644
index cd88b2a88f..0000000000
--- a/src/skins/vector/img/list-close.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/list-open.png b/src/skins/vector/img/list-open.png
deleted file mode 100644
index f8c8063197..0000000000
Binary files a/src/skins/vector/img/list-open.png and /dev/null differ
diff --git a/src/skins/vector/img/list-open.svg b/src/skins/vector/img/list-open.svg
deleted file mode 100644
index e180be8870..0000000000
--- a/src/skins/vector/img/list-open.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/maximise.svg b/src/skins/vector/img/maximise.svg
deleted file mode 100644
index 79c6c0ab8b..0000000000
--- a/src/skins/vector/img/maximise.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/maximize.svg b/src/skins/vector/img/maximize.svg
deleted file mode 100644
index 4f9e10191f..0000000000
--- a/src/skins/vector/img/maximize.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
-
diff --git a/src/skins/vector/img/member_chevron.png b/src/skins/vector/img/member_chevron.png
deleted file mode 100644
index cbbd289dcf..0000000000
Binary files a/src/skins/vector/img/member_chevron.png and /dev/null differ
diff --git a/src/skins/vector/img/menu.png b/src/skins/vector/img/menu.png
deleted file mode 100755
index b45f88950f..0000000000
Binary files a/src/skins/vector/img/menu.png and /dev/null differ
diff --git a/src/skins/vector/img/minimise.svg b/src/skins/vector/img/minimise.svg
deleted file mode 100644
index 491756b15a..0000000000
--- a/src/skins/vector/img/minimise.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
diff --git a/src/skins/vector/img/minimize.svg b/src/skins/vector/img/minimize.svg
deleted file mode 100644
index 410b0bc08e..0000000000
--- a/src/skins/vector/img/minimize.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
-
-
diff --git a/src/skins/vector/img/mod.svg b/src/skins/vector/img/mod.svg
deleted file mode 100644
index 847baf98f9..0000000000
--- a/src/skins/vector/img/mod.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
diff --git a/src/skins/vector/img/network-matrix.svg b/src/skins/vector/img/network-matrix.svg
deleted file mode 100644
index bb8278ae39..0000000000
--- a/src/skins/vector/img/network-matrix.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/newmessages.png b/src/skins/vector/img/newmessages.png
deleted file mode 100644
index a22156ab21..0000000000
Binary files a/src/skins/vector/img/newmessages.png and /dev/null differ
diff --git a/src/skins/vector/img/newmessages.svg b/src/skins/vector/img/newmessages.svg
deleted file mode 100644
index a2ffca9020..0000000000
--- a/src/skins/vector/img/newmessages.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/notif-active.svg b/src/skins/vector/img/notif-active.svg
deleted file mode 100644
index 9eb279f851..0000000000
--- a/src/skins/vector/img/notif-active.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
diff --git a/src/skins/vector/img/notif-slider.svg b/src/skins/vector/img/notif-slider.svg
deleted file mode 100644
index 55fa06d11a..0000000000
--- a/src/skins/vector/img/notif-slider.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
diff --git a/src/skins/vector/img/p/p0.png b/src/skins/vector/img/p/p0.png
deleted file mode 100644
index 300cc22654..0000000000
Binary files a/src/skins/vector/img/p/p0.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p1.png b/src/skins/vector/img/p/p1.png
deleted file mode 100644
index 5a6e3054e4..0000000000
Binary files a/src/skins/vector/img/p/p1.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p10.png b/src/skins/vector/img/p/p10.png
deleted file mode 100644
index 7cead0f239..0000000000
Binary files a/src/skins/vector/img/p/p10.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p11.png b/src/skins/vector/img/p/p11.png
deleted file mode 100644
index d744d8af2f..0000000000
Binary files a/src/skins/vector/img/p/p11.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p12.png b/src/skins/vector/img/p/p12.png
deleted file mode 100644
index 02492d554a..0000000000
Binary files a/src/skins/vector/img/p/p12.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p13.png b/src/skins/vector/img/p/p13.png
deleted file mode 100644
index 0ae8029d87..0000000000
Binary files a/src/skins/vector/img/p/p13.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p14.png b/src/skins/vector/img/p/p14.png
deleted file mode 100644
index 23a3840bf8..0000000000
Binary files a/src/skins/vector/img/p/p14.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p15.png b/src/skins/vector/img/p/p15.png
deleted file mode 100644
index b07f463a07..0000000000
Binary files a/src/skins/vector/img/p/p15.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p16.png b/src/skins/vector/img/p/p16.png
deleted file mode 100644
index f8fa4abfa1..0000000000
Binary files a/src/skins/vector/img/p/p16.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p17.png b/src/skins/vector/img/p/p17.png
deleted file mode 100644
index 20e985bb1c..0000000000
Binary files a/src/skins/vector/img/p/p17.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p18.png b/src/skins/vector/img/p/p18.png
deleted file mode 100644
index 2ecd29b350..0000000000
Binary files a/src/skins/vector/img/p/p18.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p19.png b/src/skins/vector/img/p/p19.png
deleted file mode 100644
index ec35f0fc80..0000000000
Binary files a/src/skins/vector/img/p/p19.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p2.png b/src/skins/vector/img/p/p2.png
deleted file mode 100644
index 82f16d6078..0000000000
Binary files a/src/skins/vector/img/p/p2.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p20.png b/src/skins/vector/img/p/p20.png
deleted file mode 100644
index 0ff816d61b..0000000000
Binary files a/src/skins/vector/img/p/p20.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p3.png b/src/skins/vector/img/p/p3.png
deleted file mode 100644
index ae215557a8..0000000000
Binary files a/src/skins/vector/img/p/p3.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p4.png b/src/skins/vector/img/p/p4.png
deleted file mode 100644
index 011ff6f541..0000000000
Binary files a/src/skins/vector/img/p/p4.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p5.png b/src/skins/vector/img/p/p5.png
deleted file mode 100644
index 1a90da9aac..0000000000
Binary files a/src/skins/vector/img/p/p5.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p6.png b/src/skins/vector/img/p/p6.png
deleted file mode 100644
index 453110f62f..0000000000
Binary files a/src/skins/vector/img/p/p6.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p7.png b/src/skins/vector/img/p/p7.png
deleted file mode 100644
index 6418817ca8..0000000000
Binary files a/src/skins/vector/img/p/p7.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p8.png b/src/skins/vector/img/p/p8.png
deleted file mode 100644
index 0e821fd675..0000000000
Binary files a/src/skins/vector/img/p/p8.png and /dev/null differ
diff --git a/src/skins/vector/img/p/p9.png b/src/skins/vector/img/p/p9.png
deleted file mode 100644
index f4b6941b24..0000000000
Binary files a/src/skins/vector/img/p/p9.png and /dev/null differ
diff --git a/src/skins/vector/img/p/piechart.pde b/src/skins/vector/img/p/piechart.pde
deleted file mode 100644
index 44fe628378..0000000000
--- a/src/skins/vector/img/p/piechart.pde
+++ /dev/null
@@ -1,19 +0,0 @@
-// a trivial processing.org snippet to generate these
-// using java2d (ugh). Peity and JS might have been
-// a better idea. Or SVG.
-
-size(48, 48);
-g = createGraphics(48, 48, JAVA2D);
-
-for (int i = 0; i <= 20; i++) {
- g.beginDraw();
- g.background(0.0, 0.0);
- g.smooth();
- g.strokeCap(SQUARE);
- g.strokeWeight(3);
- g.stroke(0x80, 0xcf, 0xf4, 255.0);
- g.fill(0.0, 0.0);
- g.arc(24, 24, 43, 43, -PI/2, -PI/2 + (i*2*PI/20.0));
- g.save("p" + i + ".png");
- g.endDraw();
-}
diff --git a/src/skins/vector/img/placeholder.png b/src/skins/vector/img/placeholder.png
deleted file mode 100644
index 7da32f259c..0000000000
Binary files a/src/skins/vector/img/placeholder.png and /dev/null differ
diff --git a/src/skins/vector/img/plus.svg b/src/skins/vector/img/plus.svg
deleted file mode 100644
index e1d59ec6f4..0000000000
--- a/src/skins/vector/img/plus.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-
-
diff --git a/src/skins/vector/img/redacted-dark.jpg b/src/skins/vector/img/redacted-dark.jpg
deleted file mode 100644
index f0a91ceadb..0000000000
Binary files a/src/skins/vector/img/redacted-dark.jpg and /dev/null differ
diff --git a/src/skins/vector/img/redacted.jpg b/src/skins/vector/img/redacted.jpg
deleted file mode 100644
index e19d5cc4a8..0000000000
Binary files a/src/skins/vector/img/redacted.jpg and /dev/null differ
diff --git a/src/skins/vector/img/right_search.svg b/src/skins/vector/img/right_search.svg
deleted file mode 100644
index b430a6be19..0000000000
--- a/src/skins/vector/img/right_search.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/scrolldown.svg b/src/skins/vector/img/scrolldown.svg
deleted file mode 100644
index d6599c5fc7..0000000000
--- a/src/skins/vector/img/scrolldown.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/scrollto.svg b/src/skins/vector/img/scrollto.svg
deleted file mode 100644
index 75df053a68..0000000000
--- a/src/skins/vector/img/scrollto.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/scrollup.svg b/src/skins/vector/img/scrollup.svg
deleted file mode 100644
index 1692f2a6c0..0000000000
--- a/src/skins/vector/img/scrollup.svg
+++ /dev/null
@@ -1,91 +0,0 @@
-
-
diff --git a/src/skins/vector/img/search-button.svg b/src/skins/vector/img/search-button.svg
deleted file mode 100644
index f4808842ff..0000000000
--- a/src/skins/vector/img/search-button.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/search-icon-vector.svg b/src/skins/vector/img/search-icon-vector.svg
deleted file mode 100644
index 5780277f38..0000000000
--- a/src/skins/vector/img/search-icon-vector.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/search.png b/src/skins/vector/img/search.png
deleted file mode 100644
index 2f98d29048..0000000000
Binary files a/src/skins/vector/img/search.png and /dev/null differ
diff --git a/src/skins/vector/img/search.svg b/src/skins/vector/img/search.svg
deleted file mode 100644
index bd4cd9200c..0000000000
--- a/src/skins/vector/img/search.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/selected.png b/src/skins/vector/img/selected.png
deleted file mode 100644
index 8931cba75f..0000000000
Binary files a/src/skins/vector/img/selected.png and /dev/null differ
diff --git a/src/skins/vector/img/settings-big.png b/src/skins/vector/img/settings-big.png
deleted file mode 100644
index cb2e0a62d0..0000000000
Binary files a/src/skins/vector/img/settings-big.png and /dev/null differ
diff --git a/src/skins/vector/img/settings-big.svg b/src/skins/vector/img/settings-big.svg
deleted file mode 100644
index c9587d58c2..0000000000
--- a/src/skins/vector/img/settings-big.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/settings.png b/src/skins/vector/img/settings.png
deleted file mode 100644
index 264b3c9bc3..0000000000
Binary files a/src/skins/vector/img/settings.png and /dev/null differ
diff --git a/src/skins/vector/img/settings.svg b/src/skins/vector/img/settings.svg
deleted file mode 100644
index 4190c7b8de..0000000000
--- a/src/skins/vector/img/settings.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/sound-indicator.svg b/src/skins/vector/img/sound-indicator.svg
deleted file mode 100644
index 9b8de53d81..0000000000
--- a/src/skins/vector/img/sound-indicator.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/spinner.gif b/src/skins/vector/img/spinner.gif
deleted file mode 100644
index ab4871214b..0000000000
Binary files a/src/skins/vector/img/spinner.gif and /dev/null differ
diff --git a/src/skins/vector/img/stickerpack-placeholder.png b/src/skins/vector/img/stickerpack-placeholder.png
deleted file mode 100644
index 7980114438..0000000000
Binary files a/src/skins/vector/img/stickerpack-placeholder.png and /dev/null differ
diff --git a/src/skins/vector/img/tick.svg b/src/skins/vector/img/tick.svg
deleted file mode 100644
index 6177f15f5e..0000000000
--- a/src/skins/vector/img/tick.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
diff --git a/src/skins/vector/img/trans.png b/src/skins/vector/img/trans.png
deleted file mode 100644
index 8ba2310a06..0000000000
Binary files a/src/skins/vector/img/trans.png and /dev/null differ
diff --git a/src/skins/vector/img/typing.png b/src/skins/vector/img/typing.png
deleted file mode 100644
index 066a0ce8fd..0000000000
Binary files a/src/skins/vector/img/typing.png and /dev/null differ
diff --git a/src/skins/vector/img/upload-big.png b/src/skins/vector/img/upload-big.png
deleted file mode 100644
index c11c0c452d..0000000000
Binary files a/src/skins/vector/img/upload-big.png and /dev/null differ
diff --git a/src/skins/vector/img/upload-big.svg b/src/skins/vector/img/upload-big.svg
deleted file mode 100644
index 6099c2e976..0000000000
--- a/src/skins/vector/img/upload-big.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
diff --git a/src/skins/vector/img/upload.png b/src/skins/vector/img/upload.png
deleted file mode 100644
index 7457bcd0f1..0000000000
Binary files a/src/skins/vector/img/upload.png and /dev/null differ
diff --git a/src/skins/vector/img/upload.svg b/src/skins/vector/img/upload.svg
deleted file mode 100644
index 039014a2f3..0000000000
--- a/src/skins/vector/img/upload.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/video-mute.svg b/src/skins/vector/img/video-mute.svg
deleted file mode 100644
index 6de60ba39b..0000000000
--- a/src/skins/vector/img/video-mute.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/video-unmute.svg b/src/skins/vector/img/video-unmute.svg
deleted file mode 100644
index a6c6c3b681..0000000000
--- a/src/skins/vector/img/video-unmute.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/video.png b/src/skins/vector/img/video.png
deleted file mode 100644
index 2a788f6fa4..0000000000
Binary files a/src/skins/vector/img/video.png and /dev/null differ
diff --git a/src/skins/vector/img/voice-mute.svg b/src/skins/vector/img/voice-mute.svg
deleted file mode 100644
index 336641078e..0000000000
--- a/src/skins/vector/img/voice-mute.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/voice-unmute.svg b/src/skins/vector/img/voice-unmute.svg
deleted file mode 100644
index 0d7e6f429f..0000000000
--- a/src/skins/vector/img/voice-unmute.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/voice.png b/src/skins/vector/img/voice.png
deleted file mode 100644
index 5ba765b0f4..0000000000
Binary files a/src/skins/vector/img/voice.png and /dev/null differ
diff --git a/src/skins/vector/img/voice.svg b/src/skins/vector/img/voice.svg
deleted file mode 100644
index ff87270ba5..0000000000
--- a/src/skins/vector/img/voice.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/voip-chevron.svg b/src/skins/vector/img/voip-chevron.svg
deleted file mode 100644
index 5f7cbe7153..0000000000
--- a/src/skins/vector/img/voip-chevron.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
\ No newline at end of file
diff --git a/src/skins/vector/img/voip-mute.png b/src/skins/vector/img/voip-mute.png
deleted file mode 100644
index a16d1001e5..0000000000
Binary files a/src/skins/vector/img/voip-mute.png and /dev/null differ
diff --git a/src/skins/vector/img/voip.png b/src/skins/vector/img/voip.png
deleted file mode 100644
index e8f05bcc37..0000000000
Binary files a/src/skins/vector/img/voip.png and /dev/null differ
diff --git a/src/skins/vector/img/warning.png b/src/skins/vector/img/warning.png
deleted file mode 100644
index c5553530a8..0000000000
Binary files a/src/skins/vector/img/warning.png and /dev/null differ
diff --git a/src/skins/vector/img/warning.svg b/src/skins/vector/img/warning.svg
deleted file mode 100644
index b9a96a88e5..0000000000
--- a/src/skins/vector/img/warning.svg
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
diff --git a/src/skins/vector/img/warning2.png b/src/skins/vector/img/warning2.png
deleted file mode 100644
index db0fd4a897..0000000000
Binary files a/src/skins/vector/img/warning2.png and /dev/null differ
diff --git a/src/skins/vector/img/warning_yellow.svg b/src/skins/vector/img/warning_yellow.svg
deleted file mode 100644
index 4d227517d2..0000000000
--- a/src/skins/vector/img/warning_yellow.svg
+++ /dev/null
@@ -1,34 +0,0 @@
-
-
-
-
diff --git a/src/skins/vector/img/zoom.png b/src/skins/vector/img/zoom.png
deleted file mode 100644
index f05ea959b4..0000000000
Binary files a/src/skins/vector/img/zoom.png and /dev/null differ
diff --git a/src/skins/vector/img/logos/riot-im-logo-1.png b/src/skins/vector/themes/riot/img/logos/riot-im-logo-1.png
similarity index 100%
rename from src/skins/vector/img/logos/riot-im-logo-1.png
rename to src/skins/vector/themes/riot/img/logos/riot-im-logo-1.png
diff --git a/src/skins/vector/img/logos/riot-im-logo-1.svg b/src/skins/vector/themes/riot/img/logos/riot-im-logo-1.svg
similarity index 100%
rename from src/skins/vector/img/logos/riot-im-logo-1.svg
rename to src/skins/vector/themes/riot/img/logos/riot-im-logo-1.svg
diff --git a/src/skins/vector/img/logos/riot-im-logo-2.svg b/src/skins/vector/themes/riot/img/logos/riot-im-logo-2.svg
similarity index 100%
rename from src/skins/vector/img/logos/riot-im-logo-2.svg
rename to src/skins/vector/themes/riot/img/logos/riot-im-logo-2.svg
diff --git a/src/skins/vector/img/logos/riot-im-logo-3.svg b/src/skins/vector/themes/riot/img/logos/riot-im-logo-3.svg
similarity index 100%
rename from src/skins/vector/img/logos/riot-im-logo-3.svg
rename to src/skins/vector/themes/riot/img/logos/riot-im-logo-3.svg
diff --git a/src/skins/vector/img/logos/riot-im-logo-4.svg b/src/skins/vector/themes/riot/img/logos/riot-im-logo-4.svg
similarity index 100%
rename from src/skins/vector/img/logos/riot-im-logo-4.svg
rename to src/skins/vector/themes/riot/img/logos/riot-im-logo-4.svg
diff --git a/src/skins/vector/img/logos/riot-im-logo-5.svg b/src/skins/vector/themes/riot/img/logos/riot-im-logo-5.svg
similarity index 100%
rename from src/skins/vector/img/logos/riot-im-logo-5.svg
rename to src/skins/vector/themes/riot/img/logos/riot-im-logo-5.svg
diff --git a/src/skins/vector/img/logos/riot-logo-1.svg b/src/skins/vector/themes/riot/img/logos/riot-logo-1.svg
similarity index 100%
rename from src/skins/vector/img/logos/riot-logo-1.svg
rename to src/skins/vector/themes/riot/img/logos/riot-logo-1.svg
diff --git a/src/skins/vector/img/logos/riot-logo-2.svg b/src/skins/vector/themes/riot/img/logos/riot-logo-2.svg
similarity index 100%
rename from src/skins/vector/img/logos/riot-logo-2.svg
rename to src/skins/vector/themes/riot/img/logos/riot-logo-2.svg
diff --git a/src/skins/vector/img/logos/riot-logo-3.svg b/src/skins/vector/themes/riot/img/logos/riot-logo-3.svg
similarity index 100%
rename from src/skins/vector/img/logos/riot-logo-3.svg
rename to src/skins/vector/themes/riot/img/logos/riot-logo-3.svg
diff --git a/src/skins/vector/img/logos/riot-logo-4.svg b/src/skins/vector/themes/riot/img/logos/riot-logo-4.svg
similarity index 100%
rename from src/skins/vector/img/logos/riot-logo-4.svg
rename to src/skins/vector/themes/riot/img/logos/riot-logo-4.svg
diff --git a/src/skins/vector/img/logos/riot-logo-5.svg b/src/skins/vector/themes/riot/img/logos/riot-logo-5.svg
similarity index 100%
rename from src/skins/vector/img/logos/riot-logo-5.svg
rename to src/skins/vector/themes/riot/img/logos/riot-logo-5.svg
diff --git a/src/skins/vector/img/logos/riot-logo-bw.svg b/src/skins/vector/themes/riot/img/logos/riot-logo-bw.svg
similarity index 100%
rename from src/skins/vector/img/logos/riot-logo-bw.svg
rename to src/skins/vector/themes/riot/img/logos/riot-logo-bw.svg
diff --git a/src/skins/vector/img/logos/riot-logo.svg b/src/skins/vector/themes/riot/img/logos/riot-logo.svg
similarity index 100%
rename from src/skins/vector/img/logos/riot-logo.svg
rename to src/skins/vector/themes/riot/img/logos/riot-logo.svg
diff --git a/src/skins/vector/img/logos/riot.im logo.svg b/src/skins/vector/themes/riot/img/logos/riot.im logo.svg
similarity index 100%
rename from src/skins/vector/img/logos/riot.im logo.svg
rename to src/skins/vector/themes/riot/img/logos/riot.im logo.svg
diff --git a/src/utils/DirectoryUtils.js b/src/utils/DirectoryUtils.js
deleted file mode 100644
index 72e44681b6..0000000000
--- a/src/utils/DirectoryUtils.js
+++ /dev/null
@@ -1,23 +0,0 @@
-// Find a protocol 'instance' with a given instance_id
-// in the supplied protocols dict
-export function instanceForInstanceId(protocols, instance_id) {
- if (!instance_id) return null;
- for (const proto of Object.keys(protocols)) {
- if (!protocols[proto].instances && protocols[proto].instances instanceof Array) continue;
- for (const instance of protocols[proto].instances) {
- if (instance.instance_id == instance_id) return instance;
- }
- }
-}
-
-// given an instance_id, return the name of the protocol for
-// that instance ID in the supplied protocols dict
-export function protocolNameForInstanceId(protocols, instance_id) {
- if (!instance_id) return null;
- for (const proto of Object.keys(protocols)) {
- if (!protocols[proto].instances && protocols[proto].instances instanceof Array) continue;
- for (const instance of protocols[proto].instances) {
- if (instance.instance_id == instance_id) return proto;
- }
- }
-}
diff --git a/src/vector/indexedbd-worker.js b/src/vector/indexeddb-worker.js
similarity index 100%
rename from src/vector/indexedbd-worker.js
rename to src/vector/indexeddb-worker.js
-
- { spinner }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- { emailNotificationsRow }
-
-
-
-
-
-
-
-
-
-
-
-
-
- { advancedSettings }
-
- { devicesSection }
-
- | - | { _t('Off') } | -{ _t('On') } | -{ _t('Noisy') } | -
|---|