web: update timestamp column style, fix mitmproxy#4092

mhils · mhils · commit 0ad4a5983e73 · 2021-10-18T15:12:35.000+02:00
diff --git a/web/src/css/flowtable.less b/web/src/css/flowtable.less
@@ -152,10 +152,10 @@
     }
 
     .col-timestamp {
-        width: auto;
+        width: 170px;
     }
 
-    td.col-time, td.col-size {
+    td.col-time, td.col-size, td.col-timestamp {
         text-align: right;
     }
 
diff --git a/web/src/js/__tests__/components/FlowTable/__snapshots__/FlowColumnsSpec.tsx.snap b/web/src/js/__tests__/components/FlowTable/__snapshots__/FlowColumnsSpec.tsx.snap
@@ -278,7 +278,7 @@ exports[`should render columns: timestamp 1`] = `
     <tbody>
       <tr>
         <td
-          class="col-start"
+          class="col-timestamp"
         >
           1999-12-31 23:00:00.000
         </td>
diff --git a/web/src/js/components/FlowTable/FlowColumns.tsx b/web/src/js/components/FlowTable/FlowColumns.tsx
@@ -169,7 +169,7 @@ time.sortKey = flow => {
 export const timestamp: FlowColumn = ({flow}) => {
     const start = startTime(flow);
     return (
-        <td className="col-start">
+        <td className="col-timestamp">
             {start ? (
                 formatTimeStamp(start)
             ) : (

Original file line number	Diff line number	Diff line change
`@@ -152,10 +152,10 @@`
`152`	`152`	`}`
`153`	`153`
`154`	`154`	`.col-timestamp {`
`155`		`- width: auto;`
	`155`	`+ width: 170px;`
`156`	`156`	`}`
`157`	`157`
`158`		`- td.col-time, td.col-size {`
	`158`	`+ td.col-time, td.col-size, td.col-timestamp {`
`159`	`159`	`text-align: right;`
`160`	`160`	`}`
`161`	`161`
Original file line number	Diff line number	Diff line change
@@ -278,7 +278,7 @@ exports[`should render columns: timestamp 1`] = `
`278`	`278`	`<tbody>`
`279`	`279`	`<tr>`
`280`	`280`	`<td`
`281`		`- class="col-start"`
	`281`	`+ class="col-timestamp"`
`282`	`282`	`>`
`283`	`283`	`1999-12-31 23:00:00.000`
`284`	`284`	`</td>`