search

creativetimofficial / vue-argon-design-system

Vue Argon Design System
http://demos.creative-tim.com/vue-argon-design-system/#/
856 stars 881 forks source link

Tooltip flashing #45

Open antonio-fr opened 4 years ago

antonio-fr commented 4 years ago

When compiling this existing project with yarn, the tooltips are not working correctly. Hover a tooltip button : starting to appear, then after half a second, disappear. Happens similarly on Firefox, Chrome or Edge.

antonio-fr commented 4 years ago

This behavior is when the bootstrap-vue custom css is missing.

A fix is to add in argon.scss L63 (after bootstrap, before custom) :

@import 'node_modules/bootstrap/scss/bootstrap';
@import 'node_modules/bootstrap-vue/src/index.scss';

I thought that it can be also fixed with specifying the "old" packages versions. Because the bootstrap-vue evolved, requiring updating customs scss, and this project embeds the boostrap and bootstrap-vue scss files. The package.json specifying version as "^..." allows updates, not major version. The bootstrap-vue made some changes, not perceived as a new major version numbering. But I can't make it work in modifying the package.json, so I tend to think that this missed bootstrap-vue custom css is an actual original mistake from the BinarCode developers.