Add styles for preview sidebar
[MAILPOET-2811]
This commit is contained in:
committed by
Veljko V
parent
b881e5009b
commit
f4750ac3df
@@ -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;
|
||||||
}
|
}
|
||||||
|
@@ -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;
|
||||||
|
@@ -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={[
|
||||||
|
Reference in New Issue
Block a user