diff --git a/res/css/views/dialogs/_DevtoolsDialog.scss b/res/css/views/dialogs/_DevtoolsDialog.scss index d92cc7858b..37974d1358 100644 --- a/res/css/views/dialogs/_DevtoolsDialog.scss +++ b/res/css/views/dialogs/_DevtoolsDialog.scss @@ -27,6 +27,18 @@ limitations under the License. margin-bottom: 10px; } +.mx_DevTools_RoomStateExplorer_button { + font-family: monospace; +} + +.mx_DevTools_RoomStateExplorer_button_hasSpaces { + text-decoration: underline; +} + +.mx_DevTools_RoomStateExplorer_button.mx_DevTools_RoomStateExplorer_button_emptyString { + font-style: italic; +} + .mx_DevTools_RoomStateExplorer_button, .mx_DevTools_ServersInRoomList_button { margin-bottom: 10px; width: 100%; diff --git a/src/components/views/dialogs/DevtoolsDialog.tsx b/src/components/views/dialogs/DevtoolsDialog.tsx index c2e7a49adb..58db90cb79 100644 --- a/src/components/views/dialogs/DevtoolsDialog.tsx +++ b/src/components/views/dialogs/DevtoolsDialog.tsx @@ -28,6 +28,7 @@ import { import { Room } from "matrix-js-sdk/src/models/room"; import { MatrixEvent } from "matrix-js-sdk/src/models/event"; import { logger } from "matrix-js-sdk/src/logger"; +import classNames from 'classnames'; import SyntaxHighlight from '../elements/SyntaxHighlight'; import { _t } from '../../../languageHandler'; @@ -538,8 +539,17 @@ class RoomStateExplorer extends React.PureComponent { Array.from(stateGroup.entries()).map(([stateKey, ev]) => { - return ; }) } diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json index e50bd52445..7fd4410f45 100644 --- a/src/i18n/strings/en_EN.json +++ b/src/i18n/strings/en_EN.json @@ -2515,6 +2515,9 @@ "Send Account Data": "Send Account Data", "Filter results": "Filter results", "Explore Room State": "Explore Room State", + "<%(count)s spaces>|other": "<%(count)s spaces>", + "<%(count)s spaces>|one": "", + "<%(count)s spaces>|zero": "", "Explore Account Data": "Explore Account Data", "View Servers in Room": "View Servers in Room", "Verification Requests": "Verification Requests",