Revert to rounded-square buttons

This commit is contained in:
codebicycle
2021-02-07 19:19:52 +02:00
parent b1b3b2b36a
commit f06bc38253
3 changed files with 10 additions and 17 deletions

View File

@@ -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";

View File

@@ -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",

View File

@@ -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 {