fixed incorrect computed prop being used

reduced duplicated CSS

app/assets/javascripts/ide/components/commit_sidebar/actions.vue

@@ -45,7 +45,7 @@ export default {
       :value="$options.commitToNewBranchMR"
       :label="__('Create a new branch and merge request')"
       :show-input="true"
-      :disabled="!!changedFiles.length && !!changedFiles.length"
+      :disabled="!!changedFiles.length && !!stagedFiles.length"
     />
   </div>
 </template>

app/assets/javascripts/ide/components/commit_sidebar/list.vue

@@ -61,6 +61,9 @@ export default {
     actionBtnClicked() {
       this[this.action]();
     },
+    setShowActionButton(show) {
+      this.showActionButton = show;
+    },
   },
 };
 </script>
@@ -83,14 +86,14 @@ export default {
         {{ titleText }}
         <span
           v-show="!showActionButton"
-          @mouseenter="showActionButton = true"
+          @mouseenter="setShowActionButton(true)"
           class="ide-commit-file-count"
         >
           {{ fileList.length }}
         </span>
         <button
           v-show="showActionButton"
-          @mouseleave="showActionButton = false"
+          @mouseleave="setShowActionButton(false)"
           type="button"
           class="btn btn-blank btn-link ide-staged-action-btn"
           @click="actionBtnClicked"

app/assets/stylesheets/pages/repo.scss

@@ -986,11 +986,13 @@
   transition: all 0.3s ease;
 }
 
-.is-full .commit-form-slide-up-enter {
+.is-full .commit-form-slide-up-enter,
+.is-compact .commit-form-slide-up-leave-to {
   transform: translateY(100%);
 }
 
-.is-full .commit-form-slide-up-enter-to {
+.is-full .commit-form-slide-up-enter-to,
+.is-compact .commit-form-slide-up-leave {
   transform: translateY(0);
 }
 
@@ -999,14 +1001,6 @@
   opacity: 0;
 }
 
-.is-compact .commit-form-slide-up-leave {
-  transform: translateY(0);
-}
-
-.is-compact .commit-form-slide-up-leave-to {
-  transform: translateY(100%);
-}
-
 .ide-review-header {
   flex-direction: column;
   align-items: flex-start;