UX: Editing theme name stays active when switching themes.

UX: Editing theme name stays active when switching themes.

  • Also fix length of input field.
diff --git a/app/assets/javascripts/admin/routes/admin-customize-themes-show.js.es6 b/app/assets/javascripts/admin/routes/admin-customize-themes-show.js.es6
index f39b747..a0ca4fe 100644
--- a/app/assets/javascripts/admin/routes/admin-customize-themes-show.js.es6
+++ b/app/assets/javascripts/admin/routes/admin-customize-themes-show.js.es6
@@ -16,6 +16,7 @@ export default Ember.Route.extend({
     this._super(...arguments);
 
     const parentController = this.controllerFor("adminCustomizeThemes");
+
     parentController.setProperties({
       editingTheme: false,
       currentTab: model.get("component") ? COMPONENTS : THEMES
@@ -26,7 +27,8 @@ export default Ember.Route.extend({
       parentController: parentController,
       allThemes: parentController.get("model"),
       colorSchemeId: model.get("color_scheme_id"),
-      colorSchemes: parentController.get("model.extras.color_schemes")
+      colorSchemes: parentController.get("model.extras.color_schemes"),
+      editingName: false
     });
 
     this.handleHighlight(model);
diff --git a/app/assets/stylesheets/desktop/admin_customize.scss b/app/assets/stylesheets/desktop/admin_customize.scss
index d816db9..f4b5a27 100644
--- a/app/assets/stylesheets/desktop/admin_customize.scss
+++ b/app/assets/stylesheets/desktop/admin_customize.scss
@@ -2,6 +2,12 @@
   .show-current-style {
     padding-left: 2%;
     width: 68%;
+
+    .title {
+      input {
+        width: 80%;
+      }
+    }
   }
 
   .themes-list {

GitHub sha: 3ac18b92