Quarto dashboard alignment of content in value boxes

[xueyinghan]

Description

Would it be possible to have a feature for the value boxes when creating Quarto dashboards so that the top and bottom align and the content inside the value boxes re-size automatically or to re-size the content without using CSS?

For instance, the medal icon for United States is higher in the rendered dashboard because United States takes up 2 lines:

[mcanouil]

I don't think that's a good idea to try to implement YAML option to every possible variation of CSS, especially since you can use CSS (class or style attributes) directly in the fenced divs.

Why is CSS/SCSS not suitable exactly?

[cscheid]

I do think this is a common enough situation that we might want to address it somehow. It came up during one of the workshops here at posit::conf :)

[mcanouil]

Sorry, let me clarify.
I think it should be fixed using CSS as I don't think someone would want miss-alignment in value boxes.

But I don't think that's a good idea to add a YAML option for this.

[cscheid]

Ok, I think I see the confusion. The user is saying "without me having to use CSS", and that's a valid question. I think this is plainly a bug, and I think you agree, and I agree that the fix is for us to fix the CSS.

Could either of you attempt a reprex from the materials at https://posit-conf-2024.github.io/quarto-dashboards/ and file a bug? Thanks.

[mcanouil]

I've opened an issue with a simple reprex:

• Quarto dashboard alignment of content in value boxes #10672