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

better button layout on dashboard

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

21
public/css/dashboard.css
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 {

15
templates/dashboard/dashboard.html.twig
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">