Explorar el Código

Improve Wizard Summary 'Options' display

Handle long and / or multiline property names and values.
Sergiu Miclea hace 8 años
padre
commit
607f7c54ce
Se han modificado 1 ficheros con 9 adiciones y 1 borrados
  1. 9 1
      src/components/organisms/WizardSummary/index.jsx

+ 9 - 1
src/components/organisms/WizardSummary/index.jsx

@@ -117,8 +117,16 @@ const Option = styled.div`
 const OptionLabel = styled.div`
 const OptionLabel = styled.div`
   color: ${Palette.grayscale[4]};
   color: ${Palette.grayscale[4]};
   flex-grow: 1;
   flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`
+const OptionValue = styled.div`
+  text-align: right;
+  max-width: 50%;
+  text-overflow: ellipsis;
+  overflow: hidden;
 `
 `
-const OptionValue = styled.div``
 
 
 type Props = {
 type Props = {
   data: WizardData,
   data: WizardData,