Updates to react-streamfield 0.9.5.

client/src/components/StreamField/StreamField.scss

@@ -26,6 +26,15 @@ $action-font-size: 18px;
         &::after {
             content: ''; // LEGIT
         }
+
+        input[type='radio'] {
+            margin-bottom: 1.1em;
+            vertical-align: middle;
+
+            &::before {
+                top: unset;
+            }
+        }
     }
 
     // TODO: #CSSoverhaul This should be fixed as part of Wagtail CSS overhaul. The default

package.json

@@ -94,7 +94,7 @@
     "react": "^16.4.0",
     "react-dom": "^16.4.0",
     "react-redux": "^5.0.6",
-    "react-streamfield": "^0.9.2",
+    "react-streamfield": "^0.9.5",
     "react-transition-group": "^1.1.3",
     "redux": "^4.0.0",
     "redux-thunk": "^2.3.0",

wagtail/admin/static_src/wagtailadmin/js/blocks/stream.js

@@ -20,14 +20,14 @@
             self.container.slideDown();
             self.container.removeClass('stream-menu-closed');
             self.container.attr('aria-hidden', 'false');
-            self.openCloseButton.addClass('c-sf-add-button--closed');
+            self.openCloseButton.addClass('c-sf-add-button--close');
         };
 
         self.hide = function() {
             self.container.slideUp();
             self.container.addClass('stream-menu-closed');
             self.container.attr('aria-hidden', 'true');
-            self.openCloseButton.removeClass('c-sf-add-button--closed');
+            self.openCloseButton.removeClass('c-sf-add-button--close');
         };
 
         self.addFirstBlock = function() {

wagtail/admin/templates/wagtailadmin/block_forms/stream_menu.html

@@ -1,4 +1,4 @@
-<button type="button" title="Add" class="c-sf-add-button c-sf-add-button--visible {% if state == 'open' %}c-sf-add-button--closed{% endif %}" id="{{ menu_id }}-openclose">
+<button type="button" title="Add" class="c-sf-add-button c-sf-add-button--visible {% if state == 'open' %}c-sf-add-button--close{% endif %}" id="{{ menu_id }}-openclose">
     <i aria-hidden="true">+</i>
 </button>
 <div aria-hidden="{% if state == 'closed' %}true{% else %}false{% endif %}" {% if state == 'closed' %}class="stream-menu-closed"{% endif %} id="{{ menu_id }}">