styler.registerComponentStyles('Map', {
display: 'inline-block',
'&-map': {
width: 584,
height: 400
},
'&-search': {
position: 'absolute',
color: '#464646',
marginTop: 16,
border: '1px solid transparent',
borderRadius: '2px 0 0 2px',
boxSizing: 'border-box',
height: 32,
outline: 'none',
boxShadow: '0 2px 6px rgba(0, 0, 0, 0.3)',
backgroundColor: '#fff',
fontSize: 15,
marginLeft: 12,
padding: '0 11px 0 13px',
textOverflow: 'ellipsis',
width: 500
}
});
styler.registerComponentStyles('Header', {
display: 'table',
padding: 0,
margin: 0,
fontWeight: 'normal',
whiteSpace: 'nowrap',
verticalAlign: 'baseline',
lineHeight: '1.2em',
'&-h1': {
fontSize: 32
},
'&-h2': {
fontSize: 25
},
'&-h3': {
fontSize: 16,
fontFamily: 'GothamMedium, "Helvetica Neue", Helvetica, Arial, sans-serif'
},
'&-caption': {
display: 'table-cell'
},
'&-inner-left': {
display: 'table-cell',
fontSize: 20,
lineHeight: '1.2em',
paddingLeft: 20,
verticalAlign: 'baseline'
},
'&-inner-right': {
display: 'table-cell',
textAlign: 'right',
width: '100%',
fontSize: 20,
lineHeight: '1.2em'
}
});
styler.registerComponentStyles('Modal', {
backgroundColor: '#ffffff',
maxHeight: '100vh',
overflow: 'auto',
WebkitOverflowScrolling: 'touch',
'&-overlay': {
display: 'none',
position: 'fixed',
zIndex: '100'
},
'&-root': {
fontFamily: 'GothamBook, "Helvetica Neue", Helvetica, Arial, sans-serif',
color: '#464646'
},
'&-modal': {
border: '1px solid #dbdbdb'
},
'&-fixed': {
position: 'fixed'
},
'&-absolute': {
position: 'absolute'
},
'&-title': {
fontSize: 22
},
'&-content': {
fontSize: 16,
lineHeight: '1.4em',
padding: '15px 20px'
},
'&-buttons': {
padding: 20,
textAlign: 'right'
},
'&-buttons-1': {
textAlign: 'center'
},
'&-footer': {
fontSize: '0.8em',
textAlign: 'center',
marginBottom: '18px',
color: '#aeaeae'
},
'&-header-container':{
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
borderBottom: '1px solid #dbdbdb',
padding: '8px 20px',
height: 50
}
});
module.exports = DropDownContent;
styler.registerComponentStyles('DropDownContent', {
position: 'absolute',
border: '1px solid rgba(219, 219, 219, 1)',
boxShadow: '0px 0px 10px 0px rgba(219, 219, 219, 0.5)',
boxSizing: 'border-box',
'&:focus': {
outline: 'none'
},
'&-arrow': {
backgroundColor: 'inherit',
border: 'inherit',
boxShadow: 'inherit',
boxSizing: 'inherit',
display: 'block',
position: 'absolute'
},
'&-content': {
overflow: 'hidden',
backgroundColor: 'inherit',
boxSizing: 'inherit',
position: 'relative',
width: '100%',
height: '100%'
}
});
styler.registerComponentStyles('Input', {
'&-input': {
height: 35,
lineHeight: '27px',
padding: 4,
boxSizing: 'border-box',
fontSize: 15,
border: '1px solid rgb(219, 219, 219)',
outline: 'none',
color: '#474747',
fontFamily: 'inherit',
borderRadius: 1,
boxShadow: 'inset 0px 1px 1px 0px rgba(229, 229, 229, 0.5)'
},
'&-input:focus': {
border: '1px solid #a3b8f7'
},
'&-input::-webkit-input-placeholder': placeholder,
'&-input::-moz-placeholder': placeholder,
'&-input:-moz-placeholder': placeholder,
'&-input:-ms-input-placeholder': placeholder,
'& textarea': {
height: 120,
lineHeight: '1.2em',
padding: '7px 4px'
},
'&-clear-icon': {
marginLeft: -21
}
});
styler.registerComponentStyles('FieldRow', {
width: '100%',
display: 'flex',
justifyContent: 'flex-start',
alignItems: 'stretch',
alignContent: 'flex-start',
'& + &': {
marginTop: 10
},
'&-caption': {
width: 149,
marginRight: 20,
flexShrink: '0',
paddingTop: 8
},
'&-sub-caption': {
fontSize: 13,
color: '#c4c4c4',
fontStyle: 'italic',
display: 'block'
},
'&-content': {
width: 428,
marginRight: 20,
flexShrink: '0'
},
'&-content input, &-content textarea': {
width: '100%'
},
'&-hint': {
width: '100%',
fontSize: 13,
fontStyle: 'italic',
paddingTop: 11
}
});
styler.registerComponentStyles('ImageUploader', {
'&-wrapper': {
position: 'relative'
},
'&-upload': {
boxSizing: 'border-box'
},
'&-preview': {
outline: '1px solid #dbdbdb',
textAlign: 'center',
verticalAlign: 'middle',
borderRadius: 1,
boxSizing: 'border-box',
overflow: 'hidden',
display: 'flex',
alignItems: 'center',
justifyContent: 'center'
},
'&-preview-transparent': {
backgroundImage: 'url(' + require('url!../../images/ImageUploader/bw-squares.png') + ')'
},
'&-preview-grey': {
background: '#f5f5f5'
},
'&-preview img': {
maxWidth: '100%',
maxHeight: '100%',
verticalAlign: 'middle',
position: 'relative',
zIndex: '3'
},
'&-placeholder-large': {},
'&-placeholder-small': {},
'&-buttons': {
paddingTop: 4,
position: 'absolute',
userSelect: 'none'
},
'&-buttons-left': {
left: 0
},
'&-buttons-left &-button': {
marginRight: 16
},
'&-buttons-right': {
right: 0
},
'&-buttons-right-middle': {
bottom: '0px',
width: '60px',
right: '-60px'
},
'&-buttons-right-middle &-button': {
marginLeft: 4
},
'&-buttons-right &-button': {
marginLeft: 16
},
'&-buttons-enabled &-button': {
cursor: 'pointer'
},
'&-buttons .Icon': {
position: 'absolute'
},
'&-button': {
width: 14,
height: 16,
overflow: 'hidden',
display: 'inline-block'
},
'&-delete-button': {
height: '15px !important'
},
'&-hint': {
color: '#c4c4c4',
fontSize: 12,
lineHeight: 24,
fontStyle: 'italic',
textAlign: 'center'
},
'&-file': {
padding: 0,
margin: 0,
position: 'absolute',
opacity: '0',
cursor: 'pointer',
left: 0,
transform: 'scaleY(2)'
},
'&-file-small': {
padding: 0,
margin: 0,
opacity: '0',
cursor: 'pointer',
transform: 'rotate(180deg)'
},
'&-children': {
position: 'absolute',
textAlign: 'center',
overflow: 'hidden'
},
'&-children > &': {
display: 'inline-block',
lineHeight: '1.2em',
verticalAlign: 'middle',
textAlign: 'left'
},
'&-children > & &-preview': {
border: '1px solid #999999',
backgroundColor: 'transparent',
fontStyle: 'italic',
fontWeight: 'bold',
color: '#dbdbdb'
}
});
styler.registerComponentStyles('ErrorMessage', {
backgroundColor: '#fafafa',
padding: '12px 18px',
color: '#747474',
fontSize: 14,
fontStyle: 'italic',
boxSizing: 'border-box',
display: 'flex',
flexWrap: 'nowrap',
alignItems: 'center',
'&-block': {
flexDirection: 'column',
justifyContent: 'center'
},
'&-block .Icon': {
marginBottom: 20
},
'&-inline': {
flexDirection: 'row',
justifyContent: 'flex-start'
},
'&-inline .Icon': {
marginRight: 5
}
});
}
});
module.exports = ContextMenu;
styler.registerComponentStyles('ContextMenu', {
visibility: 'hidden',
position: 'absolute',
display: 'block',
width: 180,
backgroundColor: '#ffffff',
boxSizing: 'border-box',
fontSize: 15,
lineHeight: '30px',
'&-item': {
justifyContent: 'flex-start'
},
'& .DropDownContent-content': {
padding: '4px 0'
},
'& .Button-icon-primary': {
width: 23
}
});
});
module.exports = Table;
styler.registerComponentStyles('Table', {
fontSize: 15,
borderCollapse: 'separate',
borderSpacing: 2,
'& thead th': {
fontSize: 12,
color: '#9a9a9a',
paddingBottom: 7,
paddingRight: 25,
textAlign: 'left',
fontWeight: 'normal'
},
'& tbody tr:first-of-type td': {
borderTop: 'none'
},
'& tbody td': {
padding: '20px 20px 16px',
backgroundColor: '#f7f7f7',
borderBottom: '1px solid #ededed',
borderTop: '12px solid #ffffff'
},
'& tbody td:last-of-type': {
borderRight: 'none'
}
});