about summary refs log tree commit diff stats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/assets/javascripts/helpers/youtube/invidious-options.js2
-rw-r--r--src/manifest.json2
-rw-r--r--src/pages/stylesheets/styles.css25
3 files changed, 28 insertions, 1 deletions
diff --git a/src/assets/javascripts/helpers/youtube/invidious-options.js b/src/assets/javascripts/helpers/youtube/invidious-options.js
index 44695a38..201a8709 100644
--- a/src/assets/javascripts/helpers/youtube/invidious-options.js
+++ b/src/assets/javascripts/helpers/youtube/invidious-options.js
@@ -1,3 +1,5 @@
+"use strict";
+
 export let invidiousQuality;
 export const getinvidiousQuality = () => invidiousQuality;
 export function setinvidiousQuality(val) {
diff --git a/src/manifest.json b/src/manifest.json
index acad0cdc..87c6400f 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -1,7 +1,7 @@
 {
   "name": "LibRedirect",
   "description": "A web extension that redirects popular sites to alternative privacy-friendly frontends and backends",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "manifest_version": 2,
   "background": {
     "page": "pages/background/background.html",
diff --git a/src/pages/stylesheets/styles.css b/src/pages/stylesheets/styles.css
index cb632c14..d5452c3d 100644
--- a/src/pages/stylesheets/styles.css
+++ b/src/pages/stylesheets/styles.css
@@ -107,7 +107,32 @@ section.links a.selected {
 }
 
 input[type="range"] {
+  -webkit-appearance: none;
   width: 350px;
+  height: 7px;
+  border-radius: 50px;
+  background: var(--text);
+}
+
+input[type="range"]:hover {
+  background: var(--light-grey);
+}
+
+input[type="range"]::-webkit-slider-thumb {
+  appearance: none;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: var(--active);
+  border: none;
+}
+
+input[type="range"]::-moz-range-thumb {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: var(--active);
+  border: none;
 }
 
 ::placeholder {