Site logo

Archived topic

Weird issue in Gutenberg Blocks

5 replies · Started by Roberto Enrique on February 5, 2021

Viewing posts 1–6 of 6

Today I realized that in a site I'm building, the blue border when you have some block selected, just disappeared. :-(

...I mean, this "blue" line:

Blue border in gutenberg block

In the site I'm referring to, it's like this:

No line at all :-(

The only thing I remember doing was activating a global style for the buttons, just to test the new feature, but honestly I can't blame it on that.

Another curious issue, which I honestly don't know how and when exactly started occurring, is that the borders both around the "Product Sort" drop down on products archives and the border around the "quantity increments" buttons in single product page are missing as well:

This is what I mean:

No border here neither

:-(

In order to bring them back I need to add this CSS:


/*Woocommerce bring back borders here and there :-( */

.woocommerce form .quantity.buttons-added .qty, .woocommerce form .quantity.buttons-added .minus, .woocommerce form .quantity.buttons-added .plus, .do-quantity-buttons form .quantity:not(.buttons-added)::before, .do-quantity-buttons form .quantity:not(.buttons-added)::after, .woocommerce-ordering select, .variations .value select{
	border-color:#d2d2d2;
}

Thanks in advance for your support.

Hi there,

missing borders in the block editor - see this github:

https://github.com/WordPress/gutenberg/issues/23892

Long read - simply put the borders were removed around most ( not all ) blocks. Its seems gutenberg team saw it as a design improvement, as Block editing is not longer a novel experience they deemed them unnecessary.

The borders missing on the front end - thats a different issue ... you provided a log in but no URL to the site, can you provide so i can take a look ?

Here it is. Thanks :-)

Ok so, GP premium has this function: generate_premium_check_text_color.
It returns a light or dark value based upon the text color.
This value then determines whether certain elements such as borders are painted light or dark.

The logic behind this is based on Contrast Accessibilty. ie. Light Text we would expect to be on a darker background, and therefore borders should be painted in a light color.

Sometimes that logic is wrong, and it does require some CSS to correct it.

mmmm, I thought about something like that.
Nice to know :-)
I'll fiddle around.

Thank you very very very much.

You're welcome!

This archived topic is closed to new replies.