joshpatra/videospeed
1
0
Fork 0
mirror of https://github.com/SoPat712/videospeed.git synced 2025-08-22 02:18:45 -04:00
Code Issues Packages Projects Releases Wiki Activity

add explicit hide/close button

Browse Source
This commit is contained in:
Ilya Grigorik
2015-05-14 23:42:12 -07:00
parent 878af302c0
commit 9a7cd25d50
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
inject.css
View File

@@ -12,7 +12,7 @@
margin: 10px; margin: 10px;
line-height: 1.8em; line-height: 1.8em;
cursor: pointer; cursor: default;
z-index: 9999999; z-index: 9999999;
opacity: 0.3; opacity: 0.3;
@@ -20,9 +20,6 @@
font-size: 13px; font-size: 13px;
} }
.tc-videoController button {
}
.tc-videoController:hover { .tc-videoController:hover {
opacity: 0.7; opacity: 0.7;
} }
@@ -37,6 +34,7 @@
} }
.tc-controls button { .tc-controls button {
cursor: pointer;
color: black !important; color: black !important;
background: white !important; background: white !important;
font-weight: bold !important; font-weight: bold !important;
@@ -47,6 +45,11 @@
line-height: 15px !important; line-height: 15px !important;
} }
.tc-videoController button.tc-hideButton {
margin: 0 2px 0 20px !important;
opacity: 0.8;
}
/* shift controller when YouTube infobar is present */ /* shift controller when YouTube infobar is present */
.ytp-block-autohide:not(.el-detailpage):not(.hide-info-bar) .tc-videoController { .ytp-block-autohide:not(.el-detailpage):not(.hide-info-bar) .tc-videoController {
margin-top: 40px; margin-top: 40px;

6
inject.js
View File

@@ -66,14 +66,18 @@ chrome.extension.sendMessage({}, function(response) {
var fasterButton = document.createElement('button'); var fasterButton = document.createElement('button');
var slowerButton = document.createElement('button'); var slowerButton = document.createElement('button');
var rewindButton = document.createElement('button'); var rewindButton = document.createElement('button');
var hideButton = document.createElement('button');
rewindButton.innerHTML = '«'; rewindButton.innerHTML = '«';
fasterButton.textContent = '+'; fasterButton.textContent = '+';
slowerButton.textContent = '-'; slowerButton.textContent = '-';
hideButton.textContent = 'x';
hideButton.className = 'tc-hideButton';
controls.appendChild(rewindButton); controls.appendChild(rewindButton);
controls.appendChild(slowerButton); controls.appendChild(slowerButton);
controls.appendChild(fasterButton); controls.appendChild(fasterButton);
controls.appendChild(hideButton);
container.appendChild(speedIndicator); container.appendChild(speedIndicator);
container.appendChild(controls); container.appendChild(controls);
@@ -96,7 +100,7 @@ chrome.extension.sendMessage({}, function(response) {
runAction('faster') runAction('faster')
} else if (e.target === rewindButton) { } else if (e.target === rewindButton) {
runAction('rewind') runAction('rewind')
} else { } else if (e.target === hideButton) {
container.nextSibling.classList.add('vc-cancelled') container.nextSibling.classList.add('vc-cancelled')
container.remove(); container.remove();
} }