Fix various clipping issues with message buttons
This commit is contained in:
parent
19e700aba3
commit
3534408c97
2 changed files with 22 additions and 16 deletions
|
@ -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
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue