From 307ddf6eb1ef33d820c4ddc60d17fb7dd13bcadc Mon Sep 17 00:00:00 2001 From: capGoblin Date: Sun, 15 Oct 2023 00:02:12 +0530 Subject: [PATCH 1/6] Fix CSS for uploading-files in threads --- res/css/structures/_UploadBar.pcss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/res/css/structures/_UploadBar.pcss b/res/css/structures/_UploadBar.pcss index a7dfc8b74fd..f1c3be26603 100644 --- a/res/css/structures/_UploadBar.pcss +++ b/res/css/structures/_UploadBar.pcss @@ -33,6 +33,7 @@ limitations under the License. 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; @@ -53,7 +54,7 @@ limitations under the License. .mx_UploadBar_cancel { position: absolute; - top: 0; + top: 45%; right: 0; height: 16px; width: 16px; From 2b18e3dffcf2667335c97d516d0d11f0b1b3a32c Mon Sep 17 00:00:00 2001 From: capGoblin Date: Mon, 16 Oct 2023 20:19:58 +0530 Subject: [PATCH 2/6] fix-close button to stick at top of container --- res/css/structures/_UploadBar.pcss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/res/css/structures/_UploadBar.pcss b/res/css/structures/_UploadBar.pcss index f1c3be26603..cb669a1b0e7 100644 --- a/res/css/structures/_UploadBar.pcss +++ b/res/css/structures/_UploadBar.pcss @@ -54,11 +54,12 @@ limitations under the License. .mx_UploadBar_cancel { position: absolute; - top: 45%; + top: 0; right: 0; 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; From a102b9e6b927e570eae5d20da8c62899477de31b Mon Sep 17 00:00:00 2001 From: capGoblin Date: Tue, 17 Oct 2023 18:26:17 +0530 Subject: [PATCH 3/6] re-align close button --- res/css/structures/_UploadBar.pcss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/res/css/structures/_UploadBar.pcss b/res/css/structures/_UploadBar.pcss index cb669a1b0e7..1cced70f176 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: 2px; position: relative; .mx_ProgressBar { @@ -59,7 +60,7 @@ limitations under the License. height: 16px; width: 16px; margin-right: 16px; /* align over rightmost button in composer */ - margin-top: 5px; + margin-top: 10px; mask-repeat: no-repeat; mask-position: center; background-color: $muted-fg-color; From 3c7549cae756acb61913ca1ae90116e621ed7388 Mon Sep 17 00:00:00 2001 From: capGoblin Date: Wed, 18 Oct 2023 19:35:54 +0530 Subject: [PATCH 4/6] re-align close button --- res/css/structures/_UploadBar.pcss | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/res/css/structures/_UploadBar.pcss b/res/css/structures/_UploadBar.pcss index 1cced70f176..a0689d4270e 100644 --- a/res/css/structures/_UploadBar.pcss +++ b/res/css/structures/_UploadBar.pcss @@ -16,7 +16,7 @@ limitations under the License. .mx_UploadBar { padding-left: 65px; /* line up with the shield area in the composer */ - padding-top: 2px; + padding-top: 5px; position: relative; .mx_ProgressBar { @@ -31,7 +31,6 @@ 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 */ @@ -60,7 +59,7 @@ limitations under the License. height: 16px; width: 16px; margin-right: 16px; /* align over rightmost button in composer */ - margin-top: 10px; + margin-top: 5px; mask-repeat: no-repeat; mask-position: center; background-color: $muted-fg-color; From 2b9b479845d118be41e9dd5b2d03dcb208689a1d Mon Sep 17 00:00:00 2001 From: capGoblin Date: Wed, 25 Oct 2023 00:57:24 +0530 Subject: [PATCH 5/6] Fix verification-message-scaling --- res/css/views/messages/_EventTileBubble.pcss | 1 + 1 file changed, 1 insertion(+) diff --git a/res/css/views/messages/_EventTileBubble.pcss b/res/css/views/messages/_EventTileBubble.pcss index 4e7cac87160..f9f591893c4 100644 --- a/res/css/views/messages/_EventTileBubble.pcss +++ b/res/css/views/messages/_EventTileBubble.pcss @@ -45,6 +45,7 @@ limitations under the License. .mx_EventTileBubble_subtitle { grid-column: 2; overflow-wrap: break-word; + min-inline-size: 50px; } .mx_EventTileBubble_title { From 6bc47bca69878f7ad35b473ad15a648dd79ce02e Mon Sep 17 00:00:00 2001 From: capGoblin Date: Wed, 25 Oct 2023 18:35:56 +0530 Subject: [PATCH 6/6] add min width to mx_EventTileBubble --- res/css/views/rooms/_EventTile.pcss | 1 + 1 file changed, 1 insertion(+) diff --git a/res/css/views/rooms/_EventTile.pcss b/res/css/views/rooms/_EventTile.pcss index 3034b426e61..198e8d5e518 100644 --- a/res/css/views/rooms/_EventTile.pcss +++ b/res/css/views/rooms/_EventTile.pcss @@ -98,6 +98,7 @@ $left-gutter: 64px; .mx_EventTileBubble { margin-block: var(--EventTileBubble_margin-block); + min-width: 100px; } .mx_MImageBody {