Add placement settings header

[MAILPOET-2738]
This commit is contained in:
Pavel Dohnal
2020-03-16 12:14:43 +01:00
committed by Veljko V
parent 9c4844f77c
commit c9a2a44970
4 changed files with 45 additions and 3 deletions

View File

@@ -2,6 +2,8 @@ $gutenberg-control-border-color: #7e8993;
$gutenberg-control-border-color-focus: #007cba;
$form-placement-option-base-color: #e5e9f8;
$form-placement-option-text-color: #23282d;
$form-placement-option-oval: #dcdcdc;
$form-placement-option-oval-border: #969ca1;
.components-panel {
.select2-container {
@@ -120,6 +122,7 @@ $form-placement-option-text-color: #23282d;
height: 142px;
justify-content: space-between;
margin: 0 16px 16px 0;
padding: 6px;
text-align: center;
width: 116px;
}
@@ -139,10 +142,29 @@ $form-placement-option-text-color: #23282d;
}
.form-placement-option-settings {
display: flex;
flex-direction: row;
height: 25px;
justify-content: space-between;
width: 100%;
}
.form-placement-settings-oval {
background-color: $form-placement-option-oval;
border: solid 1px $form-placement-option-oval-border;
border-radius: 7px;
height: 13px;
width: 13px;
}
.form-placement-settings-icon {
svg {
fill: $form-placement-option-base-color;
}
height: 14px;
width: 14px;
}
.form-placement-option-icon {
svg {
height: 63px;