From 6b00238fc11689ceeb4d33b9ed94b0535f0db05f Mon Sep 17 00:00:00 2001
From: Dariusz Szut <dew326@gmail.com>
Date: Fri, 12 May 2023 12:57:17 +0200
Subject: [PATCH] IBX-4908: Fixed styling for custom styles in editor

---
 src/bundle/Resources/public/scss/_general.scss  | 17 +++++++++++++++++
 .../Resources/public/scss/variables/vars.scss   |  1 +
 2 files changed, 18 insertions(+)

diff --git a/src/bundle/Resources/public/scss/_general.scss b/src/bundle/Resources/public/scss/_general.scss
index ffb83527..f2128c2e 100644
--- a/src/bundle/Resources/public/scss/_general.scss
+++ b/src/bundle/Resources/public/scss/_general.scss
@@ -142,6 +142,23 @@
         }
     }
 
+    [data-eztype='style'] {
+        &[data-ezelement='eztemplate'] {
+            padding: calculateRem(8px);
+            border-width: calculateRem(8px);
+            border-style: solid;
+            border-color: $ibexa-color-light-100;
+            border-radius: $ibexa-border-radius-small;
+        }
+
+        &[data-ezelement='eztemplateinline'] {
+            background-color: $ibexa-color-light-100;
+            border-radius: $ibexa-border-radius-small;
+            padding: 0 calculateRem(4px);
+            margin: 0 calculateRem(4px);
+        }
+    }
+
     .ibexa-embed-type-image {
         padding: calculateRem(8px);
     }
diff --git a/src/bundle/Resources/public/scss/variables/vars.scss b/src/bundle/Resources/public/scss/variables/vars.scss
index 192bc4de..7ce4f739 100644
--- a/src/bundle/Resources/public/scss/variables/vars.scss
+++ b/src/bundle/Resources/public/scss/variables/vars.scss
@@ -1,4 +1,5 @@
 $ibexa-border-radius: calculateRem(10px);
+$ibexa-border-radius-small: calculateRem(5px);
 
 $ibexa-text-font-size: calculateRem(16px);
 $ibexa-text-font-size-small: calculateRem(12px);