vue-typer icon indicating copy to clipboard operation
vue-typer copied to clipboard

Words isn't correctly placed

Open pirmax opened this issue 6 years ago • 4 comments

Hi,

I have a problem with this package, the words is not correctly placed after text...

Feed your blog on <vue-typer text="watermelon"></vue-typer>!

capture du 2018-01-31 21-40-10

pirmax avatar Jan 31 '18 20:01 pirmax

And I have another problem, CSS is not taken into account.

pirmax avatar Mar 27 '18 09:03 pirmax

I had the same placement problem. If you're using Vuetify their is an overlapping css class that causes the vue-typer element to float to the right. was fixed with this SCSS

.vue-typer {
  .right {
    float: initial !important;
  }
  .left {
    float: initial !important;
  }
}

birdlavv avatar Apr 03 '18 06:04 birdlavv

I've already the same placement problem... Even with the code snippet. And yes, I use Vuetify for landing page.

<style lang="scss" scoped>
  .vue-typer {

    .right {
      float: initial !important;
    }

    .left {
      float: initial !important;
    }

  }
</style>

pirmax avatar Apr 03 '18 09:04 pirmax

Had the same problem in my project that uses vuetify. Found the responsible "left" and "right" classes in js files and changed the class names. It worked!

Fukkuro avatar Jan 06 '19 05:01 Fukkuro