Modern Business: Make sure the box handle is clickable and move the box handle to the “true” center

This commit is contained in:
Allan Cole 2019-03-06 13:30:51 -05:00
parent 32d52141b4
commit dcf29343f5
2 changed files with 27 additions and 0 deletions

View file

@ -390,6 +390,18 @@ figcaption,
margin-bottom: -32px;
}
.wp-block-media-text .components-resizable-box__handle {
z-index: 3;
}
.wp-block-media-text .components-resizable-box__handle-right {
right: calc((12px - 30px) * -1);
}
.wp-block-media-text .components-resizable-box__handle-left {
left: calc((12px - 30px) * -1);
}
@media only screen and (min-width: 768px) {
.wp-block-media-text {
padding: 60px 0;

View file

@ -379,6 +379,21 @@ figcaption,
margin-bottom: -32px;
}
// Make sure the box handle is clickable.
.components-resizable-box__handle {
z-index: 3;
}
// Move the box handle to the 'true' center.
.components-resizable-box__handle-right {
right: calc((12px - 30px) * -1);
}
// Move the box handle to the 'true' center.
.components-resizable-box__handle-left {
left: calc((12px - 30px) * -1);
}
@include media(tablet) {
padding: 60px 0;