🐛 Bug: Tables overflow horizontally on small screens in Git Configuration and Environment Variables

[AbhiVarde]

👟 Reproduction steps

1. Open Appwrite Console on a small screen or resize browser to ~768px
2. Navigate to Project Settings → Git Configuration
3. Navigate to Functions/Sites Settings → Environment Variables
4. Observe both tables overflowing horizontally

👍 Expected behavior

Tables should remain within viewport boundaries and be readable without horizontal scrolling

👎 Actual Behavior

Both the Git Configuration and Environment Variables tables overflow their containers, causing horizontal page scroll on smaller screens

📸 Screenshots

Section	Screenshot
Functions/Sites - Environment Variables
Project Settings - Git Configuration

🎲 Appwrite version

Version 1.8.x

💻 Operating system

Windows

🧱 Your Environment

• Browser: Chrome 142.0.7444.60 (Official Build) (64-bit)
• OS: Windows 11 Home (Version 24H2, Build 26100.6584)
• Console Version: 1.8.0

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

[okorie2]

Is there a way to test/replicate this bug as issue #2916 is yet to be fixed? Correct me if 'm wrong but we can not access the described page as clicking on a project doesn't link to the project page. @AbhiVarde

[AbhiVarde]

hey, just checked #2916 again. that bug is specifically about newly created
projects not appearing in the list without a refresh. existing projects open
fine, so there's no blocker to reproduce this one.

to test: open any existing project, go to Settings → Git Configuration or
Functions → Environment Variables, then resize the browser to ~768px. the
overflow shows up immediately.

[okorie2]

Hi @AbhiVarde you are right. Thing is I am new to Appwrite console, and I only set it up yesterday, so I don't have any existing projects. Was hoping to create a new one in order to replicate the issue but I can't do that for now. Do you know of another way I can add projects to my console so I can replicate the issue and work on the fix as well? Thanks!

[AbhiVarde]

hey! two ways to go about it:

1. sign up on Appwrite Cloud (cloud.appwrite.io), free tier works and Invalid queries param: Invalid query method #2916 doesn't affect it so you can create a project and test right away

2. run the console locally, no real data needed since this is a pure UI bug. just test the table components at ~768px viewport

if you still run into issues, drop a message in the Appwrite Discord too.core members are active there and can help you faster. hope that helps!