KevinMidboe/seasoned
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasoned.git synced 2026-03-11 11:55:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Calulate max-height to only show n rows

Browse Source
This commit is contained in:
Kevin
2022-03-05 18:45:21 +01:00
parent 21ff5f22a7
commit d39e02cb56
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/CastPerson.vue
View File

@@ -50,12 +50,13 @@ li a p:first-of-type {
padding-top: 10px; padding-top: 10px;
} }
li p { li.card p {
font-size: 1em; font-size: 1em;
padding: 0 10px; padding: 0 10px;
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
max-height: calc(10px + ((16px * var(--line-height)) * 3));
} }
li.card { li.card {
@@ -99,19 +100,24 @@ li.card {
overflow: hidden; overflow: hidden;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
// margin-top: auto;
max-height: calc((0.9em * var(--line-height)) * 1);
} }
a { a {
display: block; display: block;
text-decoration: none; text-decoration: none;
height: 100%;
display: flex;
flex-direction: column;
} }
img { img {
width: 100%; width: 100%;
height: 100%; height: auto;
min-width: 140px;
min-height: 210px; min-height: 210px;
background-color: var(--text-color-90); background-color: var(--background-color);
object-fit: cover;
} }
} }
</style> </style>