1
0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-07-31 13:44:28 +03:00

Fix space panel width change on hovering over space item (#8299)

* Fix space panel width change on hovering over space item

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Janne Mareike Koschinski
2022-04-12 17:52:46 +02:00
committed by GitHub
parent ceae8bb39a
commit ecdc11d3d5

View File

@ -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;