Search code examples
csspolymerpaper-elementscore-elements

polymer paper-menu-button change the default size of icon


Is there way to set the size of polymer paper-menu-button element. I think it is the icon size is set to 24px. I wish to have it as 20px but I cannot find a way to do it.

Thanks Dennis


Solution

  • I tried it and it worked. Add this style to the Polymer element containing your <paper-menu-button> element.

      paper-menu-button /deep/ core-icon[role=img] {
        height: 20px;
        width: 20px;
      }
    

    I added [role=img] to increase the selectivity.