mirror of
https://github.com/strapi/strapi.git
synced 2025-11-04 20:07:19 +00:00
Fix fullscreen css
This commit is contained in:
parent
5d5d5d1097
commit
23fe21fcdf
@ -443,6 +443,8 @@ class Wysiwyg extends React.Component {
|
|||||||
render() {
|
render() {
|
||||||
const { editorState, isFocused, isPreviewMode, toggleFullScreen } = this.state;
|
const { editorState, isFocused, isPreviewMode, toggleFullScreen } = this.state;
|
||||||
const editorStyle = toggleFullScreen ? { marginTop: '0' } : this.props.style;
|
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 (
|
return (
|
||||||
<div
|
<div
|
||||||
@ -480,7 +482,7 @@ class Wysiwyg extends React.Component {
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<div className={styles.controlsContainer}>
|
<div className={styles.controlsContainer}>
|
||||||
<div style={{ minWidth: '161px', marginLeft: '8px', marginRight: '5px' }}>
|
<div className={selectClassName}>
|
||||||
<Select
|
<Select
|
||||||
disabled={isPreviewMode}
|
disabled={isPreviewMode}
|
||||||
name="headerSelect"
|
name="headerSelect"
|
||||||
|
|||||||
@ -4,7 +4,7 @@
|
|||||||
|
|
||||||
select {
|
select {
|
||||||
min-height: 31px !important;
|
min-height: 31px !important;
|
||||||
width: 161px !important;
|
min-width: 161px !important;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -60,6 +60,20 @@
|
|||||||
border-color: #ff203c !important;
|
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 {
|
.editorInput {
|
||||||
height: 0;
|
height: 0;
|
||||||
width: 0;
|
width: 0;
|
||||||
|
|||||||
@ -100,6 +100,7 @@
|
|||||||
> div:last-child {
|
> div:last-child {
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-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