Make edit area borders more prominent?

Permalink
Hello world,
I'm finally (finally!) diving into 5.7, and I vaguely remember seeing some CSS that someone posted a while back which would change the area border style when you're in edit mode back to how it was in 5.6 -- something more prominent than the light green that only appears on hover in 5.7. However I can't seem to locate that thread in the forums anymore.

Does anyone have a link to that post, or have their own CSS they use for this purpose?

Thanks!

-Jordan

jordanlev
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi jordanlev,

Good to hear you are making the move to 5.7.

I think this is what you are looking for:
http://www.concrete5.org/community/forums/5-7-discussion/so-hows-ev...
juddc replied on at Permalink Reply
juddc
I think mhawke had a pure css version as well.
MrKDilkington replied on at Permalink Reply
MrKDilkington
I'm working on a package that will expand on what mhawke has done with his block. The package will allow users to fully customize the editing interface. I want to include the ability to export interface settings as a .csv or config file too.

I am also working on some pull requests to address some of the issues that won't be addressed by the package.
jordanlev replied on at Permalink Reply
jordanlev
Thanks for the link... unfortunately that didn't seem to do anything for me. (Although I'm not sure I understand what it's supposed to do because it's a block, and all I need are some CSS styles in my theme stylesheet.)

@MrKDilkington, can you share a link to the repo for the package you're working on?
MrKDilkington replied on at Permalink Reply 4 Attachments
MrKDilkington
The block adds a style tag onto the page with CSS that overrides the core CSS.

It needs to be added to a page to work (ideally a global area).

The package and pull requests I am working on are not finished. Right now I am debating on what qualifies as package material and what qualifies as pull request material. There are some UI elements and editing interface elements that provide accessibility issues for those with vision issues. These seem like changes that should be default.

One thing that mhawke did with his block is add the option to change the Add Block panel icon rows from two to four. I liked that idea so I made a three row option and a four row option like mhawke's (with some tweaks). Three rows fit in the same space that two rows did without changing the size of the icons. Four rows is a bit tight, but I think some might want the option.

I also made a single row for users who might need full text and a larger font. It works, but the transform after being dragged doesn't work well.

I am attaching a screenshot of the different rows.

Also, if your theme uses colors that are similar to the default light blue and light green, that indicate where you can drop a block and the outlines of areas and blocks, this could be an issue. Customizing this would be a package feature.