literallycanvas-demos icon indicating copy to clipboard operation
literallycanvas-demos copied to clipboard

CSS update

Open RubyRabelle opened this issue 7 years ago • 3 comments

When browser is at less than 100% the tools on the left bar are jumbled. I changed the width of the toolbar from 61px to 65px to accommodate reduction in browser scale. before: image

after: image

RubyRabelle avatar Aug 15 '17 15:08 RubyRabelle

This is not the core Literally Canvas repo, this is the demo. And changing the sidebar width is not the right solution here because it makes normal zoom look worse!

Literally Canvas development happens over here: https://github.com/literallycanvas/literallycanvas

irskep avatar Aug 15 '17 16:08 irskep

Thanks Steve. Out of curiosity, what browser are you using that makes it look worse with 65px at 100% zoom?

I demo'd your Literally Canvas widget, in the context of one of our larger applications at my work, and our customers (who will primarily be using iPads or Windows with Firefox) were very excited about the possibilities! The jumbled sidebar was the most obvious flaw. I only mentioned it to you in hopes that our local code wouldn't have to deviate from the master copy (in case we ever wanted to upgrade to a node based system. Cheers!

RubyRabelle avatar Aug 17 '17 04:08 RubyRabelle

I mean it adds unnecessary horizontal padding.

Honestly, the CSS of this library is very messy and would be much better if someone refactored it to use flexbox.

irskep avatar Aug 17 '17 04:08 irskep