OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix space panel layout edge cases (#7101)

pull/21833/head
Michael Telatynski 2021-11-09 10:25:57 +00:00 committed by GitHub
parent 6cae176857
commit 009f5f2dc9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
res/css/structures/_SpacePanel.scss
View File

@ -144,7 +144,7 @@ $activeBorderColor: $secondary-content;
align-items: center; align-items: center;
border-radius: 12px; border-radius: 12px;
padding: 4px; padding: 4px;
width: 100%; width: calc(100% - 32px);
} }
.mx_SpaceButton_name { .mx_SpaceButton_name {
@ -160,6 +160,7 @@ $activeBorderColor: $secondary-content;
.mx_SpaceButton_toggleCollapse { .mx_SpaceButton_toggleCollapse {
width: $gutterSize; width: $gutterSize;
min-width: $gutterSize;
height: 20px; height: 20px;
mask-position: center; mask-position: center;
mask-size: 20px; mask-size: 20px;
@ -221,7 +222,7 @@ $activeBorderColor: $secondary-content;
height: 20px; height: 20px;
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
visibility: hidden; display: none;
position: relative; position: relative;
&::before { &::before {
@ -270,15 +271,11 @@ $activeBorderColor: $secondary-content;
} }
} }
.mx_SpaceButton_narrow .mx_SpaceButton_menuButton {
display: none;
}
.mx_SpaceButton:hover, .mx_SpaceButton:hover,
.mx_SpaceButton:focus-within, .mx_SpaceButton:focus-within,
.mx_SpaceButton_hasMenuOpen { .mx_SpaceButton_hasMenuOpen {
&:not(.mx_SpaceButton_invite) .mx_SpaceButton_menuButton { &:not(.mx_SpaceButton_narrow):not(.mx_SpaceButton_invite) .mx_SpaceButton_menuButton {
visibility: visible; display: block;
} }
} }