KevinMidboe/vinlottis
1
0
Fork 0
Code Issues 8 Pull Requests 14 Packages Projects Releases Wiki Activity

Truncating is a challenge in this world we shouldnt have to face

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2020-01-30 14:19:59 +01:00
parent 89a8183f00
commit d7b3d2b368
2 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/VinlottisPage.vue
View File

@@ -89,7 +89,7 @@ export default {
padding: 0 30px; padding: 0 30px;
@include mobile { @include mobile {
padding: 0 20px; padding: 0;
} }
} }
@@ -101,7 +101,8 @@ export default {
width: 75%; width: 75%;
@include mobile { @include mobile {
width: 100%; width: calc(100% - 20px);
padding: 0;
} }
} }

11
src/ui/Wines.vue
View File

@@ -16,7 +16,8 @@
:href="wine.vivinoLink" :href="wine.vivinoLink"
v-if="wine.vivinoLink != '' && wine.vivinoLink != null" v-if="wine.vivinoLink != '' && wine.vivinoLink != null"
@click="wineClick(wine)" @click="wineClick(wine)"
>Les mer</a> >Les mer</a
>
</li> </li>
</ol> </ol>
</div> </div>
@@ -104,13 +105,17 @@ ol {
.truncate { .truncate {
display: inline-block; display: inline-block;
max-width: 20vw; max-width: 350px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
&:hover {
max-width: initial;
}
@include mobile { @include mobile {
max-width: calc(75vw - 90px - 62px); max-width: calc(75vw - 177px);
} }
} }
</style> </style>