From 3902ce9c403c745f02072aeb88768328529380c6 Mon Sep 17 00:00:00 2001 From: Dharshan Date: Thu, 19 Oct 2023 09:37:38 +0530 Subject: [PATCH] Fix CSS for uploading-files in threads (#11751) * Fix CSS for uploading-files in threads * fix-close button to stick at top of container * re-align close button * re-align close button --------- Co-authored-by: Kerry --- res/css/structures/_UploadBar.pcss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/res/css/structures/_UploadBar.pcss b/res/css/structures/_UploadBar.pcss index a7dfc8b74f..a0689d4270 100644 --- a/res/css/structures/_UploadBar.pcss +++ b/res/css/structures/_UploadBar.pcss @@ -16,6 +16,7 @@ limitations under the License. .mx_UploadBar { padding-left: 65px; /* line up with the shield area in the composer */ + padding-top: 5px; position: relative; .mx_ProgressBar { @@ -30,9 +31,9 @@ limitations under the License. } .mx_UploadBar_filename { - margin-top: 5px; color: $muted-fg-color; position: relative; + padding-right: 38px; /* 32px for cancel icon, 6px for padding */ padding-left: 22px; /* 18px for icon, 4px for padding */ font-size: $font-15px; vertical-align: middle; @@ -58,6 +59,7 @@ limitations under the License. height: 16px; width: 16px; margin-right: 16px; /* align over rightmost button in composer */ + margin-top: 5px; mask-repeat: no-repeat; mask-position: center; background-color: $muted-fg-color;