Move the "Exit block region demonstration" button

Retitled to make it clear from the issue listing what "this" means :)

Thanks for raising the issue and possible suggestions @BEGRAFX, it's those small things which all add up :)

Perhaps a pragmatic solution would be to make the background transparent? I have created a Merge Request with an example of this.

Now

With transparent background

You're right, text on text is a challenge ... Sliding it to the right might alleviate most clashes? And I did note the white text on yellow background in your image. That's really hard to read. Is it a contrib theme, that I can see?

check these

Model 1

We can simply change the position so it will not hide any text.

when admin toolbar is collapsed:

OR

Model 2

when admin toolbar is collapsed:

I prefer the Model 2 . Please add your comments.

Model 2 is probably best, moving the block regions down a nudge, since there is always a chance of clashing text with the current overlay model.

Since the changes were so minor, I updated the existing MR.

Here is a proof of concept, where the button is not an overlay. More structural changes are probably needed to render it nicer, as seen in your "Model 2" example, @TOMY MOHAN.

Here is the patch for Model 2.

Thanks @TOMY MOHAN, perhaps you can use the Gitlab integration, so we can easily preview it via Tugboat?

I have created a new branch called "3260884-model-2" above for this. Let me know if you would like me to transfer your patch.

Fixed custom command failed, Attached interdiff for same. Please review.

Thanks @Gauravmahlawat. I re-rolled the patch with the Gitlab integration in the branch "3260884-model-2" (see at the top), so we can easily preview it via Tugboat, maybe we can use that from now on?

It looks fine in Seven, acceptable in Olivero, but not so great in Bartik:

Seven

Olivero

Bartik

I'll try to tweak the padding in the Merge Request.

With 15px space at top and bottom:

Bartik

Olivero

Seven

Bartik looks better now:

Moved the Exit button into the centre of the page.

I think that's probably best addressed in a separate issue ... also, it would be a great help if you include a link to a theme where this happens.

Verified and tested patch #23.

Applied patch in #24. The patch move Exit block region button on top left corner and it work fine.

This issue is being reviewed by the kind folks in Slack, #needs-review-queue-initiative. We are working to keep the size of Needs Review queue [2700+ issues] to around 400 (1 month or less), following Review a patch or merge request as a guide.

Could someone add screenshots to the issue summary please as this is a UX change.

Adding screenshots of how it currently is doesn't provide much help. Before/after is what is needed

Now tagging for issue summary update as it may not be clear what is being addressed.

Applied patch. The patch move Exit block region button on top left corner and it work fine with proper space.