added text truncation (sort of) for dashboard

This commit is contained in:
overflowerror 2021-01-23 19:26:41 +01:00
parent c5ac511219
commit 2429c69b87
2 changed files with 23 additions and 3 deletions

View file

@ -58,6 +58,7 @@
.info {
padding: 2% 4% 4%;
height: 31%;
}
.disable {
@ -134,4 +135,23 @@
.length {
top: calc(9 / 16 * 100% + 4% + 5%);
}
h5 {
max-width: 80%;
}
.description {
position: relative;
height: 50%;
width: 90%;
white-space: normal;
}
.description:after {
content: '...';
background: inherit;
position: absolute;
bottom: -5px;
right: 0;
}

View file

@ -98,16 +98,16 @@
</div>
</form>
</div>
<h5>{{ video.name }}</h5>
<h5 class="text-truncate">{{ video.name }}</h5>
<div class="views">
{{ video.views }} {{ video.views == 1 ? "View" : "Views" }}
</div>
<div class="length">
{{ video.getFormatedLength() }}
</div>
<p>
<div class="description text-truncate">
{{ video.description }}
</p>
</div>
</div>
{% if disabled %}
<script>