Refactor for placement selection to the grid
[MAILPOET-6127]
This commit is contained in:
committed by
Veljko V
parent
9451f4545a
commit
7914bbef3b
@@ -1,15 +1,8 @@
|
|||||||
.form-placement-option-list {
|
.form-placement-option-list {
|
||||||
display: flex;
|
display: grid;
|
||||||
flex-direction: row;
|
grid-gap: $grid-gap;
|
||||||
flex-wrap: wrap;
|
grid-template-columns: 1fr 1fr;
|
||||||
justify-content: space-around;
|
|
||||||
margin: 0 -12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-placement-option {
|
|
||||||
height: $form-placement-option-height;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: $form-placement-option-width;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-placement-settings {
|
.form-placement-settings {
|
||||||
|
@@ -7,7 +7,6 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-bottom: 16px;
|
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@@ -6,7 +6,4 @@ $selection-item-text-color: #23282d;
|
|||||||
$selection-item-oval-color: #dcdcdc;
|
$selection-item-oval-color: #dcdcdc;
|
||||||
$selection-item-oval-border-color: #969ca1;
|
$selection-item-oval-border-color: #969ca1;
|
||||||
$selection-item-active-border: 1px;
|
$selection-item-active-border: 1px;
|
||||||
$form-placement-option-height: 142px;
|
|
||||||
$form-placement-option-width: 112px;
|
|
||||||
$form-placement-option-active-border: 2px;
|
|
||||||
$form-preview-mobile-height: 760px;
|
$form-preview-mobile-height: 760px;
|
||||||
|
Reference in New Issue
Block a user