Ex: In DarkMode, a blank square appears in bottom right corner while scrolling

[rajitkhanna]

Bug Description

A clear and concise description of what the current behavior is.
Please also add screenshots of the existing application.

Example:

In DarkMode, when scrollbar are displayed (for example on Companies page, with enough companies in the list), we see a blank square in the bottom right corner
[screenshot]

Expected behavior

A clear and concise description of what the expected behavior is.

Example:

The blank square should be transparent (invisible)

Technical inputs

Example:

- We are displaying custom scrollbars that disappear when the user is not scrolling. See ScrollWrapper.
- Probably fixable with CSS

[greptile-apps-local]

To fix the blank square in DarkMode: 1. Locate the ScrollWrapper component, likely in src/modules/ui/components/ScrollWrapper.tsx. 2. Find the CSS for the scrollbar in DarkMode. Look for styles applied when data-theme='dark' is set. 3. Add background-color: transparent; to the scrollbar track styles for DarkMode. 4. If using a custom scrollbar library, check its documentation for theme-specific styling options. 5. Ensure the scrollbar corner is also set to transparent in DarkMode. Example CSS adjustment: css [data-theme='dark'] .scrollbar-track { background-color: transparent !important; } [data-theme='dark'] .scrollbar-corner { background-color: transparent !important; } Adjust selectors and property names as needed based on the actual implementation.

About Greptile

This response provides a starting point for your research, not a precise solution.

Help us improve! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

Edit Issue Bot Settings · Greptile