estruyf / vscode-front-matter

Front Matter is a CMS running straight in Visual Studio Code. Can be used with static site generators like Hugo, Jekyll, Hexo, NextJs, Gatsby, and many more...
https://frontmatter.codes
MIT License
1.86k stars 70 forks source link

Enhancement: configurable dashboard grid #737

Closed davidsneighbour closed 4 months ago

davidsneighbour commented 6 months ago

Is your feature request related to a problem? Please describe.

Recently the dashboard grid changed for some reason and became very small. On my screen I see 5 columns of cards with posts. This makes it quite small to read. I would very much prefer to have for instance 3 columns and depending on the available width 2 or one single column of cards.

I think that maybe the dashboard started to use the full available window width of code instead of the width the dashboard itself has. Or you changed focus to showing more items.

Describe the solution you'd like

It would be nice to have

Here is a quick screenshot of how it looks on my screen:

Front Matter Dashboard - kollitsch dev (Workspace) - Visual Studio Code_001

davidsneighbour commented 6 months ago

Adding: I did CTRL+P and then searched for Zoom and came upon a zoom feature for Code. Tried "View: Reset Zoom" with no change.

estruyf commented 6 months ago

Thanks, @davidsneighbour, for the feedback. The grid changed indeed a couple of versions ago. The dashboard width zone became larger and allowed five items instead of four.

Right now, it becomes a gird of five when the width is larger than 1280px. Taking your feedback into consideration, I will change this to 1500px.

estruyf commented 6 months ago

@davidsneighbour I have implemented what I mentioned above, and the dashboard now also uses all available widths.

Zoom for the dashboards uses the zoom from VSCode, so changing this might affect VSCode in general.

Let me know your thoughts about the implemented change (available in beta).