Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Toggle blocks borders #13482

Closed
catkit opened this issue Jan 24, 2019 · 4 comments
Closed

Toggle blocks borders #13482

catkit opened this issue Jan 24, 2019 · 4 comments
Labels
[Feature] Blocks Overall functionality of blocks [Type] Enhancement A suggestion for improvement.

Comments

@catkit
Copy link

catkit commented Jan 24, 2019

Is your feature request related to a problem? Please describe.
It's too hard to select blocks inside other blocks.
Describe the solution you'd like
I know you are working at making this task easier and I love the mockup here:
https://codepen.io/kjellr/pen/jdEJQb?editors=0110
And I think the block navigation is a great help, but I fancy it would be nice to have a simple toggle button to turn blocks borders on / off so we can easily preview the document structure.

@paaljoachim
Copy link
Contributor

@kjellr

@kjellr kjellr added [Type] Enhancement A suggestion for improvement. [Feature] Blocks Overall functionality of blocks labels Jan 30, 2019
@cecoates
Copy link

cecoates commented Apr 10, 2019

I'd like this as well.

Example use case:

11996977-hc

I was helping a user arrange image blocks within a column. Especially once you get into the 3+ column range, finding the right spots to click becomes essentially impossible.

That means when you're trying to hover around and select the "main" block to adjust the settings (such as change the number of columns) you kind of end up just clicking around randomly until you get it.

I'd agree with the above:

And I think the block navigation is a great help, but I fancy it would be nice to have a simple toggle button to turn blocks borders on / off so we can easily preview the document structure.

I'd like the option to always have borders, personally. The editor isn't meant to resemble the finished page/post anyway, so IMO seeing the borders of the blocks would increase usability drastically.

Here's a GIF I made for a user showing them how to add columns blocks, and even from that you can see how I randomly click around trying to find the block's "edge".

Peek 2019-04-10 17-26

@skorasaurus
Copy link
Member

skorasaurus commented Apr 17, 2020

This would be nice to experience in core.

In the meantime, you can enable this within the block-options aka editors' kit plugin
(source code is at https://github.com/phpbits/block-options/

(To enable block borders, install the block-options plugin, then while in a post, click the upper right hand three colon and toggle the block guide lines.

image

@mtias
Copy link
Member

mtias commented Jul 13, 2021

The new block list view and block type button include outline highlights on hover / focus. An option for this is currently not being considered, but it might come in the future.

@mtias mtias closed this as completed Jul 13, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Blocks Overall functionality of blocks [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

6 participants