sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Optimize ShortcutsDialog style (#1329)

Browse Source 
* Optimize ShortcutsDialog style

* Add word-break only to ShortcutKey
This commit is contained in:
Dreace 2020-04-09 16:23:10 +08:00 committed by GitHub
parent ff82d1cfa3
commit fe6f482e96
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ShortcutsDialog.tsx
View File

@ -13,6 +13,7 @@ const ShortcutIsland = (props: {
width: "49%", width: "49%",
border: "1px solid #ced4da", border: "1px solid #ced4da",
marginBottom: "16px", marginBottom: "16px",
height: "-webkit-fill-available",
}} }}
> >
<h3 <h3
@ -85,6 +86,7 @@ Shortcut.defaultProps = {
const ShortcutKey = (props: { children: React.ReactNode }) => ( const ShortcutKey = (props: { children: React.ReactNode }) => (
<span <span
style={{ style={{
wordBreak: "keep-all",
border: "1px solid #ced4da", border: "1px solid #ced4da",
padding: "2px 8px", padding: "2px 8px",
margin: "0 4px", margin: "0 4px",