Merge pull request #2328 from tf/perma-input-wrap

Break permalink input but not inside base url

Author: tf

app/assets/stylesheets/pageflow/admin/permalink_input.scss

@@ -18,6 +18,7 @@ $pageflow-permalink-input-directory-background-position: null !default;
 .pageflow_permalink.input {
   .permalink {
     display: inline-flex;
+    flex-wrap: wrap;
     border: 1px solid $pageflow-permalink-input-border-color;
     border-radius: $pageflow-permalink-input-border-radius;
     background-color: $pageflow-permalink-input-background-color;
@@ -38,6 +39,12 @@ $pageflow-permalink-input-directory-background-position: null !default;
     background-color: $pageflow-permalink-input-base-url-background-color;
     color: $pageflow-permalink-input-base-url-color;
     flex: 1;
+    white-space: nowrap;
+  }
+
+  .permalink_inputs {
+    display: inline-flex;
+    flex: 10;
   }
 
   select,
@@ -61,7 +68,7 @@ $pageflow-permalink-input-directory-background-position: null !default;
 
   input {
     padding-left: 0;
-    flex: 2;
+    flex: 1;
   }
 
   &.no_directories {

app/inputs/pageflow_permalink_input.rb

@@ -30,8 +30,12 @@ def base_url_html
   def permalink_inputs_html
     return '' if options[:site].permalink_directories.empty? || options[:only_root]
 
-    builder.select(:directory_id, directory_select_options) <<
-      builder.text_field(:slug, data: {placeholder: options[:slug_placeholder]})
+    template.content_tag(
+      :div,
+      builder.select(:directory_id, directory_select_options) <<
+      builder.text_field(:slug, data: {placeholder: options[:slug_placeholder]}),
+      class: 'permalink_inputs'
+    )
   end
 
   def error_keys