Material Icons are Not loading.

alameenkh7 commented 5 years ago

Is material Icons are supported in HyperHtml. I loaded my css to dom and Icon is not loading. It is showing as a string.

 const appIframeRender = hyperHTML.bind(document.querySelector('#iframe_element').attachShadow({mode: 'open'}));
        const main2 = hyperHTML.wire();
    appIframeRender`${[
            cbplugin.CharmListComponent.render(main2)
          ]}`;

    cbplugin.WrapperComponent.render = function (render, data){
        return render`

  <style>
  @import "https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css";
  @import "https://fonts.googleapis.com/icon?family=Material+Icons";
  @import "https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700"; 

  </style>
  <div>
    <a class='dropdown-trigger card-more-actions' href='#' data-target='dropdown2'>
                <i class="material-icons">
                  3d_rotation
                  </i>
                </a>
  </div> `
    }

WebReflection commented 5 years ago

I see the icon https://codepen.io/WebReflection/pen/xeGZEd?editors=0010

alameenkh7 commented 5 years ago

Thanks for the response

On Tue, Apr 2, 2019 at 1:37 PM Andrea Giammarchi notifications@github.com wrote:

Closed #353 https://github.com/WebReflection/hyperHTML/issues/353.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/WebReflection/hyperHTML/issues/353#event-2245637523, or mute the thread https://github.com/notifications/unsubscribe-auth/AP0d5OVJuphE6cZ15qgo1m5jYsfVI9Maks5vcw-tgaJpZM4cXWmW .

--

Al Ameen K H Software Engineer https://www.linkedin.com/in/al-ameen https://www.linkedin.com/in/al-ameen-90a023114?trk=nav_responsive_tab_profile_pic contact at: 8113871897 alameenkh7@gmail.com

WebReflection / hyperHTML

Material Icons are Not loading. #353