mirror of
https://github.com/SoPat712/videospeed.git
synced 2025-08-21 09:58:45 -04:00
Revert to rounded-square buttons
This commit is contained in:
@@ -273,7 +273,6 @@ function defineVideoController() {
|
|||||||
log("initializeControls Begin", 5);
|
log("initializeControls Begin", 5);
|
||||||
const document = this.video.ownerDocument;
|
const document = this.video.ownerDocument;
|
||||||
const speed = this.video.playbackRate.toFixed(2);
|
const speed = this.video.playbackRate.toFixed(2);
|
||||||
const rect = this.video.getBoundingClientRect();
|
|
||||||
var top = Math.max(this.video.offsetTop, 0) + "px",
|
var top = Math.max(this.video.offsetTop, 0) + "px",
|
||||||
left = Math.max(this.video.offsetLeft, 0) + "px";
|
left = Math.max(this.video.offsetLeft, 0) + "px";
|
||||||
|
|
||||||
|
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "Video Speed Controller",
|
"name": "Video Speed Controller",
|
||||||
"short_name": "videospeed",
|
"short_name": "videospeed",
|
||||||
"version": "0.6.3.1",
|
"version": "0.6.3.2",
|
||||||
"manifest_version": 2,
|
"manifest_version": 2,
|
||||||
"description": "Speed up, slow down, advance and rewind HTML5 audio/video with shortcuts",
|
"description": "Speed up, slow down, advance and rewind HTML5 audio/video with shortcuts",
|
||||||
"homepage_url": "https://github.com/codebicycle/videospeed",
|
"homepage_url": "https://github.com/codebicycle/videospeed",
|
||||||
|
24
shadow.css
24
shadow.css
@@ -1,5 +1,5 @@
|
|||||||
* {
|
* {
|
||||||
line-height: 1.8em;
|
line-height: 1.9em;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
@@ -16,8 +16,8 @@
|
|||||||
background: black;
|
background: black;
|
||||||
color: white;
|
color: white;
|
||||||
|
|
||||||
border-radius: 30px;
|
border-radius: 5px;
|
||||||
padding: 6px 12px 6px 12px;
|
padding: 5px;
|
||||||
margin: 10px 10px 10px 15px;
|
margin: 10px 10px 10px 15px;
|
||||||
|
|
||||||
cursor: default;
|
cursor: default;
|
||||||
@@ -57,19 +57,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
opacity: 1;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: black;
|
color: black;
|
||||||
background: white;
|
background: white;
|
||||||
font-weight: normal;
|
font-weight: bold;
|
||||||
border-radius: 20px;
|
border-radius: 5px;
|
||||||
padding: 1px 5px 3px 5px;
|
padding: 3px 6px 3px 6px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 14px;
|
line-height: 14px;
|
||||||
border: 0px solid white;
|
border: 1px solid white;
|
||||||
font-family: "Lucida Console", Monaco, monospace;
|
font-family: "Lucida Console", Monaco, monospace;
|
||||||
margin: 0px 2px 2px 2px;
|
margin-bottom: 2px;
|
||||||
transition: background 0.2s, color 0.2s;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
button:focus {
|
button:focus {
|
||||||
@@ -78,14 +76,10 @@ button:focus {
|
|||||||
|
|
||||||
button:hover {
|
button:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
background: #2196f3;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
button:active {
|
button:active {
|
||||||
background: #2196f3;
|
background: #ccc;
|
||||||
color: #ffffff;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
button.rw {
|
button.rw {
|
||||||
|
Reference in New Issue
Block a user