Apply static widths to table columns

canonical · Sep 17, 2024 · 543b3a1 · 543b3a1
1 parent 3589c9b
commit 543b3a1
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 20 deletions.
diff --git a/templates/docs/patterns/hero/index.md b/templates/docs/patterns/hero/index.md
@@ -28,14 +28,14 @@ The hero pattern is composed of the following elements:
 ### Parameters
 
 <div style="overflow: auto;">
-  <table style="overflow: visible;">
+  <table>
     <thead>
       <tr>
-        <th style="width: 20%;">Name</th>
-        <th style="width: 10%;">Required?</th>
-        <th style="width: 25%;">Type</th>
-        <th style="width: 15%;">Default</th>
-        <th style="width: 30%;">Description</th>
+        <th style="width: 220px;">Name</th>
+        <th style="width: 160px;">Required?</th>
+        <th style="width: 160px;">Type</th>
+        <th style="width: 160px;">Default</th>
+        <th style="width: 250px;">Description</th>
       </tr>
     </thead>
     <tbody>
@@ -119,12 +119,12 @@ The hero pattern is composed of the following elements:
 ### Slots
 
 <div style="overflow: auto;">
-  <table style="overflow: visible;">
+  <table>
     <thead>
       <tr>
-        <th style="width: 20%;">Name</th>
-        <th style="width: 25%;">Required?</th>
-        <th style="width: 55%;">Description</th>
+        <th style="width: 220px;">Name</th>
+        <th style="width: 160px;">Required?</th>
+        <th style="width: 250px;">Description</th>
       </tr>
     </thead>
     <tbody>

diff --git a/templates/docs/patterns/tiered-list/index.md b/templates/docs/patterns/tiered-list/index.md
@@ -32,14 +32,14 @@ The tiered list pattern is composed of the following elements:
 ### Parameters
 
 <div style="overflow: auto;">
-  <table style="overflow: visible; width: auto;">
+  <table>
     <thead>
       <tr>
-        <th style="width: 20%;">Name</th>
-        <th style="width: 15%;">Required?</th>
-        <th style="width: 15%;">Type</th>
-        <th style="width: 15%;">Default</th>
-        <th style="width: 35%;">Description</th>
+        <th style="width: 220px;">Name</th>
+        <th style="width: 160px;">Required?</th>
+        <th style="width: 160px;">Type</th>
+        <th style="width: 160px;">Default</th>
+        <th style="width: 250px;">Description</th>
       </tr>
     </thead>
     <tbody>
@@ -84,12 +84,12 @@ The tiered list pattern is composed of the following elements:
 ### Slots
 
 <div style="overflow: auto;">
-  <table style="overflow: visible;">
+  <table>
     <thead>
       <tr>
-        <th style="width: 30%;">Name</th>
-        <th style="width: 25%;">Required?</th>
-        <th style="width: 45%;">Description</th>
+        <th style="width: 220px;">Name</th>
+        <th style="width: 160px;">Required?</th>
+        <th style="width: 250px;">Description</th>
       </tr>
     </thead>
     <tbody>