From 44d2624cd97a41ea98366beb59ffcc779ee11ee7 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Fri, 15 Dec 2023 22:09:49 +0530
Subject: [PATCH] chore: fix nested collapsible background color

---
 .../CollapsiblePlugin/{Collapsible.css => Collapsible.scss}   | 4 ++++
 .../Components/SuperEditor/Plugins/CollapsiblePlugin/index.ts | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)
 rename packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/{Collapsible.css => Collapsible.scss} (92%)

diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/Collapsible.css b/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/Collapsible.scss
similarity index 92%
rename from packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/Collapsible.css
rename to packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/Collapsible.scss
index c0e885281..f496e7d57 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/Collapsible.css
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/Collapsible.scss
@@ -14,6 +14,10 @@
   margin-bottom: 8px;
 }
 
+.Collapsible__container .Collapsible__container {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
 .Collapsible__title {
   cursor: pointer;
   padding: 5px 5px 5px 20px;
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/index.ts b/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/index.ts
index 03ca3a3bb..e71f82b91 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/index.ts
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/index.ts
@@ -6,7 +6,7 @@
  *
  */
 
-import './Collapsible.css'
+import './Collapsible.scss'
 
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import { $findMatchingParent, mergeRegister, $insertNodeToNearestRoot } from '@lexical/utils'