@[deleted] when I close the fancy box it jumps me to the top of my post each time, and does an odd animation. Not sure how to explain it....

    • [deleted]

    • Post #11

    MikeJones no need to explain. I've seen this also. It's coming from the Fancybox library, and it's something I need to take a look at in order to override.

      • [deleted]

      • Post #12

      MikeJones when I close the fancy box it jumps me to the top of my post each time, and does an odd animation. Not sure how to explain it....

      I've just tagged 0.4 which resolves this issue. It also adds a few performance increases - mostly deferring JS and CSS using async and preload. It's available on packagist now

      Use composer update phenomlab/fancybox-wrapper. Check php flarum info to ensure you have 0.4. If not, use composer require phenomlab/fancybox-wrapper

          [deleted] well it didn't update...

          Loading composer repositories with package information
https://flagrow.io/satis could not be fully loaded (The "https://extiverse.com/satis/packages.json" file could not be downloaded (HTTP/2 400 )), package information was loaded from the local cache and may be out of date
Updating dependencies
Nothing to modify in lock file
Installing dependencies from lock file (including require-dev)
Nothing to install, update or remove
Generating autoload files
composer/package-versions-deprecated: Generating version class...
composer/package-versions-deprecated: ...done generating version class
98 packages you are using are looking for funding.
Use the `composer fund` command to find out more!

              • [deleted]

              • Post #15
              • Edited

              MikeJones try composer require phenomlab/fancybox-wrapper as I mentioned in my previous post.

                  [deleted] Worked!

                  Looking good! It does look like I get an orange highlight on my images at the bottom. Maybe an underline? but I will look into css, I think the highlight looks odd on mouse over.

                      • [deleted]

                      • Post #17

                      MikeJones that's probably your own CSS as I'm definitely not seeing that on my sites 👍

                          MikeJones @[deleted] Have the same underline under all images (thin if not over, but present)That's maybe because it's simply a link and apply the default css

                              • [deleted]

                              • Post #20

                              Amarok yes, I had to set border-bottom: none; on all links to get rid of the same thing which is why I don't see it

                                  [deleted] I tried this but it didn't fix it:

                                  a {
  border-bottom: none;
}

                                  I still have the border on the bottom of the images

                                      • [deleted]

                                      • Post #24

                                      MikeJones I'll need to check this. I expect I can see this on your site ?

                                          [deleted] yea you can check it out on my site. The line looks orange on my website, which matches the color of my links.

                                              • [deleted]

                                              • Post #26
                                              • Edited

                                              MikeJones @Amarok had a quick look at this, and see what you mean. The below CSS will resolve that

                                              .fancybox {
    border-bottom: none !important;
}
.fancybox:hover {
    border-bottom: none !important;
}
                                                  23 days later