itdominator/Better-Youtube-Plus
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixing click dead zones; changesd dl icon

Browse Source
This commit is contained in:
itdominator 2023-09-23 18:04:15 -05:00
parent 5cf1ab851f
commit 9602ee3177
5 changed files with 77 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/icons/downloadVid.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 11 KiB

4
src/manifest.json
View File

@ -1,10 +1,10 @@
{ {
"manifest_version": 2, "manifest_version": 2,
"name": "Better Youtube +", "name": "Better Youtube +",
"version": "1.6.0", "version": "1.6.1",
"description": "Enhancements for Youtube to have a better experience.", "description": "Enhancements for Youtube to have a better experience.",
"applications": { "browser_specific_settings": {
"gecko": { "gecko": {
"id": "betterYoutube@itdominator.com" "id": "betterYoutube@itdominator.com"
} }

26
src/scripts/betterYoutube.js
View File

@ -1,11 +1,20 @@
(function() { (function() {
const menuTemplate = ` const menuTemplate = `
<div class="ytMenuStyle" id="enhancerMenuID" style="display: block;"> <ul class="ytMenuStyle" id="enhancerMenuID" style="display: block;">
<li>
<div id="ytThumbnailBttn" class="imageStyle" title="Video Thumbnails..."></div> <div id="ytThumbnailBttn" class="imageStyle" title="Video Thumbnails..."></div>
</li>
<li>
<div id="ytLoopBttn" class="imageStyle" title="Start Loop..."/></div> <div id="ytLoopBttn" class="imageStyle" title="Start Loop..."/></div>
</li>
<li>
<div id="ytFloatBttn" class="imageStyle" title="Float Video Container"/></div> <div id="ytFloatBttn" class="imageStyle" title="Float Video Container"/></div>
</li>
<li>
<div id="ytDownloadBttn" class="imageStyle" title="Download Video..."/></div> <div id="ytDownloadBttn" class="imageStyle" title="Download Video..."/></div>
</div> </li>
</ul>
` `
const slugTemplate = ` const slugTemplate = `
<div id="enhancerMenuID2"> <div id="enhancerMenuID2">
@ -22,12 +31,20 @@
</div> </div>
` `
const thumbnailTemplate = ` const thumbnailTemplate = `
<div id="ytThumbMenuID" class="ytThumbMenuStyle" style="display: none;"> <ul id="ytThumbMenuID" class="ytThumbMenuStyle" style="display: none;">
<li>
<a id="ytAMaxDefaultImgID" target="_blank" href=""><img id="ytMaxDefaultImgID" class="thumbImageStyle" src="" title="Max Resolution Default"/></a> <a id="ytAMaxDefaultImgID" target="_blank" href=""><img id="ytMaxDefaultImgID" class="thumbImageStyle" src="" title="Max Resolution Default"/></a>
</li>
<li>
<a id="ytAHqDefaultImgID" target="_blank" href=""><img id="ytHqDefaultImgID" class="thumbImageStyle" src="" title="High Quality Default"/></a> <a id="ytAHqDefaultImgID" target="_blank" href=""><img id="ytHqDefaultImgID" class="thumbImageStyle" src="" title="High Quality Default"/></a>
</li>
<li>
<a id="ytAMedDefaultImgID" target="_blank" href=""><img id="ytMqDefaultImgID" class="thumbImageStyle" src="" title="Medium Quality Default"></a> <a id="ytAMedDefaultImgID" target="_blank" href=""><img id="ytMqDefaultImgID" class="thumbImageStyle" src="" title="Medium Quality Default"></a>
</li>
<li>
<a id="ytASdDefaultImgID" target="_blank" href=""><img id="ytSdDefaultImgID" class="thumbImageStyle" src="" title="Standard Quality Default"/></a> <a id="ytASdDefaultImgID" target="_blank" href=""><img id="ytSdDefaultImgID" class="thumbImageStyle" src="" title="Standard Quality Default"/></a>
</div> </li>
</ul>
` `
const popedContainerTemplate = ` const popedContainerTemplate = `
<div id="draggable" style="display:none; block; top: 114px; left: 408px;"> <div id="draggable" style="display:none; block; top: 114px; left: 408px;">
@ -448,6 +465,7 @@
if(e.preventDefault) e.preventDefault(); if(e.preventDefault) e.preventDefault();
e.cancelBubble = true; e.cancelBubble = true;
e.returnValue = false; e.returnValue = false;
return false; return false;
} }
} }

12
src/styles/betterYoutube.css
View File

@ -26,7 +26,7 @@ yt-formatted-string > a:hover {
} }
#enhancerMenuID, #enhancerMenuID2 { #enhancerMenuID, #enhancerMenuID2 {
z-index: 5; z-index: 9999;
} }
#volumeContainerID { #volumeContainerID {
@ -66,7 +66,6 @@ yt-formatted-string > a:hover {
.ytMenuStyle { .ytMenuStyle {
top: 40%; top: 40%;
width: 42px; width: 42px;
overflow: hidden;
} }
.ytThumbMenuStyle { .ytThumbMenuStyle {
@ -74,6 +73,15 @@ yt-formatted-string > a:hover {
bottom: 20px; bottom: 20px;
} }
.ytThumbMenuStyle > ul,
.ytThumbMenuStyle > li {
list-style: none;
}
.ytThumbMenuStyle > li {
float: left;
}
.imageStyle { .imageStyle {
width: 42px; width: 42px;
height: 42px; height: 42px;

BIN
src/yt.zip Normal file
View File

Binary file not shown.