diff --git a/src/icons/downloadVid.png b/src/icons/downloadVid.png
index dbf5449..630b99e 100644
Binary files a/src/icons/downloadVid.png and b/src/icons/downloadVid.png differ
diff --git a/src/manifest.json b/src/manifest.json
index a7b3719..f8c98fd 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -1,10 +1,10 @@
{
"manifest_version": 2,
"name": "Better Youtube +",
- "version": "1.6.0",
+ "version": "1.6.1",
"description": "Enhancements for Youtube to have a better experience.",
- "applications": {
+ "browser_specific_settings": {
"gecko": {
"id": "betterYoutube@itdominator.com"
}
diff --git a/src/scripts/betterYoutube.js b/src/scripts/betterYoutube.js
index fd66a2d..138df24 100644
--- a/src/scripts/betterYoutube.js
+++ b/src/scripts/betterYoutube.js
@@ -1,11 +1,20 @@
(function() {
const menuTemplate = `
-
-
-
-
+
`
const slugTemplate = `
`
const thumbnailTemplate = `
-
+
`
const popedContainerTemplate = `
@@ -448,7 +465,8 @@
if(e.preventDefault) e.preventDefault();
e.cancelBubble = true;
e.returnValue = false;
- return false;
+
+ return false;
}
}
diff --git a/src/styles/betterYoutube.css b/src/styles/betterYoutube.css
index dd19b5c..abe4737 100644
--- a/src/styles/betterYoutube.css
+++ b/src/styles/betterYoutube.css
@@ -11,11 +11,11 @@ yt-formatted-string > a:hover {
/* ID CSS */
#enhancerMenuID2, .ytThumbMenuStyle, .ytMenuStyle {
- z-index: 100;
- position: fixed;
- background: rgba(0,0,0,0.64);
- margin: 0 auto;
- overflow: auto;
+ z-index: 100;
+ position: fixed;
+ background: rgba(0,0,0,0.64);
+ margin: 0 auto;
+ overflow: auto;
}
#enhancerMenuID2 {
@@ -26,7 +26,7 @@ yt-formatted-string > a:hover {
}
#enhancerMenuID, #enhancerMenuID2 {
- z-index: 5;
+ z-index: 9999;
}
#volumeContainerID {
@@ -37,16 +37,16 @@ yt-formatted-string > a:hover {
}
#draggable {
- z-index: 9999;
- position: fixed;
- right: 0px;
- bottom: 0px;
- width: 650px;
- height: 400px;
- padding-top: 50px;
- border-style: solid;
- border-color: rgba(0, 232, 255, 0.64);
- background: rgba(64, 64, 64, 0.64)
+ z-index: 9999;
+ position: fixed;
+ right: 0px;
+ bottom: 0px;
+ width: 650px;
+ height: 400px;
+ padding-top: 50px;
+ border-style: solid;
+ border-color: rgba(0, 232, 255, 0.64);
+ background: rgba(64, 64, 64, 0.64)
}
#rangeEndID, #rangeStartID {
@@ -56,9 +56,9 @@ yt-formatted-string > a:hover {
}
#slugCopyZone, #rangeEndID, #rangeStartID {
- text-align: center;
+ text-align: center;
background: rgba(0,0,0,0.0);
- color: #fff;
+ color: #fff;
}
@@ -66,34 +66,42 @@ yt-formatted-string > a:hover {
.ytMenuStyle {
top: 40%;
width: 42px;
- overflow: hidden;
}
.ytThumbMenuStyle {
- display: none;
- bottom: 20px;
+ display: none;
+ bottom: 20px;
+}
+
+.ytThumbMenuStyle > ul,
+.ytThumbMenuStyle > li {
+ list-style: none;
+}
+
+.ytThumbMenuStyle > li {
+ float: left;
}
.imageStyle {
- width: 42px;
- height: 42px;
- background-repeat: no-repeat;
- background-position: center;
- background-color: rgba(0,0,0,.64);
- background-size: 42px 42px;
+ width: 42px;
+ height: 42px;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-color: rgba(0,0,0,.64);
+ background-size: 42px 42px;
}
.imageStyle:hover {
- background: rgba(12,160,193,.64);
- cursor: pointer;
- background-repeat: no-repeat;
- background-position: center;
- background-size: 28px 28px;
+ background: rgba(12,160,193,.64);
+ cursor: pointer;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 28px 28px;
}
.thumbImageStyle {
- width: 200px;
- height: 100px;
- margin: 0em 1em 0em 1em;
- float: left;
+ width: 200px;
+ height: 100px;
+ margin: 0em 1em 0em 1em;
+ float: left;
}
diff --git a/src/yt.zip b/src/yt.zip
new file mode 100644
index 0000000..9eccb17
Binary files /dev/null and b/src/yt.zip differ