projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge branch 'master' into 14015-rename-a-file
[arvados-workbench2.git]
/
src
/
views-components
/
details-panel
/
details-panel.tsx
diff --git
a/src/views-components/details-panel/details-panel.tsx
b/src/views-components/details-panel/details-panel.tsx
index a298d670ee70de01e14ab58b03c9410aaccd4e69..70c026d3d3385440dad0035ac6d657b2387c1f4e 100644
(file)
--- a/
src/views-components/details-panel/details-panel.tsx
+++ b/
src/views-components/details-panel/details-panel.tsx
@@
-21,7
+21,7
@@
import { EmptyDetails } from "./empty-details";
import { DetailsData } from "./details-data";
import { DetailsResource } from "~/models/details";
import { DetailsData } from "./details-data";
import { DetailsResource } from "~/models/details";
-type CssRules = 'drawerPaper' | 'container' | 'opened' | 'headerContainer' | 'headerIcon' | 'tabContainer';
+type CssRules = 'drawerPaper' | 'container' | 'opened' | 'headerContainer' | 'headerIcon' | '
headerTitle' | '
tabContainer';
const drawerWidth = 320;
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
const drawerWidth = 320;
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
@@
-45,7
+45,10
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
textAlign: 'center'
},
headerIcon: {
textAlign: 'center'
},
headerIcon: {
- fontSize: "34px"
+ fontSize: '2.125rem'
+ },
+ headerTitle: {
+ wordBreak: 'break-all'
},
tabContainer: {
padding: theme.spacing.unit * 3
},
tabContainer: {
padding: theme.spacing.unit * 3
@@
-114,7
+117,7
@@
export const DetailsPanel = withStyles(styles)(
{item.getIcon(classes.headerIcon)}
</Grid>
<Grid item xs={8}>
{item.getIcon(classes.headerIcon)}
</Grid>
<Grid item xs={8}>
- <Typography variant="title">
+ <Typography variant="title"
className={classes.headerTitle}
>
{item.getTitle()}
</Typography>
</Grid>
{item.getTitle()}
</Typography>
</Grid>