sigmasternchen/MyTube
1
0
Fork 0
mirror of https://github.com/sigmasternchen/MyTube synced 2025-03-15 21:08:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

added text truncation (sort of) for dashboard

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

20
public/css/dashboard.css
View file

@ -58,6 +58,7 @@
.info { .info {
padding: 2% 4% 4%; padding: 2% 4% 4%;
height: 31%;
} }
.disable { .disable {
@ -134,4 +135,23 @@
.length { .length {
top: calc(9 / 16 * 100% + 4% + 5%); 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;
} }

6
templates/dashboard/dashboard.html.twig
View file

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