Fix ACF Gutenberg related issues in editor

Author: ronilaukkarinen

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

css/dev/gutenberg-editor-styles.css

@@ -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';