fix: make blurry background screen disappear (#1651)

Make the blurry background screen disappear when resizing the browser to
larger screens.
Closes #1626.

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "sphinxawesome-theme"
-version = "5.0.1"
+version = "5.0.2"
 description = "An awesome theme for the Sphinx documentation generator"
 readme = "README.md"
 authors = ["Kai Welke <kai687@pm.me>"]

requirements.txt

@@ -12,7 +12,7 @@ crashtest==0.4.1 ; python_version == "3.8"
 cryptography==41.0.7 ; sys_platform == "linux" and python_version == "3.8"
 distlib==0.3.8 ; python_version == "3.8"
 dulwich==0.21.7 ; python_version == "3.8"
-fastjsonschema==2.19.0 ; python_version == "3.8"
+fastjsonschema==2.19.1 ; python_version == "3.8"
 filelock==3.13.1 ; python_version == "3.8"
 idna==3.6 ; python_version == "3.8"
 importlib-metadata==7.0.1 ; python_version == "3.8"
@@ -27,7 +27,7 @@ nox==2023.4.22 ; python_version == "3.8"
 packaging==23.2 ; python_version == "3.8"
 pexpect==4.9.0 ; python_version == "3.8"
 pip==23.3.2 ; python_version == "3.8"
-pipx==1.3.3 ; python_version == "3.8"
+pipx==1.4.1 ; python_version == "3.8"
 pkginfo==1.9.6 ; python_version == "3.8"
 platformdirs==3.11.0 ; python_version == "3.8"
 poetry-core==1.8.1 ; python_version == "3.8"
@@ -44,9 +44,9 @@ secretstorage==3.3.3 ; sys_platform == "linux" and python_version == "3.8"
 shellingham==1.5.4 ; python_version == "3.8"
 tomli==2.0.1 ; python_version == "3.8"
 tomlkit==0.12.3 ; python_version == "3.8"
-trove-classifiers==2023.11.29 ; python_version == "3.8"
+trove-classifiers==2024.1.8 ; python_version == "3.8"
 urllib3==2.1.0 ; python_version == "3.8"
 userpath==1.9.1 ; python_version == "3.8"
 virtualenv==20.25.0 ; python_version == "3.8"
-xattr==1.0.0 ; sys_platform == "darwin" and python_version == "3.8"
+xattr==0.10.1 ; sys_platform == "darwin" and python_version == "3.8"
 zipp==3.17.0 ; python_version == "3.8"

src/sphinxawesome_theme/layout.html

@@ -88,7 +88,7 @@
 
   {#- A blurry background screen for the mobile sidebar -#}
   {%- if sidebars|length > 0 %}
-    <div x-cloak x-show="showSidebar" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm" @click.self="showSidebar = false"></div>
+    <div x-cloak x-show="showSidebar" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" @click.self="showSidebar = false"></div>
   {%- endif %}
 
   {#- The main page wrapper -#}

src/theme-src/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sphinxawesome-theme",
-  "version": "5.0.1",
+  "version": "5.0.2",
   "scripts": {
     "build": "NODE_ENV=production webpack",
     "dev": "NODE_ENV=development webpack --watch --progress",
@@ -28,22 +28,22 @@
     "babel-loader": "^9.1.3",
     "copy-webpack-plugin": "^11.0.0",
     "css-loader": "^6.8.1",
-    "cssnano": "^6.0.2",
+    "cssnano": "^6.0.3",
     "cssnano-preset-advanced": "^6.0.3",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-webpack-plugin": "^4.0.1",
     "mini-css-extract-plugin": "^2.7.6",
     "postcss": "^8.4.33",
-    "postcss-import": "^15.1.0",
+    "postcss-import": "^16.0.0",
     "postcss-loader": "^7.3.4",
     "postcss-preset-env": "^9.3.0",
     "prettier": "^3.1.1",
     "prettier-plugin-organize-imports": "^3.2.4",
     "prettier-plugin-tailwindcss": "^0.5.11",
-    "stylelint": "^15.11.0",
+    "stylelint": "^16.1.0",
     "stylelint-config-prettier": "^9.0.5",
-    "stylelint-prettier": "^4.1.0",
+    "stylelint-prettier": "^5.0.0",
     "stylelint-webpack-plugin": "^4.1.1",
     "tailwindcss": "^3.4.1",
     "webpack": "^5.89.0",