add dropdown menu :3

This commit is contained in:
Ashley 2022-12-31 14:09:52 +00:00
parent 392af71516
commit 241a0da0eb

View file

@ -246,7 +246,7 @@
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
word-break: break-all;
white-space: normal;
}
}
</style>
@ -312,20 +312,39 @@ But Please note that unofficial instances can add the same lock icon, so please
</div>
<div class="right">
<a href="https://redirect.poketube.fun/watch?v=<%=video.id%>" style="text-decoration: none;" title="Switch instance">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-rocket-launch"></i>
</a>
<a href="/video/upload" style="text-decoration: none;" title="Upload Video">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i>
<div class="icon-button dropdown">
<input type="checkbox" id="loggedout-dropdown" autocomplete="off">
<label for="loggedout-dropdown">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-ellipsis-vertical"></i>
</label>
<div class="dropdown__menu" style="right: -1em;">
<a href="https://redirect.poketube.fun/watch?v=<%=video.id%>" style="text-decoration: none;" class="dropdown__item">
<i class="fa-light fa-rocket-launch"></i>
Switch Instance
</a>
<a href="/embed/<%=video.id%>" style="text-decoration: none;" title="Embed">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-code"></i>
</a>
<a href="/video/upload" style="text-decoration: none;" class="dropdown__item">
<i class="fa-light fa-video"></i>
Upload
</a>
<a href="/embed/<%=video.id%>" style="text-decoration: none;" class="dropdown__item">
<i class="fa-light fa-code"></i>
View Embed
</a>
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #1a1111;width: 16.5em;height: 0;">
<a href="/api/version.json" style="text-decoration: none;colır:#fff;" class="dropdown__item">
<i class="fa-light fa-circle-info"></i>
Version
</a>
</div>
</div>
</div>
</nav>