From d0faf72a09b2d2295466bf93887d2b4edf80ba25 Mon Sep 17 00:00:00 2001 From: Devendra Gurjar Date: Sat, 19 Oct 2024 05:05:53 +0530 Subject: [PATCH 1/2] fixed 'remove alias' button --- res/css/_common.pcss | 2 +- res/css/views/elements/_EditableItemList.pcss | 7 +++---- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/res/css/_common.pcss b/res/css/_common.pcss index 05a3dac0675..7c66884c87e 100644 --- a/res/css/_common.pcss +++ b/res/css/_common.pcss @@ -518,7 +518,7 @@ legend { mask-image: url("@vector-im/compound-design-tokens/icons/close.svg"); mask-repeat: no-repeat; mask-position: center; - mask-size: 20px; + mask-size: 28px; background-color: var(--cpd-color-icon-secondary); } } diff --git a/res/css/views/elements/_EditableItemList.pcss b/res/css/views/elements/_EditableItemList.pcss index 34ec3199b49..8a85f615d86 100644 --- a/res/css/views/elements/_EditableItemList.pcss +++ b/res/css/views/elements/_EditableItemList.pcss @@ -18,10 +18,9 @@ Please see LICENSE files in the repository root for full details. .mx_EditableItem_delete { @mixin customisedCancelButton; order: 3; - margin-right: 5px; vertical-align: middle; - width: 14px; - height: 14px; + width: 28px; + height: 28px; background-color: $alert; mask-size: 100%; } @@ -42,7 +41,7 @@ Please see LICENSE files in the repository root for full details. .mx_EditableItem_item { flex: auto 1 0; order: 1; - width: calc(100% - 14px); /* leave space for the remove button */ + width: calc(100% - 28px); /* leave space for the remove button */ overflow-x: hidden; text-overflow: ellipsis; } From 0025ee7d481d20307b4815477d3bcb2f1dc95581 Mon Sep 17 00:00:00 2001 From: Devendra Gurjar Date: Thu, 24 Oct 2024 21:42:25 +0530 Subject: [PATCH 2/2] fixed 'close button' --- res/css/_common.pcss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/res/css/_common.pcss b/res/css/_common.pcss index 7c66884c87e..05a3dac0675 100644 --- a/res/css/_common.pcss +++ b/res/css/_common.pcss @@ -518,7 +518,7 @@ legend { mask-image: url("@vector-im/compound-design-tokens/icons/close.svg"); mask-repeat: no-repeat; mask-position: center; - mask-size: 28px; + mask-size: 20px; background-color: var(--cpd-color-icon-secondary); } }