There is an error in the page

Bug
1

It looks like this:

image
image831×115 5.35 KB

However, if it display correctly, it will looks like this:

image
image700×101 4.87 KB

Category is higher than other choice. There is no problem in the 2.6.0.beta6(beta branch, not main branch), but 2.6.0.beta6(main branch) and 2.6.0.beta7(beta branch) both of them have this problem.

If you guys want to debug, welcome to my website “rfw.akarin.moe” and choose a category and then you will see the bug.

2

I think this should be a bug.

3

I visited your site and selected a random category, dont know what it is as i cant read it, but there is something wrong

image

looks like it has to do with some < div > Classes & CSS

4

that’s right and i have no idea why it just happen in the latest version but beta6(beta branch) is ok.

5

Looks like a bug to me as well:

Screenshot from 2021-10-27 15-10-40

It’s caused by this declaration in /app/assets/stylesheets/common/select-kit/category-drop.scss:

Screenshot from 2021-10-27 15-12-15

What you could do as a temporary fix @tachibanalolo is either over-ride that rule using the default padding:

.select-kit.combo-box.category-drop {
  &.bar.has-selection .category-drop-header {
    padding: .5em .65em;
  }
}

Or choose a different category style (other than bar) as the rule only applies to that style.

1 Like
6

Thanks for your help and is that possible to create a git commit to fix this problem in main branch?

7

I don’t know what’s the original intention of that rule and thus couldn’t tell how to fix that in core. That’s why I suggested some temporary fixes.