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

Fixes "space panel kebab menu is rendered out of view on sub spaces" #8350

Merged
merged 10 commits into from
Apr 30, 2022
Merged

Fixes "space panel kebab menu is rendered out of view on sub spaces" #8350

Changes from 8 commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
92586c8
fixes space kebab menu out of view
yaya-usman Apr 17, 2022
a722dc4
update-eslint: space kebab menu out of view
yaya-usman Apr 17, 2022
c936130
update: space kebap menu
yaya-usman Apr 20, 2022
a43f1eb
resolved conflict
yaya-usman Apr 20, 2022
7f2d08d
update branch
yaya-usman Apr 22, 2022
8674615
Merge branch 'develop' of https://github.com/yaya-usman/matrix-react-…
yaya-usman Apr 24, 2022
f36e7e0
update: space panel collapse behavior and kebap menu fix
yaya-usman Apr 24, 2022
1bd5d49
update: space panel collapse behavior and kebap menu fix
yaya-usman Apr 24, 2022
4f7209e
Merge branch 'develop' of https://github.com/yaya-usman/matrix-react-…
yaya-usman Apr 27, 2022
4d623ea
updated fix
yaya-usman Apr 27, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 6 additions & 3 deletions res/css/structures/_SpacePanel.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,11 @@ $activeBorderColor: $primary-content;
// Create another flexbox so the Panel fills the container
display: flex;
flex-direction: column;
width: 260px;

&.collapsed {
width: auto;
}

.mx_SpacePanel_toggleCollapse {
position: absolute;
Expand Down Expand Up @@ -154,9 +159,8 @@ $activeBorderColor: $primary-content;
align-items: center;
border-radius: 12px;
padding: 4px;
width: calc(100% - 32px);
width: 32px;
}

.mx_SpaceButton_name {
flex: 1;
margin-left: 8px;
Expand Down Expand Up @@ -327,7 +331,6 @@ $activeBorderColor: $primary-content;
display: block;
}
}

.mx_SpaceItem:not(.mx_SpaceItem_new) {
.mx_SpaceButton:hover,
.mx_SpaceButton:focus-within,
Expand Down