From 80a3861816aa07936dcd8b294d9d10122dc00da5 Mon Sep 17 00:00:00 2001
From: Huajin <114134574+xhuajin@users.noreply.github.com>
Date: Fri, 7 Mar 2025 22:15:52 +0800
Subject: [PATCH] Fixes the scrollbar gutter issue for DaisyUI (#514)

* Fixes the scrollbar gutter issue for DaisyUI
https://github.com/saadeghi/daisyui/issues/3040#issuecomment-2250530354
---
 apps/readest-app/src/styles/globals.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/apps/readest-app/src/styles/globals.css b/apps/readest-app/src/styles/globals.css
index a072a69f..8387f6fc 100644
--- a/apps/readest-app/src/styles/globals.css
+++ b/apps/readest-app/src/styles/globals.css
@@ -10,6 +10,19 @@
   overscroll-behavior: none;
 }
 
+/* Fixes the scrollbar gutter issue for DaisyUI */
+/* https://github.com/saadeghi/daisyui/issues/3040#issuecomment-2250530354 */
+:root:has(
+    :is(
+        .modal-open,
+        .modal:target,
+        .modal-toggle:checked + .modal,
+        .modal[open]
+      )
+  ) {
+  scrollbar-gutter: unset !important;
+}
+
 @media (prefers-color-scheme: dark) {
   :root {
     --background: #222222;