From 23c73d918b3f8098a070278a5316a0b6b8314001 Mon Sep 17 00:00:00 2001 From: Janne Mareike Koschinski Date: Tue, 12 Apr 2022 17:36:40 +0200 Subject: [PATCH 1/2] Fix space panel width change on hovering over space item --- res/css/structures/_SpacePanel.scss | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/res/css/structures/_SpacePanel.scss b/res/css/structures/_SpacePanel.scss index 74d30bf59ab..4410886f1cf 100644 --- a/res/css/structures/_SpacePanel.scss +++ b/res/css/structures/_SpacePanel.scss @@ -251,7 +251,8 @@ $activeBorderColor: $primary-content; margin-top: auto; margin-bottom: auto; display: none; - position: relative; + position: absolute; + right: 4px; &::before { top: 3px; @@ -327,6 +328,16 @@ $activeBorderColor: $primary-content; } } + .mx_SpaceItem:not(.mx_SpaceItem_new) { + .mx_SpaceButton:hover, + .mx_SpaceButton:focus-within, + .mx_SpaceButton_hasMenuOpen { + &:not(.mx_SpaceButton_narrow):not(.mx_SpaceButton_invite) .mx_SpaceButton_name { + max-width: calc( 100% - 56px); + } + } + } + /* root space buttons are bigger and not indented */ & > .mx_AutoHideScrollbar { flex: 1; From 73b1ad24a94ab686954a4699dab67af7791240f9 Mon Sep 17 00:00:00 2001 From: Janne Mareike Koschinski Date: Tue, 12 Apr 2022 17:45:14 +0200 Subject: [PATCH 2/2] Correct formatting in res/css/structures/_SpacePanel.scss Co-authored-by: Michael Telatynski <7t3chguy@gmail.com> --- res/css/structures/_SpacePanel.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/res/css/structures/_SpacePanel.scss b/res/css/structures/_SpacePanel.scss index 4410886f1cf..1cbc7cd7352 100644 --- a/res/css/structures/_SpacePanel.scss +++ b/res/css/structures/_SpacePanel.scss @@ -333,7 +333,7 @@ $activeBorderColor: $primary-content; .mx_SpaceButton:focus-within, .mx_SpaceButton_hasMenuOpen { &:not(.mx_SpaceButton_narrow):not(.mx_SpaceButton_invite) .mx_SpaceButton_name { - max-width: calc( 100% - 56px); + max-width: calc(100% - 56px); } } }