Forum

Thread tagged as: Error

Blocks: Add new block link hover bug

Hello,

Just spotted a css bug on blocks. The add new block hover style is only applied once a block exists. This seems to be caused because the hover style is targeting .block-add links inside a .block-wrap. .block-wrap is only present once a block has been added.

.block-wrap .block-add-bar a:hover {
    padding: 1px 10px 1px 10px;
    color: #fff;
    background-color: #4d4d4d;
    border-radius: 5px;
}
Oliver Lowe

Oliver Lowe 0 points

  • 4 years ago
Drew McLellan

Drew McLellan 2638 points
Perch Support

I'm not sure what you mean. Could you clarify?

With no blocks added there is no hover style on the "+ Text Image Button" buttons bottom right (I am hovering over the "Text" item): https://www.dropbox.com/s/ly3s14w8pzj3mzp/Screenshot%202017-07-11%2014.41.44.png?dl=0

With a content block added the hover styles on the "add new block" buttons are as they should be, with a black backgrund (again hovering over the "Text" item): https://www.dropbox.com/s/ot81ro4jfx2zak1/Screenshot%202017-07-11%2014.43.00.png?dl=0

Drew McLellan

Drew McLellan 2638 points
Perch Support

Ok, I see. I think it should still work ok though, doesn't it?