Menu triangles do not render correctly on Windows

pattern-lab / styleguidekit-assets-default

The static assets for the default StyleguideKit for Pattern Lab. Contains styles and mark-up for Pattern Lab's front-end.

http://patternlab.io/

MIT License

35 stars 67 forks source link

Menu triangles do not render correctly on Windows #86

Closed bmuenzenmeyer closed 6 years ago

bmuenzenmeyer commented 6 years ago

The triangle referenced below do not render correctly on Windows. Chrome, Firefox, IE11

.pl-c-nav__link--dropdown {

    /**
    * Dropdown caret after accordion handle
    */
    &:after {
        content: '▼';
        color: $pl-color-trans-white-25;
        display: inline-block;
        font-size: 7px;
        position: relative;
        top: 1px;
        right: -2px;
        transition: all $pl-animate-quick ease-out;
    }

bradfrost commented 6 years ago

I replaced the ▼ character with the ISO equivalent here: https://github.com/pattern-lab/styleguidekit-assets-default/commit/8b999bd6a0a1495d94faadd7036b87bf2615c369

I'm traveling so don't have access to a Windows machine, but it looks good on Browsersack:

That said, they looked fine on Browserstack before, so ¯_(ツ)_/¯.

bmuenzenmeyer commented 6 years ago

looks good now. Thanks Brad