stryan/matrix.to
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Hide focus ring for mouse users

Browse Source 
Fixes https://github.com/matrix-org/matrix.to/issues/120
This commit is contained in:
J. Ryan Stinnett 2020-10-23 17:04:54 +01:00
parent f8d5ab2b69
commit b5f173efd9
4 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -11,6 +11,7 @@
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.1",
"what-input": "^5.2.10",
"zod": "^1.10.3"
},
"scripts": {

5
src/index.scss
View File

@ -65,6 +65,11 @@ hr {
margin: 0 40px;
}
// Suppress focus ring on form controls for mouse users
[data-whatintent='mouse'] *:focus {
outline: none;
}
.matrixIdentifier {
word-break: break-all;
}

11
src/index.tsx
View File

@ -1,11 +1,12 @@
import React from "react";
import ReactDOM from "react-dom";
import "./index.scss";
import App from "./App";
import 'what-input';
import React from 'react';
import ReactDOM from 'react-dom';
import './index.scss';
import App from './App';
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById("root")
document.getElementById('root')
);

5
yarn.lock
View File

@ -14293,6 +14293,11 @@ websocket-extensions@>=0.1.1:
resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
what-input@^5.2.10:
version "5.2.10"
resolved "https://registry.yarnpkg.com/what-input/-/what-input-5.2.10.tgz#f79f5b65cf95d75e55e6d580bb0a6b98174cad4e"
integrity sha512-7AQoIMGq7uU8esmKniOtZG3A+pzlwgeyFpkS3f/yzRbxknSL68tvn5gjE6bZ4OMFxCPjpaBd2udUTqlZ0HwrXQ==
whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.3, whatwg-encoding@^1.0.5:
version "1.0.5"
resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"