Modern Business: Make sure the box handle is clickable and move the box handle to the “true” center
This commit is contained in:
parent
32d52141b4
commit
dcf29343f5
2 changed files with 27 additions and 0 deletions
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
||||
|
|
Loading…
Reference in a new issue