diff --git a/manifest.json b/manifest.json
index 32fed43..ed47ff7 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
{
"manifest_version": 3,
"name": "StyTab",
- "version": "1.0.81",
+ "version": "1.1.0",
"description": "Stytab - A minimalist Startpage that meets your needs.",
"chrome_url_overrides": {
"newtab": "startpage.html"
diff --git a/startpage.html b/startpage.html
index 37c975f..dd89d1f 100644
--- a/startpage.html
+++ b/startpage.html
@@ -140,7 +140,6 @@
Settings
-
diff --git a/styles/base.css b/styles/base.css
index 7b40580..442cb26 100644
--- a/styles/base.css
+++ b/styles/base.css
@@ -19,6 +19,7 @@ body {
overflow: hidden;
background-size: cover;
transition: background 1s ease-in-out;
+ background-color: #245c4a;
}
h1 {
diff --git a/styles/settings.css b/styles/settings.css
index f89ee44..dd8ed1b 100644
--- a/styles/settings.css
+++ b/styles/settings.css
@@ -22,8 +22,32 @@
z-index: 100;
transition: right 0.4s ease;
display: block; /* Always keep this block */
+ overflow-y: auto;
+ overflow-x: hidden;
+ scrollbar-width: thin;
}
+.settings-sidebar::-webkit-scrollbar {
+ display: none; /* Chrome, Safari, Opera: Hide scrollbar */
+}
+
+.settings-sidebar:hover::-webkit-scrollbar {
+ display: block;
+ width: 8px;
+}
+
+.settings-sidebar::-webkit-scrollbar-thumb {
+ background-color: rgba(85, 85, 85, 0.8);
+ border-radius: 10px;
+}
+
+.settings-sidebar::-webkit-scrollbar-thumb:hover {
+ background-color: rgba(119, 119, 119, 0.8);
+}
+
+
+
+
/* Active class to slide in the sidebar */
.settings-sidebar.active {
right: 0;
@@ -53,7 +77,7 @@
width: calc(100% - 20px);
font-size: 15px;
padding: 10px;
- margin-bottom: 15px;
+ margin-bottom: 10px;
border-radius: 5px;
border: none;
background-color: #444;