iamcal/enchant-order

Backgrounds of some enchantments shrink after being selected

Closed this issue · 4 comments

The affected ones seem to be:

  • Aqua Affinity
  • Channeling
  • Flame
  • Silk Touch
  • Infinity
  • Mending
  • Multishot
  • Curse of Vanishing
  • Curse of Binding

Before:
before
After:
after

Here's both side by side:
both

cph101 commented

I suspect this is is a padding issue, my fix would probably be to add:

.level-button.on {
    margin: 2px;
}

However, I have not yet encountered this bug, so it is hard to fix something that isn’t broken for me.

Also, which browser are you using? Some (notoriously firefox) mess up css properties where it would normally work perfectly fine on most browsers.

cph101 commented

Your css does appear to be buggy, since the font should be something related to sans-serif, and the screenshot uses serif, aka. default browser font

Also, which browser are you using?

firefox (mobile), but this also affects chrome (mobile) and opera gx (mobile) (just the 3 I tested). on opera gx, it also sends you to the top of the page when toggling one of the affected boxes.

This is now fixed - it was caused my incorrect margins, and only showed up for enchants with a single level