Fix various clipping issues with message buttons

This commit is contained in:
Fedor Indutny 2021-09-30 14:24:23 -07:00 committed by GitHub
parent 19e700aba3
commit 3534408c97
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 16 deletions

View file

@ -322,6 +322,7 @@
display: flex;
flex-direction: column;
width: 100%;
min-width: 0;
}
.module-message__container {
position: relative;
@ -9269,7 +9270,12 @@ button.module-image__border-overlay:focus {
@media (min-width: 835px) and (max-width: 925px) {
.module-message {
// Add 2px for 1px border
max-width: 376px;
max-width: 360px;
&--with-avatar {
// Remove 36px from avatar
max-width: 324px;
}
}
// Spec: container < 438px