Add styles for preview sidebar

[MAILPOET-2811]
This commit is contained in:
Rostislav Wolny
2020-05-19 10:26:00 +02:00
committed by Veljko V
parent b881e5009b
commit f4750ac3df
3 changed files with 25 additions and 15 deletions

View File

@@ -76,15 +76,32 @@
flex-direction: row; flex-direction: row;
.mailpoet_preview_sidebar { .mailpoet_preview_sidebar {
padding: 10px 10px 10px 0; padding: 35px 15px 10px 0;
width: 300px; width: 300px;
}
.components-base-control__label {
display: block;
} }
.mailpoet-size-settings-control {
.components-radio-control__option { .components-radio-control__option {
display: inline-block; display: inline-block;
margin-right: 1em; margin-right: 1em;
width: auto; width: auto;
} }
.mailpoet-styles-settings-heading {
color: initial;
font-size: 13px;
font-weight: normal;
margin-bottom: 4px;
}
}
}
.mailpoet-toggle-list {
display: grid;
font-size: 13px;
grid-row-gap: 20px;
grid-template-columns: 1fr 45px;
margin-bottom: 1em;
} }

View File

@@ -101,13 +101,6 @@
} }
} }
.mailpoet-toggle-list {
display: grid;
grid-row-gap: 20px;
grid-template-columns: 1fr 45px;
margin-bottom: 40px;
}
.components-button.mailpoet-save-button { .components-button.mailpoet-save-button {
background-color: #ff5301; background-color: #ff5301;
border-radius: 4px; border-radius: 4px;

View File

@@ -32,7 +32,7 @@ export const SizeSettings = ({
const [localValue, setLocalValue] = useState(value ?? { unit: 'pixel', value: undefined }); const [localValue, setLocalValue] = useState(value ?? { unit: 'pixel', value: undefined });
return ( return (
<div className="mailpoet-size-settings-control"> <div className="mailpoet-size-settings-control">
<h3>{label}</h3> <h3 className="mailpoet-styles-settings-heading">{label}</h3>
<RadioControl <RadioControl
selected={localValue.unit || 'pixel'} selected={localValue.unit || 'pixel'}
options={[ options={[