Set max-width for owner name, show '...' if it doesn't fit into table cell

This commit is contained in:
Mikhail Mikheev 2019-11-20 11:15:39 +04:00
parent 515d177c89
commit dffb531a45
4 changed files with 9 additions and 6 deletions

View File

@ -55,7 +55,7 @@
"qrcode.react": "1.0.0", "qrcode.react": "1.0.0",
"react": "16.12.0", "react": "16.12.0",
"react-dom": "16.12.0", "react-dom": "16.12.0",
"react-final-form": "6.3.2", "react-final-form": "6.3.3",
"react-final-form-listeners": "^1.0.2", "react-final-form-listeners": "^1.0.2",
"react-hot-loader": "4.12.18", "react-hot-loader": "4.12.18",
"react-qr-reader": "^2.2.1", "react-qr-reader": "^2.2.1",

View File

@ -24,7 +24,7 @@ export const cellWidth = (width: number | typeof undefined) => {
} }
return { return {
width: `${width}px`, maxWidth: `${width}px`,
} }
} }

View File

@ -285,6 +285,9 @@ export default createMuiTheme({
fontWeight: 'normal', fontWeight: 'normal',
paddingTop: xs, paddingTop: xs,
paddingBottom: xs, paddingBottom: xs,
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis',
}, },
}, },
MuiBackdrop: { MuiBackdrop: {

View File

@ -14901,10 +14901,10 @@ react-final-form-listeners@^1.0.2:
dependencies: dependencies:
"@babel/runtime" "^7.1.5" "@babel/runtime" "^7.1.5"
react-final-form@6.3.2: react-final-form@6.3.3:
version "6.3.2" version "6.3.3"
resolved "https://registry.yarnpkg.com/react-final-form/-/react-final-form-6.3.2.tgz#2c331540c8f5cbf6fbe75ecd98849a03b34dba6e" resolved "https://registry.yarnpkg.com/react-final-form/-/react-final-form-6.3.3.tgz#8856a92278de2733f83e88c75d9ef347294a66a0"
integrity sha512-3eXCd9ScouKbf7GJubhUP0s8+aYCsltjjWZtvOKV+E0AeRjXmzQZfUAsKM+395+v1dLIyenB3x22ZQms2tWFRQ== integrity sha512-hFLwLpLasywky46SovNEGlym7+N+3RKge1/cg+/fVec/YY0l4g0ihgjRof6PbkiYe4qGjKbwbrvlgfZ9/Uf8vw==
dependencies: dependencies:
"@babel/runtime" "^7.4.5" "@babel/runtime" "^7.4.5"
ts-essentials "^3.0.2" ts-essentials "^3.0.2"