add dropdown menu :3

This commit is contained in:
Ashley 2022-12-31 14:09:52 +00:00
parent 741810ac9b
commit ecff76988b

View file

@ -246,7 +246,7 @@
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/ white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
word-break: break-all; word-break: break-all;
white-space: normal; white-space: normal;
} }
</style> </style>
@ -312,20 +312,39 @@ But Please note that unofficial instances can add the same lock icon, so please
</div> </div>
<div class="right"> <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"> <div class="icon-button dropdown">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i> <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>
<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 href="/video/upload" style="text-decoration: none;" class="dropdown__item">
</a> <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> </div>
</nav> </nav>