IBX-3973: Nontranslatable and disabled fields are not greyed out in c…

…ontent editing UI (#57)
ibexa · Nov 18, 2022 · 812020f · 812020f
1 parent b1e805a
commit 812020f
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/bundle/Resources/public/scss/_general.scss b/src/bundle/Resources/public/scss/_general.scss
@@ -202,6 +202,20 @@
     }
 }
 
+.ibexa-field-edit--ezrichtext.ibexa-field-edit--nontranslatable .ibexa-data-source {
+    .ibexa-data-source__richtext {
+        color: $ibexa-color-dark-300;
+        background-color: $ibexa-color-light-300;
+        pointer-events: none;
+    }
+
+    .ibexa-richtext-tools {
+        color: $ibexa-color-dark-400;
+        background-color: $ibexa-color-light-400;
+        pointer-events: none;
+    }
+}
+
 .ck {
     &.ck-editor__editable_inline {
         border: none;

diff --git a/src/bundle/Resources/public/scss/variables/colors.scss b/src/bundle/Resources/public/scss/variables/colors.scss
@@ -6,11 +6,13 @@ $ibexa-color-primary: #ae1164 !default;
 $ibexa-color-primary-200: #eecfe0 !default;
 
 $ibexa-color-light: #e0e0e8 !default;
+$ibexa-color-light-400: #ececf1 !default;
 $ibexa-color-light-300: #f3f3f6 !default;
 $ibexa-color-light-100: #fbfbfc !default;
 
 $ibexa-color-dark: #131c26 !default;
 $ibexa-color-dark-400: #71767c !default;
+$ibexa-color-dark-300: #a0a4a8 !default;
 $ibexa-color-dark-200: #cfd1d3 !default;
 
 $ibexa-color-danger: #db0032 !default;