search

dimsemenov / Magnific-Popup

Light and responsive lightbox script with focus on performance.
http://dimsemenov.com/plugins/magnific-popup/
MIT License
11.39k stars 3.48k forks source link

Fix arrows in Firefox #181

Open microcipcip opened 11 years ago

microcipcip commented 11 years ago

In the code below, taken from the scss file, the border should be medium solid, not medium inset, otherwise you see only the top half of the arrow. This fix an issue with Firefox (latest version, Win7). See also the screenshot below with the error.

    &:before,
    &:after,
    .mfp-b,
    .mfp-a {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      left: 0;
      top: 0;
      margin-top: 35px;
      margin-left: 35px;
      border: medium solid transparent;
    }

magnific-popup-firefox-issue

msickle commented 11 years ago

I can verify that this fix is needed, and works.

microcipcip commented 11 years ago

There is also this that is not supported well on Firefox: transform: scale(0.75);