Fix z-index of AvatarPopup and limit max width

This commit is contained in:
Fedor Indutny 2021-04-28 13:50:42 -07:00 committed by GitHub
parent 353becffac
commit 965c635905
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 1 deletions

View file

@ -9568,6 +9568,7 @@ button.module-image__border-overlay:focus {
.module-avatar-popup {
min-width: 240px;
max-width: $left-pane-width;
border-radius: 4px;
padding-bottom: 4px;
@ -9596,6 +9597,7 @@ button.module-image__border-overlay:focus {
.module-avatar-popup__profile__text {
margin-left: 10px;
overflow: hidden;
}
.module-avatar-popup__profile__name {
@ -9612,6 +9614,13 @@ button.module-image__border-overlay:focus {
}
}
.module-avatar-popup__profile__name,
.module-avatar-popup__profile__number {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.module-avatar-popup__divider {
border: none;
padding: 0;

View file

@ -388,7 +388,7 @@ export class MainHeader extends React.Component<PropsType, StateType> {
<AvatarPopup
innerRef={ref}
i18n={i18n}
style={style}
style={{ ...style, zIndex: 1 }}
color={color}
conversationType="direct"
name={name}