Pull Request: https://github.com/php/web-php/pull/1222
Author: macoaure

### **Fix Table Layout and Content Overflow Issues in PHP Documentation**

#### **Summary**
This PR addresses multiple CSS-related layout issues in the PHP documentation 
website, primarily concerning tables and content overflow. The fixes ensure 
that tables are properly aligned, content does not overflow, and the navigation 
menu functions correctly.

#### **Issues Resolved**
This PR resolves the following issues:
- 
[[#688](https://github.com/php/web-php/issues/688)](https://github.com/php/web-php/issues/688)
 - Table layout in 'List of Resource Types' is broken.
- 
[[#713](https://github.com/php/web-php/issues/713)](https://github.com/php/web-php/issues/713)
 - Main content overflowing to the right.
- 
[[#443](https://github.com/php/doc-ru/issues/443)](https://github.com/php/doc-ru/issues/443)
 - CSS table rendering bug.
- 
[[#1133](https://github.com/php/web-php/issues/1133)](https://github.com/php/web-php/issues/1133)
 - Broken menu on the resources page.

#### **Changes Implemented**
- **Fixed Table Layout:** Updated CSS rules to properly align tables and 
prevent content overflow.
- **Resolved Overflow Issues:** Adjusted `max-width` and `overflow` properties 
to ensure content does not exceed the intended layout.
- **Menu Fix:** Restored proper menu behavior on the resources page by ensuring 
the styles are correctly applied.

#### **Testing & Verification**
- Verified table rendering in various sections of the documentation.
- Ensured that the main content remains within the correct boundaries on 
different screen sizes.
- Checked that the menu on the resources page is fully functional.

#### **Screenshots (if applicable)**
Desktop before:
![image](https://github.com/user-attachments/assets/cc2ad09c-91d5-4e18-92a5-9f7a2faa5420)
Desktop After:
![image](https://github.com/user-attachments/assets/1d9c7788-6d2c-4a8a-ad5f-131be78579be)

Mobile landspace before:
![image](https://github.com/user-attachments/assets/b7f7de8b-fbb9-4315-9270-f069d09240a5)
Mobile landspace after:
![image](https://github.com/user-attachments/assets/9733943d-6f4f-4a1a-a5c5-e79767e26844)
![image](https://github.com/user-attachments/assets/a433dbac-624f-4319-a1dc-d303c89feb63)


Mobile before:
![image](https://github.com/user-attachments/assets/e25f4994-49b0-4503-8b87-cc028ac3e6c0)
Mobile after:
![image](https://github.com/user-attachments/assets/bc317a9d-01b7-4eff-84b8-ddd33a29f53b)
![image](https://github.com/user-attachments/assets/f082a33f-4f8e-4696-bbcd-4a2002782a5f)
![image](https://github.com/user-attachments/assets/77fbb419-d10d-4f2b-92d4-91a62eb94cb7)

Tablet before:
![image](https://github.com/user-attachments/assets/b129df26-e417-49ba-8df1-c67a85c9a843)
Table after:
![image](https://github.com/user-attachments/assets/97461b6c-2d99-4b9b-a8f1-191c0fb2cb40)

Changelog page comparison:
![image](https://github.com/user-attachments/assets/02b80362-22c5-4d52-85af-eb508648e213)

#### **Impact & Rollout**
These fixes improve the readability and usability of the PHP documentation 
across all devices.

Reply via email to