IBX-4908: Fixed styling for custom styles in editor (#84)

ibexa · May 19, 2023 · e194556 · e194556
1 parent dfe2b60
commit e194556
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git 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
@@ -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);