better button layout on dashboard

This commit is contained in:
overflowerror 2021-01-08 16:01:22 +01:00
parent 7abd3ee56a
commit 7ec2db7d77
2 changed files with 26 additions and 10 deletions

View file

@ -86,15 +86,15 @@
color: lightgray;
}
.link {
.buttons {
position: absolute;
top: calc(9 / 16 * 100% + 12%);
bottom: 3%;
right: 3%;
}
.link a {
/*.buttons a {
color: #9f44b4;
}
}*/
.link:hover a {
color: grey;
@ -122,11 +122,18 @@
background-color: lightgrey;
}
.views {
.views, .length {
position: absolute;
font-size: 1vw;
top: 69%;
right: 10%;
right: 3%;
}
.views {
top: calc(9 / 16 * 100% + 4%);
}
.length {
top: calc(9 / 16 * 100% + 4% + 5%);
}
.no-content {

View file

@ -64,10 +64,19 @@
</div>
</div>
<div class="info">
<div class="link">
<a href="{{ path("app_new_link") }}?video={{ video.customId | url_encode }}">
<div class="buttons btn-group btn-group-sm">
<button class="btn btn-primary"
onclick="location.href='{{ path("app_new_link") }}?video={{ video.customId | url_encode }}'">
<i class="fas fa-link"></i>
</a>
</button>
<button class="btn btn-primary"
onclick="">
<i class="fas fa-cog"></i>
</button>
<button class="btn btn-primary btn-danger"
onclick="">
<i class="fas fa-trash-alt"></i>
</button>
</div>
<h5>{{ video.name }}</h5>
<div class="views">