fix: make all fields required on the Terms & Conditions page if Show on
screen is enabled fix: enable/disable the Terms & Conditions form based on the Show on screen toggle fix: replaced deactivated field with plain text when not editing fix: make de non editable text content field scrollable style: make it follow the same style as the other screens, with the edit button and links to save and cancel
This commit is contained in:
parent
8853f1fd20
commit
b870bdd999
2 changed files with 150 additions and 27 deletions
|
|
@ -95,4 +95,51 @@ const termsConditionsStyles = {
|
|||
}
|
||||
}
|
||||
|
||||
export { styles, contactInfoStyles, termsConditionsStyles }
|
||||
const fieldStyles = {
|
||||
field: {
|
||||
position: 'relative',
|
||||
width: 280,
|
||||
padding: [[0, 4, 4, 0]]
|
||||
},
|
||||
notEditing: {
|
||||
display: 'flex',
|
||||
flexDirection: 'column'
|
||||
},
|
||||
notEditingSingleLine: {
|
||||
'& > p:first-child': {
|
||||
height: 16,
|
||||
lineHeight: '16px',
|
||||
transform: 'scale(0.75)',
|
||||
transformOrigin: 'left',
|
||||
paddingLeft: 0,
|
||||
margin: [[1, 0, 6, 0]]
|
||||
},
|
||||
'& > p:last-child': {
|
||||
overflow: 'hidden',
|
||||
whiteSpace: 'nowrap',
|
||||
textOverflow: 'ellipsis',
|
||||
height: 25,
|
||||
margin: 0
|
||||
}
|
||||
},
|
||||
notEditingMultiline: {
|
||||
'& > p:first-child': {
|
||||
height: 16,
|
||||
lineHeight: '16px',
|
||||
transform: 'scale(0.75)',
|
||||
transformOrigin: 'left',
|
||||
paddingLeft: 0,
|
||||
margin: [[1, 0, 5, 0]]
|
||||
},
|
||||
'& > p:last-child': {
|
||||
width: 502,
|
||||
height: 121,
|
||||
overflowY: 'auto',
|
||||
lineHeight: '19px',
|
||||
wordWrap: 'anywhere',
|
||||
margin: 0
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export { styles, contactInfoStyles, termsConditionsStyles, fieldStyles }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue