Description
There's an unnecessary amount of constrained space for the <th> within the table that comes after the first description of an HTML element. It's table that has information such as "Content categories" and "Permitted content". Current state screen shot is below.
Proposed solution
Here are a couple screen shots of things I tried.
Giving the <th> a min-width: 20%:
Giving the <th> a min-width: 20% as well as the same padding as the <td> (padding: .5rem 0 .5rem .75rem) except for the right side since the
Setting white-space: nowrap; on the row headers would fix this.
Thank you for the suggestion @scottdotjs. I will give this a try. One of the challenges with MDN Web Docs is that we have so many pages so, we need to always ensure we test a possible solution in multiple variations.
@mirunacurtean I don't understand why you've closed this, since the issue is still valid? Please compare your screenshot to those in the proposed solutions.
Hi, we would accept a community PR that sets a min-width for the first column to 20% or 25%, so that the first column usually no longer breaks in the English locale.
Description There's an unnecessary amount of constrained space for the
<th>
within the table that comes after the first description of an HTML element. It's table that has information such as "Content categories" and "Permitted content". Current state screen shot is below.Proposed solution Here are a couple screen shots of things I tried.
<th>
amin-width: 20%
:<th>
amin-width: 20%
as well as the same padding as the<td>
(padding: .5rem 0 .5rem .75rem) except for the right side since the
Thank you for reporting @danieldafoe. I am moving this to the Yari repo where we will triage and address this issue.
Setting
white-space: nowrap;
on the row headers would fix this.Thank you for the suggestion @scottdotjs. I will give this a try. One of the challenges with MDN Web Docs is that we have so many pages so, we need to always ensure we test a possible solution in multiple variations.
@danieldafoe Closing this now as the styling of the table has since changed and there is more spacing now.![image](https://github.com/mdn/yari/assets/53306802/ac26aee3-05d0-47be-85d4-9bd57b834c39)
@mirunacurtean I don't understand why you've closed this, since the issue is still valid? Please compare your screenshot to those in the proposed solutions.
I misunderstood where it applied. Sorry, reopening.
Hi, we would accept a community PR that sets a
min-width
for the first column to 20% or 25%, so that the first column usually no longer breaks in the English locale.