[bug] .panel-footer and .panel::after is displayed above heading popover #342

New issue

Closed

opened 2023-09-23 20:42:42 +00:00 by tea · 0 comments

tea commented

2023-09-23 20:42:42 +00:00

Contributor

Version

stable, e7a558a533

What were you trying to do?

Opening a popover in a panel with not enough content for the popover to not cover the footer.

What did you expect to happen?

The popover does not show elements beneath it.

What actually happened?

Elements of the footer (text, border) and panel (box-shadow) are partially displayed over the popover.

(I use a custom theme, but this also happens with all the default themes)

The issue seems to be that both .panel-heading and .panel-footer have a z-index of 4, this makes the footer (text, border) display above the popover. In addition .panel::after has a z-index of 5, which makes the panel box-shadow display above the popover.

I tested removing the z-index for .panel-footer and .panel::after and only leaving it on .panel-heading (69663f6e07) and can't find any cases so far where this would lead to other overlay issues.
It might be safer to change the z-index for .panel-heading so it's always above .panel-footer/.panel::after but yeah idk. I spent too much time thinking about this case that can only happen when you have barely any posts/notifications .-.

Severity

I can manage

Have you searched for this issue?

I have double-checked and have not found this issue mentioned anywhere.

### Version stable, e7a558a533 ### What were you trying to do? Opening a popover in a panel with not enough content for the popover to not cover the footer. ### What did you expect to happen? The popover does not show elements beneath it. ### What actually happened? Elements of the footer (text, border) and panel (box-shadow) are partially displayed over the popover. ![image](/attachments/bf915784-e8e6-407a-b0c3-ab3736701d5a) (I use a custom theme, but this also happens with all the default themes) The issue seems to be that both `.panel-heading` and `.panel-footer` have a z-index of 4, this makes the footer (text, border) display above the popover. In addition `.panel::after` has a z-index of 5, which makes the panel box-shadow display above the popover. I tested removing the z-index for `.panel-footer` and `.panel::after` and only leaving it on `.panel-heading` (https://akkoma.dev/tea/akkoma-fe/commit/69663f6e073663e7fe360a4ae316382fc82a7308) and can't find any cases so far where this would lead to other overlay issues. It might be safer to change the z-index for `.panel-heading` so it's always above `.panel-footer`/`.panel::after` but yeah idk. I spent too much time thinking about this case that can only happen when you have barely any posts/notifications .-. ### Severity I can manage ### Have you searched for this issue? - [x] I have double-checked and have not found this issue mentioned anywhere.

image.png

12 KiB