1 files changed, 78 insertions, 78 deletions
diff --git a/app/assets/javascripts/vue_shared/components/panel_resizer.vue b/app/assets/javascripts/vue_shared/components/panel_resizer.vue
index 7947ae1e4da..bf736a378dd 100644
--- a/app/assets/javascripts/vue_shared/components/panel_resizer.vue
+++ b/app/assets/javascripts/vue_shared/components/panel_resizer.vue
@@ -1,90 +1,90 @@
 <script>
-  export default {
-    props: {
-      startSize: {
-        type: Number,
-        required: true,
-      },
-      side: {
-        type: String,
-        required: true,
-      },
-      minSize: {
-        type: Number,
-        required: false,
-        default: 0,
-      },
-      maxSize: {
-        type: Number,
-        required: false,
-        default: Number.MAX_VALUE,
-      },
-      enabled: {
-        type: Boolean,
-        required: false,
-        default: true,
-      },
+export default {
+  props: {
+    startSize: {
+      type: Number,
+      required: true,
     },
-    data() {
-      return {
-        size: this.startSize,
-      };
+    side: {
+      type: String,
+      required: true,
     },
-    computed: {
-      className() {
-        return `drag-${this.side}`;
-      },
-      cursorStyle() {
-        if (this.enabled) {
-          return { cursor: 'ew-resize' };
-        }
-        return {};
-      },
+    minSize: {
+      type: Number,
+      required: false,
+      default: 0,
     },
-    methods: {
-      resetSize(e) {
-        e.preventDefault();
-        this.$emit('resize-start', this.size);
+    maxSize: {
+      type: Number,
+      required: false,
+      default: Number.MAX_VALUE,
+    },
+    enabled: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      size: this.startSize,
+    };
+  },
+  computed: {
+    className() {
+      return `drag-${this.side}`;
+    },
+    cursorStyle() {
+      if (this.enabled) {
+        return { cursor: 'ew-resize' };
+      }
+      return {};
+    },
+  },
+  methods: {
+    resetSize(e) {
+      e.preventDefault();
+      this.$emit('resize-start', this.size);
 
-        this.size = this.startSize;
-        this.$emit('update:size', this.size);
+      this.size = this.startSize;
+      this.$emit('update:size', this.size);
 
-        // End resizing on next tick so that listeners can react to DOM changes
-        this.$nextTick(() => {
-          this.$emit('resize-end', this.size);
-        });
-      },
-      startDrag(e) {
-        if (this.enabled) {
-          e.preventDefault();
-          this.startPos = e.clientX;
-          this.currentStartSize = this.size;
-          document.addEventListener('mousemove', this.drag);
-          document.addEventListener('mouseup', this.endDrag, { once: true });
-          this.$emit('resize-start', this.size);
-        }
-      },
-      drag(e) {
+      // End resizing on next tick so that listeners can react to DOM changes
+      this.$nextTick(() => {
+        this.$emit('resize-end', this.size);
+      });
+    },
+    startDrag(e) {
+      if (this.enabled) {
         e.preventDefault();
-        let moved = e.clientX - this.startPos;
-        if (this.side === 'left') moved = -moved;
-        let newSize = this.currentStartSize + moved;
-        if (newSize < this.minSize) {
-          newSize = this.minSize;
-        } else if (newSize > this.maxSize) {
-          newSize = this.maxSize;
-        }
-        this.size = newSize;
+        this.startPos = e.clientX;
+        this.currentStartSize = this.size;
+        document.addEventListener('mousemove', this.drag);
+        document.addEventListener('mouseup', this.endDrag, { once: true });
+        this.$emit('resize-start', this.size);
+      }
+    },
+    drag(e) {
+      e.preventDefault();
+      let moved = e.clientX - this.startPos;
+      if (this.side === 'left') moved = -moved;
+      let newSize = this.currentStartSize + moved;
+      if (newSize < this.minSize) {
+        newSize = this.minSize;
+      } else if (newSize > this.maxSize) {
+        newSize = this.maxSize;
+      }
+      this.size = newSize;
 
-        this.$emit('update:size', newSize);
-      },
-      endDrag(e) {
-        e.preventDefault();
-        document.removeEventListener('mousemove', this.drag);
-        this.$emit('resize-end', this.size);
-      },
+      this.$emit('update:size', newSize);
+    },
+    endDrag(e) {
+      e.preventDefault();
+      document.removeEventListener('mousemove', this.drag);
+      this.$emit('resize-end', this.size);
     },
-  };
+  },
+};
 </script>
 
 <template>