PolymerElements / paper-card

A Material Design piece of paper with unique related data
https://www.webcomponents.org/element/PolymerElements/paper-card
98 stars 62 forks source link

Problems adding elements (e.g. paper-card) to the hugo Polymer theme #125

Open Lithimlin opened 5 years ago

Lithimlin commented 5 years ago

Description

I am unable to add the components paper-card and paper-button to my website using bower together with the Hugo Polymer theme.

Expected outcome

After executing the command bower install --save PolmerElement/paper-card, the folder is added along with the contents and the necessary files are edited. Then, when adding the element to the page (importing it with <link rel="import" href="{{$baseurl}}/bower_components/paper-card/paper-card.html"> and then using it), the element is shown on the website and can be interacted with.

Actual outcome

The element folders are added with their content but even after importing the element and trying to use it, nothing happens with it. No paper-card is shown.

Live Demo

Unfortunately, I do not have a live demo of my issue, as the website with this problem is not live yet. I do have a live version of the expected outcome though: https://www.fs-ist.de Additionally, here is a screenshot of the actual behavior: website-paper-card-issue

Steps to reproduce

  1. Download and install hugo
  2. Install the Polymer theme
  3. Attempt to add the elements paper-card and paper-button to the bower_components

    Browsers Affected

    This is a browser-independent issue.

    • [x] Chrome
    • [x] Firefox
    • [x] Safari 9
    • [x] Safari 8
    • [x] Safari 7
    • [x] Edge
    • [x] IE 11
    • [x] IE 10