[PR #1728] Fix missing display: flex on caddl thumbnail inner div #2988

New issue

Closed

opened 2026-03-01 18:01:19 +03:00 by kerem · 0 comments

kerem commented

2026-03-01 18:01:19 +03:00

Owner

Original Pull Request: https://github.com/ArchiveBox/ArchiveBox/pull/1728

State: closed
Merged: Yes

Summary

Fixes a CSS issue in the CAD/3D asset thumbnail template where flex properties were being applied without display: flex.

Problem

The inner div in archivebox/plugins/caddl/templates/thumbnail.html had flex-direction: column and align-items: center styles, but was missing display: flex. Without the display property set to flex, these flex properties have no effect, so the emoji (🧊) and "3D Asset" text weren't stacking vertically as intended.

Solution

Added display: flex; to the inner div's style attribute so the flexbox layout takes effect and the content stacks correctly.

Changes

archivebox/plugins/caddl/templates/thumbnail.html: Added display: flex; to line 3

Summary by cubic

Fixed the CAD/3D asset thumbnail layout by adding display: flex to the inner div so flexbox applies and the 🧊 emoji and "3D Asset" label stack vertically and stay centered.

^{Written for commit a01bdd409a. Summary will update automatically on new commits.}

**Original Pull Request:** https://github.com/ArchiveBox/ArchiveBox/pull/1728 **State:** closed **Merged:** Yes --- ## Summary Fixes a CSS issue in the CAD/3D asset thumbnail template where flex properties were being applied without `display: flex`. ## Problem The inner div in `archivebox/plugins/caddl/templates/thumbnail.html` had `flex-direction: column` and `align-items: center` styles, but was missing `display: flex`. Without the display property set to flex, these flex properties have no effect, so the emoji (🧊) and "3D Asset" text weren't stacking vertically as intended. ## Solution Added `display: flex;` to the inner div's style attribute so the flexbox layout takes effect and the content stacks correctly. ## Changes - `archivebox/plugins/caddl/templates/thumbnail.html`: Added `display: flex;` to line 3  --- ## Summary by cubic Fixed the CAD/3D asset thumbnail layout by adding display: flex to the inner div so flexbox applies and the 🧊 emoji and "3D Asset" label stack vertically and stay centered. <sup>Written for commit a01bdd409ae9687003c4470a8329bf4a9672d7a0. Summary will update automatically on new commits.</sup>

kerem

2026-03-01 18:01:19 +03:00

closed this issue
added the
pull-request
label

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/ArchiveBox#2988

No description provided.

Rows
Columns