Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Commit

Permalink
Fix space panel layout edge cases (#7101)
Browse files Browse the repository at this point in the history
  • Loading branch information
t3chguy authored Nov 9, 2021
1 parent 6cae176 commit 009f5f2
Showing 1 changed file with 5 additions and 8 deletions.
13 changes: 5 additions & 8 deletions res/css/structures/_SpacePanel.scss
Original file line number Diff line number Diff line change
Expand Up @@ -144,7 +144,7 @@ $activeBorderColor: $secondary-content;
align-items: center;
border-radius: 12px;
padding: 4px;
width: 100%;
width: calc(100% - 32px);
}

.mx_SpaceButton_name {
Expand All @@ -160,6 +160,7 @@ $activeBorderColor: $secondary-content;

.mx_SpaceButton_toggleCollapse {
width: $gutterSize;
min-width: $gutterSize;
height: 20px;
mask-position: center;
mask-size: 20px;
Expand Down Expand Up @@ -221,7 +222,7 @@ $activeBorderColor: $secondary-content;
height: 20px;
margin-top: auto;
margin-bottom: auto;
visibility: hidden;
display: none;
position: relative;

&::before {
Expand Down Expand Up @@ -270,15 +271,11 @@ $activeBorderColor: $secondary-content;
}
}

.mx_SpaceButton_narrow .mx_SpaceButton_menuButton {
display: none;
}

.mx_SpaceButton:hover,
.mx_SpaceButton:focus-within,
.mx_SpaceButton_hasMenuOpen {
&:not(.mx_SpaceButton_invite) .mx_SpaceButton_menuButton {
visibility: visible;
&:not(.mx_SpaceButton_narrow):not(.mx_SpaceButton_invite) .mx_SpaceButton_menuButton {
display: block;
}
}

Expand Down

0 comments on commit 009f5f2

Please sign in to comment.