style bug fixed

This commit is contained in:
zzossig 2019-12-31 11:51:46 +09:00
parent 185bfe5b0a
commit 64cb40562f
3 changed files with 11 additions and 4 deletions

View File

@ -101,6 +101,13 @@
} }
@mixin truncate($truncation-boundary) { @mixin truncate($truncation-boundary) {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: $truncation-boundary;
}
@mixin truncate2($truncation-boundary) {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

View File

@ -50,7 +50,7 @@
} }
&__title { &__title {
@include truncate($grid-max-width); @include truncate2($grid-max-width);
&--margin { &--margin {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -68,10 +68,10 @@
@include flexbox(); @include flexbox();
@include align-items(center); @include align-items(center);
@include truncate(650px); @include truncate2(650px);
@media only screen and (max-width: 769px) { @media only screen and (max-width: 769px) {
margin-left: -6.8rem; margin-left: -6.8rem;
@include truncate(350px); @include truncate2(350px);
} }
} }