refactor(system,styles): use translate to align handles to center of their side
This commit is contained in:
@@ -183,26 +183,26 @@
|
|||||||
&-bottom {
|
&-bottom {
|
||||||
top: auto;
|
top: auto;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
bottom: -4px;
|
bottom: 0;
|
||||||
transform: translate(-50%, 0);
|
transform: translate(-50%, 50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&-top {
|
&-top {
|
||||||
|
top: 0;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: -4px;
|
transform: translate(-50%, -50%);
|
||||||
transform: translate(-50%, 0);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&-left {
|
&-left {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: -4px;
|
left: 0;
|
||||||
transform: translate(0, -50%);
|
transform: translate(-50%, -50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&-right {
|
&-right {
|
||||||
right: -4px;
|
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translate(0, -50%);
|
right: 0;
|
||||||
|
transform: translate(50%, -50%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user