fix: small screen overflow x bug (#2620)

Co-authored-by: du <dushaobin@meishubao.com>
This commit is contained in:
dushaobindoudou 2020-04-24 17:43:48 +08:00 committed by GitHub
parent a860be0c52
commit 037f811af7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 3 deletions

View File

@ -28,5 +28,6 @@
"Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": "扩展等待认证. 打开已经安装的扩展同意或者拒绝他.",
"You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "没有连接任何节点. 确保你的节点正在运行并且保证websocket终端可访问.",
"With the Firefox browser connecting to insecure WebSockets ({{wsUrl}}) will fail due to the browser not allowing localhost access from a secure site.": "用Firefox连接不安全的 WebSockets ({{wsUrl}}) 由于浏览器不允许从一个安全的站点访问本地服务, 可能访问失败.",
"You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "你正在从一个安全的连接访问不安全的 WebSocket ({{wsUrl}}). 由于浏览器最大安全策略这个连接将不被允许访问. 更改RPC服务到一个安全的 'wss' 终端."
"You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "你正在从一个安全的连接访问不安全的 WebSocket ({{wsUrl}}). 由于浏览器最大安全策略这个连接将不被允许访问. 更改RPC服务到一个安全的 'wss' 终端.",
"Initializing connection": "正在初始化连接"
}

View File

@ -256,6 +256,7 @@ function VanityApp ({ className, onStatusChange }: Props): React.ReactElement<Pr
export default React.memo(styled(VanityApp)`
.vanity--App-matches {
overflow-x: auto;
padding: 1em 0;
}

View File

@ -5,6 +5,7 @@
import { PeerInfo } from '@polkadot/types/interfaces';
import React, { useMemo } from 'react';
import styled from 'styled-components';
import { formatNumber } from '@polkadot/util';
import { useTranslation } from '../translate';
@ -43,4 +44,6 @@ function Peers ({ className, peers }: Props): React.ReactElement<Props> {
);
}
export default React.memo(Peers);
export default React.memo(styled(Peers)`
overflow-x: auto;
`);

View File

@ -259,10 +259,13 @@ function Targets ({ className }: Props): React.ReactElement<Props> {
export default React.memo(styled(Targets)`
text-align: center;
th {
i.icon {
margin-left: 0.5rem;
}
}
.ui--Table {
overflow-x: auto;
}
`);