Fix ACF Gutenberg related issues in editor

digitoimistodude · Sep 12, 2022 · 132df85 · 132df85
1 parent 299e8e1
commit 132df85
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,8 @@
 ### 9.1.5: 2022-09-12
 
+* Fix: Use ACF defined font styles in ACF fields
+* Fix acf icons visibility issue
+* Fix link colors in sidebar
 * Add default font-family for form select items
 * Remove opionated label font-weight
 * Remove opionated nav default dropshadow from sub menus

diff --git a/css/dev/gutenberg-editor-styles.css b/css/dev/gutenberg-editor-styles.css
diff --git a/css/prod/gutenberg-editor-styles.css b/css/prod/gutenberg-editor-styles.css
diff --git a/sass/gutenberg/_editor.scss b/sass/gutenberg/_editor.scss
@@ -18,12 +18,30 @@
   overflow-x: hidden;
 
   // Use ACF defined font styles in ACF fields
+  .acf-field,
+  .acf-input,
+  .acf-button-group label,
   .acf-fields *[class^='acf-'],
   .acf-fields [class^='acf-'] *:not(.mce-ico) {
     font-family: inherit;
     font-size: unset;
   }
 
+  // Fix acf icons visibility issue
+  .acf-icon {
+    // stylelint-disable-next-line
+    z-index: 5555 !important;
+  }
+
+  // Fix link colors in sidebar
+  .edit-post-post-link__preview-link-container a,
+  .editor-post-link a {
+
+    // stylelint-disable-next-line
+    color: inherit;
+    text-decoration: inherit;
+  }
+
   // Make buttons and input fields work in ACF previews
   .acf-block-preview .block {
     @import 'layout/forms';