mirror of
https://github.com/strapi/strapi.git
synced 2025-11-03 03:17:11 +00:00
Fix fullscreen css
This commit is contained in:
parent
5d5d5d1097
commit
23fe21fcdf
@ -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"
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user