Open settings modal

[MAILPOET-2738]
This commit is contained in:
Pavel Dohnal
2020-03-16 15:01:34 +01:00
committed by Veljko V
parent af69fae556
commit f9aca4fe57
4 changed files with 60 additions and 14 deletions

View File

@@ -118,12 +118,14 @@ $form-placement-option-oval-border: #969ca1;
border: solid 1px $form-placement-option-base-color;
border-radius: 4px;
box-shadow: 0 1px 2px 0 $form-placement-option-base-color;
cursor: pointer;
display: flex;
flex-direction: column;
height: 142px;
justify-content: space-between;
margin: 0 16px 16px 0;
padding: 6px;
pointer-events: auto;
position: relative;
text-align: center;
width: 116px;
@@ -134,6 +136,7 @@ $form-placement-option-oval-border: #969ca1;
border-radius: 2px;
height: 140px; // width of the parent element minus border on both sides
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 114px;
@@ -156,6 +159,7 @@ $form-placement-option-oval-border: #969ca1;
font-size: 14px;
height: 40px;
justify-content: center;
pointer-events: none;
width: 100%;
z-index: 2;
@@ -169,6 +173,7 @@ $form-placement-option-oval-border: #969ca1;
flex-direction: row;
height: 25px;
justify-content: space-between;
pointer-events: none;
width: 100%;
z-index: 4;
}
@@ -178,16 +183,19 @@ $form-placement-option-oval-border: #969ca1;
border: solid 1px $form-placement-option-oval-border;
border-radius: 7px;
height: 13px;
pointer-events: none;
width: 13px;
}
.form-placement-settings-icon {
height: 14px;
pointer-events: none;
width: 14px;
z-index: 4;
svg {
fill: $form-placement-option-base-color;
}
height: 14px;
width: 14px;
z-index: 4;
}
.form-placement-settings-icon-hover {
@@ -197,15 +205,17 @@ $form-placement-option-oval-border: #969ca1;
}
.form-placement-option-icon {
svg {
height: 63px;
width: 76px;
}
background-color: #fff;
box-shadow: 0 4px 18px 0 rgba(68, 75, 102, .15);
height: 63px;
margin: 0 auto;
object-fit: contain;
pointer-events: none;
width: 76px;
z-index: 2;
svg {
height: 63px;
width: 76px;
}
}