Fix the header of Space landing page (#8048)

This commit is contained in:
Suguru Hirahara 2022-03-14 09:11:12 +00:00 committed by GitHub
parent ed6a371616
commit 64e9cdd619
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 27 additions and 18 deletions

View file

@ -152,6 +152,7 @@ $SpaceRoomViewInnerWidth: 428px;
right: 24px;
top: 32px;
}
// XXX remove this when spaces leaves Beta
.mx_SpaceRoomView_preview_spaceBetaPrompt {
font-weight: $font-semi-bold;
@ -254,13 +255,27 @@ $SpaceRoomViewInnerWidth: 428px;
flex-direction: column;
min-width: 0;
> .mx_BaseAvatar {
width: 80px;
}
.mx_SpaceRoomView_landing_header {
display: flex;
justify-content: space-between;
> .mx_BaseAvatar_image,
> .mx_BaseAvatar > .mx_BaseAvatar_image {
border-radius: 12px;
.mx_BaseAvatar {
width: 80px;
.mx_BaseAvatar_image {
border-radius: 12px;
}
}
// XXX: Temporary for the Spaces release only
.mx_SpaceFeedbackPrompt {
padding: 7px; // 8px - 1px border
border: 1px solid rgba($primary-content, .1);
border-radius: 8px;
width: max-content;
height: fit-content;
margin-left: 24px;
}
}
.mx_SpaceRoomView_landing_name {
@ -360,14 +375,6 @@ $SpaceRoomViewInnerWidth: 428px;
margin: 0 0 20px;
flex: 0;
}
.mx_SpaceFeedbackPrompt {
padding: 7px; // 8px - 1px border
border: 1px solid rgba($primary-content, .1);
border-radius: 8px;
width: max-content;
margin: 0 0 -40px auto; // collapse its own height to not push other components down
}
}
.mx_SpaceRoomView_privateScope {