b-tooltip css not working when installing using npm package manager











up vote
4
down vote

favorite












I am currently working on making a component much like the contribution graph from Github and struggling a bit to share it as an npm package.



The component vue-contribution-graph packaged with npm doesn't display the tooltip properly. The CSS for the b-tooltipcomponent is working on the original project but it seems not to be included properly in the packaged component. Indeed, after running npm i vue-contribution-graph, the tooltip background doesn't appear.



I have created a GitHub issue just to make it clearer: https://github.com/estelled/vue-contribution-graph/issues/4



The behavior remains the same after installing all the dependencies manually.



I followed this tutorial for npm packaging.



Files changed to package the component:




  1. package.json

  2. added a vue.config.jsfile, to include CSS in the package


How do I fix it?










share|improve this question









New contributor




Estelle is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
























    up vote
    4
    down vote

    favorite












    I am currently working on making a component much like the contribution graph from Github and struggling a bit to share it as an npm package.



    The component vue-contribution-graph packaged with npm doesn't display the tooltip properly. The CSS for the b-tooltipcomponent is working on the original project but it seems not to be included properly in the packaged component. Indeed, after running npm i vue-contribution-graph, the tooltip background doesn't appear.



    I have created a GitHub issue just to make it clearer: https://github.com/estelled/vue-contribution-graph/issues/4



    The behavior remains the same after installing all the dependencies manually.



    I followed this tutorial for npm packaging.



    Files changed to package the component:




    1. package.json

    2. added a vue.config.jsfile, to include CSS in the package


    How do I fix it?










    share|improve this question









    New contributor




    Estelle is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.






















      up vote
      4
      down vote

      favorite









      up vote
      4
      down vote

      favorite











      I am currently working on making a component much like the contribution graph from Github and struggling a bit to share it as an npm package.



      The component vue-contribution-graph packaged with npm doesn't display the tooltip properly. The CSS for the b-tooltipcomponent is working on the original project but it seems not to be included properly in the packaged component. Indeed, after running npm i vue-contribution-graph, the tooltip background doesn't appear.



      I have created a GitHub issue just to make it clearer: https://github.com/estelled/vue-contribution-graph/issues/4



      The behavior remains the same after installing all the dependencies manually.



      I followed this tutorial for npm packaging.



      Files changed to package the component:




      1. package.json

      2. added a vue.config.jsfile, to include CSS in the package


      How do I fix it?










      share|improve this question









      New contributor




      Estelle is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.











      I am currently working on making a component much like the contribution graph from Github and struggling a bit to share it as an npm package.



      The component vue-contribution-graph packaged with npm doesn't display the tooltip properly. The CSS for the b-tooltipcomponent is working on the original project but it seems not to be included properly in the packaged component. Indeed, after running npm i vue-contribution-graph, the tooltip background doesn't appear.



      I have created a GitHub issue just to make it clearer: https://github.com/estelled/vue-contribution-graph/issues/4



      The behavior remains the same after installing all the dependencies manually.



      I followed this tutorial for npm packaging.



      Files changed to package the component:




      1. package.json

      2. added a vue.config.jsfile, to include CSS in the package


      How do I fix it?







      vue.js npm bootstrap-vue






      share|improve this question









      New contributor




      Estelle is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.











      share|improve this question









      New contributor




      Estelle is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      share|improve this question




      share|improve this question








      edited yesterday









      pravin navle

      307116




      307116






      New contributor




      Estelle is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      asked yesterday









      Estelle

      212




      212




      New contributor




      Estelle is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.





      New contributor





      Estelle is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






      Estelle is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.





























          active

          oldest

          votes











          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });






          Estelle is a new contributor. Be nice, and check out our Code of Conduct.










           

          draft saved


          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53238037%2fb-tooltip-css-not-working-when-installing-using-npm-package-manager%23new-answer', 'question_page');
          }
          );

          Post as a guest





































          active

          oldest

          votes













          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes








          Estelle is a new contributor. Be nice, and check out our Code of Conduct.










           

          draft saved


          draft discarded


















          Estelle is a new contributor. Be nice, and check out our Code of Conduct.













          Estelle is a new contributor. Be nice, and check out our Code of Conduct.












          Estelle is a new contributor. Be nice, and check out our Code of Conduct.















           


          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53238037%2fb-tooltip-css-not-working-when-installing-using-npm-package-manager%23new-answer', 'question_page');
          }
          );

          Post as a guest




















































































          Popular posts from this blog

          Florida Star v. B. J. F.

          Error while running script in elastic search , gateway timeout

          Adding quotations to stringified JSON object values