Fix handle overflow
This commit is contained in:
parent
4cf7bf8d06
commit
f7a6354399
2 changed files with 33 additions and 13 deletions
|
@ -220,21 +220,8 @@
|
||||||
.claim-preview-metadata {
|
.claim-preview-metadata {
|
||||||
.claim-tile__info {
|
.claim-tile__info {
|
||||||
.media__subtitle {
|
.media__subtitle {
|
||||||
width: calc(100% - 2.1rem);
|
|
||||||
.button {
|
.button {
|
||||||
display: inline;
|
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) {
|
span:not(.channel-name) {
|
||||||
font-size: var(--font-xsmall);
|
font-size: var(--font-xsmall);
|
||||||
|
|
|
@ -1136,6 +1136,39 @@ body {
|
||||||
width: unset; // It was being set to '100%' at the base level.
|
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.
|
// Temp hacks until 'section__actions--no-margin' is generic again.
|
||||||
|
|
Loading…
Reference in a new issue