adam/vscode-front-matter
1
0 Fork 0
mirror of https://github.com/estruyf/vscode-front-matter.git synced 2026-11-05 01:52:22 +01:00
Code Issues 77 Packages Projects Releases Wiki Activity

Issue: Image preview on Dashboard cards is cut at the bottom #720

New Issue
Closed
opened 2026-10-05 03:02:07 +02:00 by adam · 1 comment
adam commented 2026-10-05 03:02:07 +02:00
Owner
Copy link
Copy source

Describe the bug

I am not sure what terms to search for, so sorry in advance, if that is opened and/or answered somewhere already. The image in the preview seems to be cut off at the bottom. I understand that the preview image needs some cutoff to fit into the aspect ratio, but to be honest I would expect the image to be centered and cut off top and bottom instead. Something like background-size: cover in CSS

To Reproduce
Steps to reproduce the behavior:

  1. Install my repo
  2. Open the Front Matter Dashboard and have a look at he last item

Screenshots

Dashboard card:

Image

Original:

Image

Device:

  • OS: Ubuntu 24.04
  • Front Matter CMS Version: 10.8.0
  • Browser: VSCode
**Describe the bug** I am not sure what terms to search for, so sorry in advance, if that is opened and/or answered somewhere already. The image in the preview seems to be cut off at the bottom. I understand that the preview image needs some cutoff to fit into the aspect ratio, but to be honest I would expect the image to be centered and cut off top and bottom instead. Something like `background-size: cover` in CSS **To Reproduce** Steps to reproduce the behavior: 1. Install [my repo](https://github.com/davidsneighbour/kollitsch.dev) 2. Open the Front Matter Dashboard and have a look at he last item **Screenshots** Dashboard card: ![Image](https://github.com/user-attachments/assets/47a4da4f-7bf2-4cab-b9b9-d4813b1323ea) Original: ![Image](https://github.com/user-attachments/assets/2e29466f-b9dc-4704-a2b1-55471c7edc37) **Device:** - OS: Ubuntu 24.04 - Front Matter CMS Version: 10.8.0 - Browser: VSCode <!-- github-sync-id:2902853692 -->
adam closed this issue 2026-10-05 03:02:07 +02:00
adam commented 2026-10-05 03:02:08 +02:00
Author
Owner
Copy link
Copy source

Hi @davidsneighbour, this is not a bug, but how it is currently configured to show the image. It is configured to cover position the image with a focus on the top left.

Hi @davidsneighbour, this is not a bug, but how it is currently configured to show the image. It is configured to cover position the image with a focus on the top left. <!-- github-comment-id:2729065637 -->
Sign in to join this conversation.
No Branch/Tag Specified
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
adam (Adam Wojcieszonek)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: adam/vscode-front-matter#720