Simplify quote alignment and position of toggle
This commit is contained in:
parent
71d6a1d383
commit
37cdc6e62d
1 changed files with 10 additions and 4 deletions
|
@ -29,6 +29,7 @@
|
||||||
}
|
}
|
||||||
&--column {
|
&--column {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
align-items: stretch;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -73,11 +74,16 @@
|
||||||
}
|
}
|
||||||
$comp-area: &;
|
$comp-area: &;
|
||||||
&__toggle-large {
|
&__toggle-large {
|
||||||
width: 48px;
|
$width: 48px;
|
||||||
height: 24px;
|
$height: 24px;
|
||||||
|
|
||||||
|
width: $width;
|
||||||
|
height: $height;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: calc(50% - 24px);
|
left: calc(50% - $width / 2);
|
||||||
top: -19px;
|
|
||||||
|
// 6px coming from padding-top, 1px from outline
|
||||||
|
top: calc(0px - $height / 2 - 6px - 1px);
|
||||||
border-radius: 12px 12px 0 0;
|
border-radius: 12px 12px 0 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue