projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge branch '14361-broken-inputs-preview-layout'
[arvados-workbench2.git]
/
src
/
components
/
details-attribute
/
details-attribute.tsx
diff --git
a/src/components/details-attribute/details-attribute.tsx
b/src/components/details-attribute/details-attribute.tsx
index 4a94dc30d3f778a9a559631ada8026c93f561c68..78b4341d173046972385cad95e584cb735138085 100644
(file)
--- a/
src/components/details-attribute/details-attribute.tsx
+++ b/
src/components/details-attribute/details-attribute.tsx
@@
-17,10
+17,12
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
marginBottom: theme.spacing.unit
},
label: {
marginBottom: theme.spacing.unit
},
label: {
+ boxSizing: 'border-box',
color: theme.palette.grey["500"],
width: '40%'
},
value: {
color: theme.palette.grey["500"],
width: '40%'
},
value: {
+ boxSizing: 'border-box',
width: '60%',
display: 'flex',
alignItems: 'flex-start',
width: '60%',
display: 'flex',
alignItems: 'flex-start',
@@
-41,7
+43,7
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
interface DetailsAttributeDataProps {
label: string;
classLabel?: string;
interface DetailsAttributeDataProps {
label: string;
classLabel?: string;
- value?:
string | number
;
+ value?:
React.ReactNode
;
classValue?: string;
lowercaseValue?: boolean;
link?: string;
classValue?: string;
lowercaseValue?: boolean;
link?: string;