Fix handle overflow

This commit is contained in:
Raphael Wickihalder 2022-04-04 21:00:16 +02:00
parent 4cf7bf8d06
commit f7a6354399
No known key found for this signature in database
GPG key ID: 05179BB92383243D
2 changed files with 33 additions and 13 deletions

View file

@ -220,21 +220,8 @@
.claim-preview-metadata {
.claim-tile__info {
.media__subtitle {
width: calc(100% - 2.1rem);
.button {
display: inline;
.button__content {
width: 100%;
.channel-name {
width: 100%;
p {
width: 99%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
}
span:not(.channel-name) {
font-size: var(--font-xsmall);

View file

@ -1136,6 +1136,39 @@ body {
width: unset; // It was being set to '100%' at the base level.
}
}
.claim-preview {
.claim-preview__text {
overflow: hidden;
}
.claim-preview-metadata {
.claim-tile__info {
.media__subtitle {
width: calc(100% - 2.1rem);
.button {
display: inline;
@media (max-width: $breakpoint-small) {
.button__content {
width: 100%;
.channel-name {
width: 100%;
p {
width: 99%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
}
}
span:not(.channel-name) {
font-size: var(--font-xsmall);
}
}
}
}
}
}
// Temp hacks until 'section__actions--no-margin' is generic again.