Handle text overflow in sticker preview modal
This commit is contained in:

committed by
Scott Nonnenberg

parent
744d1b5295
commit
65befde0fa
@@ -5642,13 +5642,15 @@ button.module-image__border-overlay:focus {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__info {
|
&__info {
|
||||||
flex-grow: 1;
|
width: 317px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
&__title {
|
&__title {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
@include font-body-1-bold;
|
@include font-body-1-bold;
|
||||||
|
|
||||||
@@ -5663,7 +5665,9 @@ button.module-image__border-overlay:focus {
|
|||||||
|
|
||||||
&__author {
|
&__author {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
height: 18px;
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
@include light-theme {
|
@include light-theme {
|
||||||
color: $color-gray-45;
|
color: $color-gray-45;
|
||||||
|
Reference in New Issue
Block a user