19 lines
1015 B
Markdown
19 lines
1015 B
Markdown
# Log: Fixed Actions Column Trash Icon Clipping
|
|
|
|
**Trigger**: Trash/delete icon missing under Actions column due to horizontal overflow clipping
|
|
**Date**: 2026-07-23 09:28 WIB
|
|
**Affected files**:
|
|
- `src/app/(dashboard)/agents/columns.tsx`
|
|
|
|
## Solution
|
|
|
|
1. Identified that the `Actions` column containing 5 action buttons (ChevronRight, UserCog, MapPin, Eye, Trash2) requires at least 150px of horizontal space to prevent overflow clipping in a `table-fixed` layout.
|
|
2. Optimized layout column widths:
|
|
- `UUID / Serial`: Reduced from `12%` to `10%`
|
|
- `Provisioned`: Reduced from `10%` to `8%`
|
|
- `Activated`: Reduced from `10%` to `8%`
|
|
- `Traffic Status`: Reduced from `20%` to `18%`
|
|
- `Actions`: Increased from `10%` to `18%`
|
|
3. The sum of the columns remains exactly `100%`, avoiding any layout distortion while allocating ample space for the actions cell. All 5 icons, including the red Trash/Delete button, are now fully rendered and visible.
|
|
4. TypeScript check and compile checks passed cleanly.
|