hamed-ehtesham / pretty-checkbox-vue

Quickly integrate pretty checkbox components with Vue.js
MIT License
261 stars 31 forks source link

Some issues with style #1

Closed abkrim closed 6 years ago

abkrim commented 6 years ago

Hi. After try use on my own project get a issue with css style.

I don't know how to correct or what is origing of mistake.

I use with boostrap theme material.

I try with embebed on my style using dl dt and also only with div

prettycheck-fail_style

If you like see on develop site,

hamed-ehtesham commented 6 years ago

Hi, First of all thank you for using "pretty-checkbox" Then i should say this problem is not related to this component but "pretty-checkbox" itself and it should be issued here The problem is your app tries to style pretty checkbox inputs from 2 different sources: "pretty-checkbox" and "bootstrap material theme" which is not gonna lead to a proper style for your pretty checkbox inputs and that is not an issue from "pretty checkbox" In general, some libraries/frameworks have global influence on your application which is not good in my opinion. as in this case "bootstrap material theme" changes the style of all inputs no matter if that input is using another library/framework or not. As for now i can suggest you to use libraries/frameworks which doesn't affect your whole application such as "bootstrap", "bulma" and "pretty-checkbox"

i will let you know if i find a way to use "pretty-checkbox" alongside "bootstrap material theme"

abkrim commented 6 years ago

Lol. There're a lot of components, and all work fine with "others" libraries/frameworks.... best way for me it's not use pretty-checkbox. Thanks for your efforts.

lokesh-coder commented 6 years ago

Hi @abkrim ,

Try this css,

.pretty input[type="radio"] {
    position: absolute !important;
}
abkrim commented 6 years ago

A lot of thanks @lokesh-coder work fine. I need more experience on CSS. I put o my own sass, transpiling and work