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;