Fix TrendsChart date input value getting clipped on chrome android

lukewarlow · lukewarlow · commit c3a573bf6313 · 2026-03-12T00:44:32.000Z
There's a bug where the date input value reserves margin right even when it doesn't need to, this leads to the value getting clipped. We override the margin to fix that. Fixes: #1931
diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
@@ -2105,4 +2105,8 @@ watch(selectedMetric, value => {
 [data-minimap-visible='false'] .vue-data-ui-watermark {
   top: calc(100% - 2rem) !important;
 }
+
+input::-webkit-date-and-time-value {
+  margin-inline: 4px;
+}
 </style>

Original file line number	Diff line number	Diff line change
`@@ -2105,4 +2105,8 @@ watch(selectedMetric, value => {`
`2105`	`2105`	`[data-minimap-visible='false'] .vue-data-ui-watermark {`
`2106`	`2106`	`top: calc(100% - 2rem) !important;`
`2107`	`2107`	`}`
	`2108`	`+`
	`2109`	`+input::-webkit-date-and-time-value {`
	`2110`	`+ margin-inline: 4px;`
	`2111`	`+}`
`2108`	`2112`	`</style>`