fix css in chrome
This commit is contained in:
parent
030deba90c
commit
3096bf42ef
2 changed files with 8 additions and 5 deletions
|
@ -40,6 +40,7 @@ limitations under the License.
|
||||||
.mx_MemberInfo h2 {
|
.mx_MemberInfo h2 {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
margin: 16px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_MemberInfo_container {
|
.mx_MemberInfo_container {
|
||||||
|
@ -59,16 +60,15 @@ limitations under the License.
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_MemberInfo_avatar {
|
.mx_MemberInfo_avatar {
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr auto 1fr;
|
|
||||||
background: $tagpanel-bg-color;
|
background: $tagpanel-bg-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_MemberInfo_avatar > img {
|
.mx_MemberInfo_avatar > img {
|
||||||
height: auto;
|
height: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
grid-column: 2;
|
max-height: 30vh;
|
||||||
max-height: 400px;
|
object-fit: contain;
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_MemberInfo_avatar .mx_BaseAvatar {
|
.mx_MemberInfo_avatar .mx_BaseAvatar {
|
||||||
|
@ -133,3 +133,6 @@ limitations under the License.
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mx_MemberInfo .mx_MemberInfo_scrollContainer {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
|
@ -958,7 +958,7 @@ module.exports = withMatrixClient(React.createClass({
|
||||||
{ roomMemberDetails }
|
{ roomMemberDetails }
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<GeminiScrollbarWrapper autoshow={true}>
|
<GeminiScrollbarWrapper autoshow={true} className="mx_MemberInfo_scrollContainer">
|
||||||
<div className="mx_MemberInfo_container">
|
<div className="mx_MemberInfo_container">
|
||||||
{ this._renderUserOptions() }
|
{ this._renderUserOptions() }
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue