SchildiChat
diff --git a/‎.eslintrc.js
Lines changed: 22 additions & 1 deletion b/‎.eslintrc.js
Lines changed: 22 additions & 1 deletion
diff --git a/‎CHANGELOG.md
Lines changed: 196 additions & 0 deletions b/‎CHANGELOG.md
Lines changed: 196 additions & 0 deletions
diff --git a/‎__mocks__/browser-request.js
Lines changed: 12 additions & 1 deletion b/‎__mocks__/browser-request.js
Lines changed: 12 additions & 1 deletion
diff --git a/‎package.json
Lines changed: 5 additions & 4 deletions b/‎package.json
Lines changed: 5 additions & 4 deletions
diff --git a/‎res/css/_common.scss
Lines changed: 35 additions & 18 deletions b/‎res/css/_common.scss
Lines changed: 35 additions & 18 deletions
diff --git a/‎res/css/_components.scss
Lines changed: 4 additions & 0 deletions b/‎res/css/_components.scss
Lines changed: 4 additions & 0 deletions
diff --git a/‎src/dispatcher/payloads/ToggleRightPanelPayload.ts renamed to ‎res/css/_spacing.scss
Lines changed: 11 additions & 11 deletions b/‎src/dispatcher/payloads/ToggleRightPanelPayload.ts renamed to ‎res/css/_spacing.scss
Lines changed: 11 additions & 11 deletions
diff --git a/‎res/css/structures/_SpaceHierarchy.scss
Lines changed: 1 addition & 30 deletions b/‎res/css/structures/_SpaceHierarchy.scss
Lines changed: 1 addition & 30 deletions
diff --git a/‎res/css/structures/_SpacePanel.scss
Lines changed: 5 additions & 1 deletion b/‎res/css/structures/_SpacePanel.scss
Lines changed: 5 additions & 1 deletion
diff --git a/‎res/css/structures/_SpaceRoomView.scss
Lines changed: 4 additions & 0 deletions b/‎res/css/structures/_SpaceRoomView.scss
Lines changed: 4 additions & 0 deletions
@@ -1,8 +1,11 @@
 module.exports = {
-    plugins: ["matrix-org"],
+    plugins: [
+        "matrix-org",
+    ],
     extends: [
         "plugin:matrix-org/babel",
         "plugin:matrix-org/react",
+        "plugin:matrix-org/a11y",
     ],
     env: {
         browser: true,
@@ -36,6 +39,24 @@ module.exports = {
                 "Use Media helper instead to centralise access for customisation.",
             ),
         ],
+
+        // There are too many a11y violations to fix at once
+        // Turn violated rules off until they are fixed
+        "jsx-a11y/alt-text": "off",
+        "jsx-a11y/aria-activedescendant-has-tabindex": "off",
+        "jsx-a11y/click-events-have-key-events": "off",
+        "jsx-a11y/iframe-has-title": "off",
+        "jsx-a11y/interactive-supports-focus": "off",
+        "jsx-a11y/label-has-associated-control": "off",
+        "jsx-a11y/media-has-caption": "off",
+        "jsx-a11y/mouse-events-have-key-events": "off",
+        "jsx-a11y/no-autofocus": "off",
+        "jsx-a11y/no-noninteractive-element-interactions": "off",
+        "jsx-a11y/no-noninteractive-element-to-interactive-role": "off",
+        "jsx-a11y/no-noninteractive-tabindex": "off",
+        "jsx-a11y/no-static-element-interactions": "off",
+        "jsx-a11y/role-supports-aria-props": "off",
+        "jsx-a11y/tabindex-no-positive": "off",
     },
     overrides: [{
         files: [
 
@@ -1,10 +1,15 @@
 const en = require("../src/i18n/strings/en_EN");
 const de = require("../src/i18n/strings/de_DE");
+const lv = {
+    "Save": "Saglabāt",
+    "Uploading %(filename)s and %(count)s others|one": "Качване на %(filename)s и %(count)s друг",
+};
 
 // Mock the browser-request for the languageHandler tests to return
-// Fake languages.json containing references to en_EN and de_DE
+// Fake languages.json containing references to en_EN, de_DE and lv
 // en_EN.json
 // de_DE.json
+// lv.json - mock version with few translations, used to test fallback translation
 module.exports = jest.fn((opts, cb) => {
     const url = opts.url || opts.uri;
     if (url && url.endsWith("languages.json")) {
@@ -17,11 +22,17 @@ module.exports = jest.fn((opts, cb) => {
                 "fileName": "de_DE.json",
                 "label": "German",
             },
+            "lv": {
+                "fileName": "lv.json",
+                "label": "Latvian"
+            }
         }));
     } else if (url && url.endsWith("en_EN.json")) {
         cb(undefined, {status: 200}, JSON.stringify(en));
     } else if (url && url.endsWith("de_DE.json")) {
         cb(undefined, {status: 200}, JSON.stringify(de));
+    } else if (url && url.endsWith("lv.json")) {
+        cb(undefined, {status: 200}, JSON.stringify(lv));
     } else {
         cb(true, {status: 404}, "");
     }
 
@@ -1,6 +1,6 @@
 {
   "name": "matrix-react-sdk",
-  "version": "3.37.0",
+  "version": "3.38.0",
   "description": "SDK for matrix.org using React",
   "author": "matrix.org",
   "repository": {
@@ -71,7 +71,6 @@
     "emojibase-data": "^6.2.0",
     "emojibase-regex": "^5.1.3",
     "escape-html": "^1.0.3",
-    "eslint-plugin-import": "^2.25.2",
     "file-saver": "^2.0.5",
     "filesize": "6.1.0",
     "flux": "2.1.1",
@@ -87,7 +86,7 @@
     "lodash": "^4.17.20",
     "maplibre-gl": "^1.15.2",
     "matrix-analytics-events": "https://github.com/matrix-org/matrix-analytics-events.git#1eab4356548c97722a183912fda1ceabbe8cc7c1",
-    "matrix-js-sdk": "15.3.0",
+    "matrix-js-sdk": "15.4.0",
     "matrix-widget-api": "^0.1.0-beta.18",
     "minimist": "^1.2.5",
     "opus-recorder": "^8.0.3",
@@ -166,7 +165,9 @@
     "enzyme-to-json": "^3.6.2",
     "eslint": "7.18.0",
     "eslint-config-google": "^0.14.0",
-    "eslint-plugin-matrix-org": "github:matrix-org/eslint-plugin-matrix-org#48ec1e6af2cfb8310b9a6e23edf2dc7a26ddd580",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-matrix-org": "^0.4.0",
     "eslint-plugin-react": "^7.22.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "glob": "^7.1.6",
 
@@ -356,6 +356,7 @@ legend {
 
 .mx_Dialog_header {
     position: relative;
+    padding: 3px 0;
     margin-bottom: 10px;
 }
 
@@ -365,20 +366,21 @@ legend {
     height: 25px;
     margin-left: -2px;
     margin-right: 4px;
+    margin-bottom: 2px;
 }
 
 .mx_Dialog_title {
-    font-size: $font-22px;
-    font-weight: $font-semi-bold;
-    line-height: $font-36px;
     color: $dialog-title-fg-color;
+    display: inline-block;
+    width: 100%;
+    box-sizing: border-box;
 }
 
 .mx_Dialog_header.mx_Dialog_headerWithButton > .mx_Dialog_title {
     text-align: center;
 }
-.mx_Dialog_header.mx_Dialog_headerWithCancel > .mx_Dialog_title {
-    margin-right: 20px; // leave space for the 'X' cancel button
+.mx_Dialog_header.mx_Dialog_headerWithCancel {
+    padding-right: 20px; // leave space for the 'X' cancel button
 }
 
 .mx_Dialog_title.danger {
@@ -421,10 +423,13 @@ legend {
  * in the app look the same by being AccessibleButtons, or possibly by having explict button classes.
  * We should go through and have one consistent set of styles for buttons throughout the app.
  * For now, I am duplicating the selectors here for mx_Dialog and mx_DialogButtons.
+ *
+ * Elements that should not be styled like a dialog button are mentioned in a :not() pseudo-class.
+ * For the widest browser support, we use multiple :not pseudo-classes instead of :not(.a, .b).
  */
-.mx_Dialog button:not(.mx_Dialog_nonDialogButton),
+.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not(.maplibregl-ctrl-attrib-button):not(.mx_AccessibleButton),
 .mx_Dialog input[type="submit"],
-.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton),
+.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton):not(.mx_AccessibleButton),
 .mx_Dialog_buttons input[type="submit"] {
     @mixin mx_DialogButton;
     margin-left: 0px;
@@ -439,25 +444,25 @@ legend {
     font-family: inherit;
 }
 
-.mx_Dialog button:not(.mx_Dialog_nonDialogButton):last-child {
+.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not(.maplibregl-ctrl-attrib-button):not(.mx_AccessibleButton):last-child {
     margin-right: 0px;
 }
 
-.mx_Dialog button:not(.mx_Dialog_nonDialogButton):hover,
+.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not(.maplibregl-ctrl-attrib-button):not(.mx_AccessibleButton):hover,
 .mx_Dialog input[type="submit"]:hover,
-.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton):hover,
+.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton):not(.mx_AccessibleButton):hover,
 .mx_Dialog_buttons input[type="submit"]:hover {
     @mixin mx_DialogButton_hover;
 }
 
-.mx_Dialog button:not(.mx_Dialog_nonDialogButton):focus,
+.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not(.maplibregl-ctrl-attrib-button):not(.mx_AccessibleButton):focus,
 .mx_Dialog input[type="submit"]:focus,
-.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton):focus,
+.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton):not(.mx_AccessibleButton):focus,
 .mx_Dialog_buttons input[type="submit"]:focus {
     filter: brightness($focus-brightness);
 }
 
-.mx_Dialog button.mx_Dialog_primary,
+.mx_Dialog button.mx_Dialog_primary:not(.mx_Dialog_nonDialogButton):not(.maplibregl-ctrl-attrib-button),
 .mx_Dialog input[type="submit"].mx_Dialog_primary,
 .mx_Dialog_buttons button.mx_Dialog_primary,
 .mx_Dialog_buttons input[type="submit"].mx_Dialog_primary {
@@ -466,7 +471,7 @@ legend {
     min-width: 156px;
 }
 
-.mx_Dialog button.danger,
+.mx_Dialog button.danger:not(.mx_Dialog_nonDialogButton):not(.maplibregl-ctrl-attrib-button),
 .mx_Dialog input[type="submit"].danger,
 .mx_Dialog_buttons button.danger,
 .mx_Dialog_buttons input[type="submit"].danger {
@@ -475,15 +480,15 @@ legend {
     color: $accent-fg-color;
 }
 
-.mx_Dialog button.warning,
+.mx_Dialog button.warning:not(.mx_Dialog_nonDialogButton):not(.maplibregl-ctrl-attrib-button),
 .mx_Dialog input[type="submit"].warning {
     border: solid 1px $alert;
     color: $alert;
 }
 
-.mx_Dialog button:not(.mx_Dialog_nonDialogButton):disabled,
+.mx_Dialog button:not(.mx_Dialog_nonDialogButton):not(.maplibregl-ctrl-attrib-button):not(.mx_AccessibleButton):disabled,
 .mx_Dialog input[type="submit"]:disabled,
-.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton):disabled,
+.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton):not(.mx_AccessibleButton):disabled,
 .mx_Dialog_buttons input[type="submit"]:disabled {
     background-color: $light-fg-color;
     border: solid 1px $light-fg-color;
@@ -494,7 +499,7 @@ legend {
 .mx_Dialog_wrapper.mx_Dialog_spinner .mx_Dialog {
     width: auto;
     border-radius: $border-radius-8px;
-    padding: 0px;
+    padding: 8px;
     box-shadow: none;
 
     /* Don't show scroll-bars on spinner dialogs */
@@ -686,3 +691,15 @@ legend {
         outline-style: auto;
     }
 }
+
+@define-mixin ButtonResetDefault {
+    appearance: none;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    font-size: inherit;
+    font-family: inherit;
+    line-height: inherit;
+    cursor: pointer;
+}
@@ -3,6 +3,7 @@
 @import "./_common.scss";
 @import "./_font-sizes.scss";
 @import "./_font-weights.scss";
+@import "./_spacing.scss";
 @import "./structures/_AutoHideScrollbar.scss";
 @import "./structures/_BackdropPanel.scss";
 @import "./structures/_CompatibilityPage.scss";
@@ -96,6 +97,7 @@
 @import "./views/dialogs/_JoinRuleDropdown.scss";
 @import "./views/dialogs/_KeyboardShortcutsDialog.scss";
 @import "./views/dialogs/_LeaveSpaceDialog.scss";
+@import "./views/dialogs/_LocationViewDialog.scss";
 @import "./views/dialogs/_ManageRestrictedJoinRuleDialog.scss";
 @import "./views/dialogs/_MessageEditHistoryDialog.scss";
 @import "./views/dialogs/_ModalWidgetDialog.scss";
@@ -112,6 +114,7 @@
 @import "./views/dialogs/_SettingsDialog.scss";
 @import "./views/dialogs/_ShareDialog.scss";
 @import "./views/dialogs/_SlashCommandHelpDialog.scss";
+@import "./views/dialogs/_SpacePreferencesDialog.scss";
 @import "./views/dialogs/_SpaceSettingsDialog.scss";
 @import "./views/dialogs/_SpotlightDialog.scss";
 @import "./views/dialogs/_TabbedIntegrationManagerDialog.scss";
@@ -299,6 +302,7 @@
 @import "./views/toasts/_AnalyticsToast.scss";
 @import "./views/toasts/_IncomingCallToast.scss";
 @import "./views/toasts/_NonUrgentEchoFailureToast.scss";
+@import "./views/typography/_Heading.scss";
 @import "./views/verification/_VerificationShowSas.scss";
 @import "./views/voip/CallView/_CallViewButtons.scss";
 @import "./views/voip/_CallContainer.scss";
 
@@ -1,5 +1,5 @@
 /*
-Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2022 The Matrix.org Foundation C.I.C.
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -14,14 +14,14 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import { ActionPayload } from "../payloads";
-import { Action } from "../actions";
+// 1rem :: 10px
 
-export interface ToggleRightPanelPayload extends ActionPayload {
-    action: Action.ToggleRightPanel;
-
-    /**
-     * The type of room that the panel is toggled in.
-     */
-    type: "group" | "room";
-}
+$spacing-4: 4px;
+$spacing-8: 8px;
+$spacing-12: 12px;
+$spacing-16: 16px;
+$spacing-20: 20px;
+$spacing-24: 24px;
+$spacing-28: 28px;
+$spacing-32: 32px;
+$spacing-40: 40px;
@@ -15,35 +15,6 @@ limitations under the License.
 */
 
 .mx_SpaceRoomView_landing {
-    .mx_Dialog_title {
-        display: flex;
-
-        .mx_BaseAvatar {
-            margin-right: 12px;
-            align-self: center;
-        }
-
-        .mx_BaseAvatar_image {
-            border-radius: 8px;
-        }
-
-        > div {
-            > h1 {
-                font-weight: $font-semi-bold;
-                font-size: $font-18px;
-                line-height: $font-22px;
-                margin: 0;
-            }
-
-            > div {
-                font-weight: 400;
-                color: $secondary-content;
-                font-size: $font-15px;
-                line-height: $font-24px;
-            }
-        }
-    }
-
     .mx_AccessibleButton_kind_link {
         padding: 0;
         font-size: inherit;
@@ -249,7 +220,7 @@ limitations under the License.
             line-height: $font-18px;
             color: $secondary-content;
             grid-row: 2;
-            grid-column: 1/3;
+            grid-column: 2/3;
             display: -webkit-box;
             -webkit-box-orient: vertical;
             -webkit-line-clamp: 2;
 
@@ -71,7 +71,7 @@ $activeBorderColor: $primary-content;
     }
 
     &:hover .mx_SpacePanel_toggleCollapse {
-        opacity: 100%;
+        opacity: 1;
     }
 
     ul {
@@ -411,6 +411,10 @@ $activeBorderColor: $primary-content;
         mask-image: url('$(res)/img/element-icons/roomlist/search.svg');
     }
 
+    .mx_SpacePanel_iconPreferences::before {
+        mask-image: url('$(res)/img/element-icons/settings/preference.svg');
+    }
+
     .mx_SpacePanel_noIcon {
         display: none;
 
 
@@ -254,6 +254,10 @@ $SpaceRoomViewInnerWidth: 428px;
         flex-direction: column;
         min-width: 0;
 
+        > .mx_BaseAvatar {
+            width: 80px;
+        }
+
         > .mx_BaseAvatar_image,
         > .mx_BaseAvatar > .mx_BaseAvatar_image {
             border-radius: 12px;
Original file line number	Diff line number	Diff line change
`@@ -71,7 +71,7 @@ $activeBorderColor: $primary-content;`
`71`	`71`	`}`
`72`	`72`
`73`	`73`	`&:hover .mx_SpacePanel_toggleCollapse {`
`74`		`- opacity: 100%;`
	`74`	`+ opacity: 1;`
`75`	`75`	`}`
`76`	`76`
`77`	`77`	`ul {`
`@@ -411,6 +411,10 @@ $activeBorderColor: $primary-content;`
`411`	`411`	`mask-image: url('$(res)/img/element-icons/roomlist/search.svg');`
`412`	`412`	`}`
`413`	`413`
	`414`	`+ .mx_SpacePanel_iconPreferences::before {`
	`415`	`+ mask-image: url('$(res)/img/element-icons/settings/preference.svg');`
	`416`	`+ }`
	`417`	`+`
`414`	`418`	`.mx_SpacePanel_noIcon {`
`415`	`419`	`display: none;`
`416`	`420`