Be nice. Or else.
UX Designer at Medstro Joined about 4 years ago
Mirza hasn't posted any stories yet.
You absolutely can – here's a Sketch file to see how it's done: https://www.dropbox.com/s/8umvsz4lsk1wcw3/Speech%20Bubble%20Symbol.sketch?dl=0
(I've also dropped in a small bubble triangle to show you how you can fix things in place)
Ah. That explains it. I was wondering what was going on, but attributed it to messing up something along the way.
IE support is sketchy, up to 11. Of course, you can choose to ignore that, considering thats not a significant part of the market nowadays.
If you're avoiding flexbox for whatever reason, one option is to create a dot (e.g. border-bottom or top) div and then put it behind the title/price. Set relative position accordingly to center the dots. Layer things with z-index. Put background color on the title/price div to match the background color of choice.
It's a hack, and it won't really work if you have variable background colors or a background image behind it, but it's the best method unless you're using flex.
So far, interesting!
With quick testing I did, the best experience was to actually use Sketch's alignment tools, and then tidy them up using Optically.
As with anything, it does not do magic, but it really helps skip a few annoying resizing/realigning steps you'd need to do. My current project has a vast library of icons, and it really helps to nominally resize them to fit the same visual space.
Thanks for the plugin, well worth the money!
"This build allows you to adjust the line spacing for an area text component using a control in the properties inspector. Many customers gave us the feedback that this was essential for design."
Hm. Fascinating. So Adobe's saying line height is important for design?
Sarcasm aside, I'd suggest rephrasing that, it just sounds silly.
Mirza hasn't upvoted anything yet.
Be nice. Or else.
Designer News is a large, global community of people working or interested in design and technology.