A few bug fixes
This commit is contained in:
parent
4b28fd896a
commit
2aa2aca9f2
6 changed files with 76 additions and 27 deletions
|
@ -11542,9 +11542,6 @@ $contact-modal-padding: 18px;
|
|||
|
||||
// To limit messages with things forcing them wider, like long attachment names
|
||||
.module-message__container {
|
||||
// 2px to allow for 1px border
|
||||
max-width: 302px;
|
||||
|
||||
&--incoming {
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
@ -11679,15 +11676,20 @@ $contact-modal-padding: 18px;
|
|||
}
|
||||
}
|
||||
|
||||
/* Spec: container < 437px */
|
||||
@media (min-width: 0px) and (max-width: 799px) {
|
||||
.module-message {
|
||||
// Add 2px for 1px border
|
||||
max-width: 302px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Spec: container > 438px and container < 593px */
|
||||
@media (min-width: 800px) and (max-width: 925px) {
|
||||
.module-message {
|
||||
// Add 2px for 1px border
|
||||
max-width: 376px;
|
||||
}
|
||||
.module-message__container {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
// Spec: container < 438px
|
||||
.module-message--incoming {
|
||||
|
@ -11722,9 +11724,6 @@ $contact-modal-padding: 18px;
|
|||
.module-message {
|
||||
max-width: 66%;
|
||||
}
|
||||
.module-message__container {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.module-message--incoming {
|
||||
margin-right: auto;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue