From b09c0ac9479d91cd9986b6ae42d1d4103c77d929 Mon Sep 17 00:00:00 2001
From: Javi Aguilar <122741+itsjavi@users.noreply.github.com>
Date: Fri, 25 Aug 2023 11:47:29 +0200
Subject: [PATCH] fix(ui): adjust some wrong styles

---
 .gitignore                                             | 2 ++
 packages/storylite/src/styles/base.css                 | 5 +++--
 packages/storylite/src/styles/components/GridAddon.css | 1 -
 packages/storylite/src/styles/components/Story.css     | 7 ++-----
 4 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/.gitignore b/.gitignore
index f15a029..d7b1f35 100644
--- a/.gitignore
+++ b/.gitignore
@@ -43,3 +43,5 @@ build
 .vercel/
 .local/
 .history/
+
+.vscode/pinned-files.json
\ No newline at end of file
diff --git a/packages/storylite/src/styles/base.css b/packages/storylite/src/styles/base.css
index a420e38..fb14871 100644
--- a/packages/storylite/src/styles/base.css
+++ b/packages/storylite/src/styles/base.css
@@ -67,8 +67,9 @@
   text-decoration: underline;
 }
 
+:where(.storylite-iframe),
 :where(.storylite-iframe:not(.storylite-iframe--default-styles)) {
-  background: #fff;
+  background: transparent;
 }
 
 .storylite-iframe-element {
@@ -79,7 +80,7 @@
   margin: 0 auto;
   width: 100%;
   height: 100%;
-  background: none;
+  background: transparent;
   transition: width 0.3s ease-in-out;
   overflow: auto;
 }
diff --git a/packages/storylite/src/styles/components/GridAddon.css b/packages/storylite/src/styles/components/GridAddon.css
index 87f8a29..f7e0e5d 100644
--- a/packages/storylite/src/styles/components/GridAddon.css
+++ b/packages/storylite/src/styles/components/GridAddon.css
@@ -1,5 +1,4 @@
 [data-sl-grid='true'] .storylite-iframe-element {
-  background-color: transparent !important;
   background-size:
     8rem 8rem,
     8rem 8rem,
diff --git a/packages/storylite/src/styles/components/Story.css b/packages/storylite/src/styles/components/Story.css
index c53d864..a702e17 100644
--- a/packages/storylite/src/styles/components/Story.css
+++ b/packages/storylite/src/styles/components/Story.css
@@ -19,9 +19,6 @@
 
 .storylite-story .storylite-story-canvas > .storylite-story-section {
   position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding-bottom: 1rem;
-  margin-bottom: 3rem;
+  /* padding-bottom: 1rem;
+  margin-bottom: 3rem; */
 }