This is a quick update to my previous article. The Bricks 1.9.8 update added an indicator on an element if it has been styled at a specific breakpoint. It is a 4px dot that I find a little too hard to see especially after the Advanced Themer version of this was noticeable (a bar at the bottom). I turned off the AT version and added this CSS to compensate. I noticed that using 100% when there are adjacent elements with styling was a little too much. I also change the default color to be more noticeable. The transition doesn’t serve a a purpose other than I liked the effect.
/* Changes the size of the style applied indicator on breakpoints. */
#bricks-toolbar li.breakpoint.has-styles>span:after {
height: 3px;
width: 90%;
background-color: rgb(255, 140, 40);
opacity: .7;
transition: 300ms;
}
Here is a comparison of the two — the original and the modified.
I haven’t looked at other UI changes in depth to see if styling is needed, so don’t be surprised if there is another update.