Only show breaking border when related issues are in place to avoid double border

3260c039 · Eric Eastwood · 00e4325f · 3260c039 · 3260c039
--- a/app/assets/javascripts/issuable/related_issues/components/related_issues_block.vue
+++ b/app/assets/javascripts/issuable/related_issues/components/related_issues_block.vue
@@ -119,7 +119,11 @@ export default {
      </div>
      <div
        v-if="isFormVisible"
-        class="js-add-related-issues-form-area related-issues-add-related-issues-form panel-body">
+        :class="{
+          'js-add-related-issues-form-area': true,
+          'panel-body': true,
+          'related-issues-add-related-issues-form-with-break': hasRelatedIssues
+        }">
        <add-issuable-form
          :input-value="inputValue"
          :pending-issuables="pendingRelatedIssues"

--- a/app/assets/stylesheets/pages/issues/related_issues.scss
+++ b/app/assets/stylesheets/pages/issues/related_issues.scss
@@ -11,7 +11,7 @@
  margin-left: 0.5em;
 }

-.related-issues-add-related-issues-form {
+.related-issues-add-related-issues-form-with-break {
  border-bottom: 1px solid $border-color;
 }