Scroll the page up to see the overlapping issue after the 12th item in the ToC.
Trigger the banner at the top to observe the header being cut off.
š Expected behavior
The ToC button should not overlap list items, regardless of the scroll position.
The header and menu should remain fully visible and accessible, even when the banner appears at the top of the page.
š Actual Behavior
Description of Issues with Table of Content (ToC) Button
There are two minor issues affecting the Table of Content (ToC) button's functionality and appearance:
First Issue: Overlapping List Items
Problem:
The ToC button overlaps the list items when the page is scrolled up. Up to a point, it looks fine, but after the 12th item, it starts overlapping the other items.
Solution:
A simple z-index: 1 can fix this issue.
Screenshot:
Second Issue: Header Cutoff
Problem:
When the banner appears at the top, it pushes the header down, cutting off half of the menu.
Screenshot:
Proposed Solutions
Add z-index: 1 to the ToC button to prevent it from overlapping the list items.
Adjust the CSS to ensure the header is not pushed down and cut off when the banner appears.
These small fixes will improve the usability and visual appeal of the ToC.
š² Appwrite version
Appwrite Cloud
š» Operating system
MacOS
š§± Your Environment
Browser
š Have you spent some time to check if this issue has been raised before?
š Reproduction steps
On the Terms of Service page:
š Expected behavior
š Actual Behavior
Description of Issues with Table of Content (ToC) Button
There are two minor issues affecting the Table of Content (ToC) button's functionality and appearance:
First Issue: Overlapping List Items
Problem:
The ToC button overlaps the list items when the page is scrolled up. Up to a point, it looks fine, but after the 12th item, it starts overlapping the other items.
Solution:
A simple
z-index: 1
can fix this issue.Screenshot:
Second Issue: Header Cutoff
Problem:
When the banner appears at the top, it pushes the header down, cutting off half of the menu.
Screenshot:
Proposed Solutions
z-index: 1
to the ToC button to prevent it from overlapping the list items.These small fixes will improve the usability and visual appeal of the ToC.
š² Appwrite version
Appwrite Cloud
š» Operating system
MacOS
š§± Your Environment
Browser
š Have you spent some time to check if this issue has been raised before?
š¢ Have you read the Code of Conduct?