From 98ae7ec801846cdb9aa9a3155a7aedcfd011ab4e Mon Sep 17 00:00:00 2001 From: Vincent Smedinga Date: Thu, 14 Nov 2024 12:51:23 +0100 Subject: [PATCH] Make File Input 100% wide like all inputs --- packages/css/src/components/file-input/file-input.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/css/src/components/file-input/file-input.scss b/packages/css/src/components/file-input/file-input.scss index 8c43944d9e..4b73941f5f 100644 --- a/packages/css/src/components/file-input/file-input.scss +++ b/packages/css/src/components/file-input/file-input.scss @@ -13,13 +13,14 @@ .ams-file-input { background-color: var(--ams-file-input-background-color); border: var(--ams-file-input-border); + box-sizing: border-box; color: var(--ams-file-input-color); cursor: var(--ams-file-input-cursor); font-family: var(--ams-file-input-font-family); font-size: var(--ams-file-input-font-size); font-weight: var(--ams-file-input-font-weight); + inline-size: 100%; line-height: var(--ams-file-input-line-height); - max-inline-size: calc(100% - var(--ams-file-input-padding-inline) * 2); outline-offset: calc(var(--ams-focus-outline-offset) * 2); // Compensate for the dashed border padding-block: var(--ams-file-input-padding-block); padding-inline: var(--ams-file-input-padding-inline);