Fix fullscreen css

This commit is contained in:
cyril lopez 2018-03-22 18:37:01 +01:00
parent 5d5d5d1097
commit 23fe21fcdf
3 changed files with 19 additions and 2 deletions

View File

@ -443,6 +443,8 @@ class Wysiwyg extends React.Component {
render() {
const { editorState, isFocused, isPreviewMode, toggleFullScreen } = this.state;
const editorStyle = toggleFullScreen ? { marginTop: '0' } : this.props.style;
const selectClassName = toggleFullScreen ? styles.selectFullscreen : styles.editorSelect;
// { minWidth: '1px', marginLeft: '8px' } : { minWidth: '161px', marginLeft: '8px', marginRight: '5px' }
return (
<div
@ -480,7 +482,7 @@ class Wysiwyg extends React.Component {
/>
)}
<div className={styles.controlsContainer}>
<div style={{ minWidth: '161px', marginLeft: '8px', marginRight: '5px' }}>
<div className={selectClassName}>
<Select
disabled={isPreviewMode}
name="headerSelect"

View File

@ -4,7 +4,7 @@
select {
min-height: 31px !important;
width: 161px !important;
min-width: 161px !important;
font-weight: 600;
}
}
@ -60,6 +60,20 @@
border-color: #ff203c !important;
}
.editorSelect {
min-width: 161px;
margin-left: 8px;
margin-right: 5px;
}
.selectFullscreen {
min-width: 115px;
margin-left: 8px;
> select {
min-width: 130px !important;
}
}
.editorInput {
height: 0;
width: 0;

View File

@ -100,6 +100,7 @@
> div:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-right: 1px solid rgba(16,22,34,0.10);
}
}