Inconsistent font sizing in table list

Polaris
1

Hi,

If a contains some text, the text becomes small (as in the Shopify admin). However, if you nest a text inside a stack (for instance to show an image), then suddenly the text becomes bigger, losing consistency with the rest of the cells:

<s-table-cell>Small text</s-table-cell>

<s-table-cell>
  <s-stack direction="inline">
    <s-image></s-image>
    </s-text>Oops, I'm bigger</s-text>
  </s-stack>
</s-table-cell>
2

Thanks for reporting this! I’ve confirmed the issue and found the likely cause. We’ll reply back when we have more info.

4

Hi @bakura10

We shipped some improvements related to this recently - are you still seeing inconsistent text sizes?

5

Yes, the font size are now consistently bigger :).

6

This is however inconsistent with the admin. The admin uses smaller font size for each cell, while Polaris Web components now use bigger size. I’m not sure which one is the correct.

7

In general, the web components are the most up-to-date design language for the admin, and the rest of the admin will eventually catch up as well.