Skip to content

[Bug] "Post" Ribbons visible over main-navigation and PageFooter

Created by: Tirokk

rbeer Authored by rbeer Closed

🐛 Bugreport

Blue "Post" Ribbons on posts are visible above the main navigation, when scrolling down. hc_post_ribbons

Steps to reproduce the behavior

  1. Log in @ https://develop.human-connection.org/
  2. Scroll down

Expected behavior

Ribbons should follow their posts, disappearing below the navigation.

Version & Environment

Type: Desktop, Chrome - should affect all, though

  • OS: GNU/Linux 4.19.0-6-amd64 #1 SMP Debian 4.19.67-2 x86_64
  • Browser: Brave | 1.2.43 Chromium: 79.0.3945.130 (Official Build) (64-bit)

Additional context

/webapp/components/Ribbon/index.vue sets a z-index of 11, where /webapp/assets/styles/main.scss defines a z-index of 10 for .main-navigation.

Possible solution

I can't see a case where something would ever want to be rendered above it, so setting .main-navigation's z-index to a rather high value like 100 would fix this issue and prevent future bugs of this nature.