PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Tidy up _MemberInfo.pcss (#10862)

Browse source 
* Nest: mx_MemberInfo_name *

* Nest: mx_MemberInfo *

* Nest: mx_MemberInfo_avatar
This commit is contained in:
Suguru Hirahara 2023-05-11 13:01:12 +00:00 committed by GitHub
parent 2e4fc0a76d
commit d944422417
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 45 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

90
res/css/views/rooms/_MemberInfo.pcss
View file

@ -20,15 +20,47 @@ limitations under the License.
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
margin-top: 8px; margin-top: 8px;
h2 {
font-size: $font-18px;
font-weight: var(--font-semi-bold);
margin: 16px 0 16px 15px;
}
.mx_RoomTile_titleContainer {
width: 154px;
}
.mx_RoomTile_badge {
display: none;
}
.mx_RoomTile_title {
width: 160px;
}
h3 {
text-transform: uppercase;
color: $input-darker-fg-color;
font-weight: bold;
font-size: $font-12px;
margin: 4px 0;
}
} }
.mx_MemberInfo_name { .mx_MemberInfo_name {
align-items: center; align-items: center;
display: flex; display: flex;
}
.mx_MemberInfo_name > .mx_E2EIcon { > .mx_E2EIcon {
margin-right: 0; margin-right: 0;
}
h2 {
flex: 1;
overflow-x: auto;
max-height: 50px;
}
} }
.mx_MemberInfo_cancel { .mx_MemberInfo_cancel {
@ -42,63 +74,31 @@ limitations under the License.
background-color: $header-panel-text-primary-color; background-color: $header-panel-text-primary-color;
} }
.mx_MemberInfo_name h2 {
flex: 1;
overflow-x: auto;
max-height: 50px;
}
.mx_MemberInfo h2 {
font-size: $font-18px;
font-weight: var(--font-semi-bold);
margin: 16px 0 16px 15px;
}
.mx_MemberInfo_container { .mx_MemberInfo_container {
margin: 0 16px 16px 16px; margin: 0 16px 16px 16px;
} }
.mx_MemberInfo .mx_RoomTile_titleContainer {
width: 154px;
}
.mx_MemberInfo .mx_RoomTile_badge {
display: none;
}
.mx_MemberInfo .mx_RoomTile_title {
width: 160px;
}
.mx_MemberInfo_avatar { .mx_MemberInfo_avatar {
background: $spacePanel-bg-color; background: $spacePanel-bg-color;
margin-bottom: 16px; margin-bottom: 16px;
}
.mx_MemberInfo_avatar > img { > img {
height: auto; height: auto;
width: 100%; width: 100%;
max-height: 30vh; max-height: 30vh;
object-fit: contain; object-fit: contain;
display: block; display: block;
} }
.mx_MemberInfo_avatar .mx_BaseAvatar.mx_BaseAvatar_image { .mx_BaseAvatar.mx_BaseAvatar_image {
cursor: zoom-in; cursor: zoom-in;
}
} }
.mx_MemberInfo_profile { .mx_MemberInfo_profile {
margin-bottom: 16px; margin-bottom: 16px;
} }
.mx_MemberInfo h3 {
text-transform: uppercase;
color: $input-darker-fg-color;
font-weight: bold;
font-size: $font-12px;
margin: 4px 0;
}
.mx_MemberInfo_profileField { .mx_MemberInfo_profileField {
font-size: $font-15px; font-size: $font-15px;
position: relative; position: relative;