Handle text overflow in sticker preview modal
This commit is contained in:
parent
744d1b5295
commit
65befde0fa
1 changed files with 6 additions and 2 deletions
|
@ -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;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue