Vuesax: Buttons component is very weird

Created on 26 Oct 2018  路  6Comments  路  Source: lusaxweb/vuesax

  • OS Windows
  • Node.js 8.12.0
  • Vuesax 3.5.10
  • Browser Chrome
  • Which package manager did you use for the install? npm Vue CLI

The icons it's not centralized when i use vs-radius. When i remove the class below it's back to normal
.includeIconOnly { width: 38px!important; height: 38px!important; }

Maybe it has to do with using 'pixels' and 'important'. Should not be use 'rem' to be responsive and decrease along with the browser?

And when we click in the button the color be over the icon... You can see it in your own docs.

bug enhancement good first issue help wanted

All 6 comments

In version 3.5.12 the icon in button not appear anymore.
It's work fine in 3.5.6 version. I will test 3.5.7 version to see.

@periscuelo The acronyms were deleted in the properties vs for example of vs-icon now it is only icon please try to see

In version 3.5.7 The icons it's not centralized anymore. But yes, appear in 3.5.12 when i adjust the acronyms.
Thanks

Could you pass me an image of the error?

error
erro2
erro3

I use rem and not pixels to get the sizes, to work better when its be responsive. That's the cause above.
When i seted material icons font size to 16px, everything works normaly. Thanks.

Was this page helpful?
0 / 5 - 0 ratings