Update Draft state in sticky header

Changelog: changed

Update Draft state in sticky header
Changelog: changed
0a3993fc · Sascha Eggenberger · 29bb8e55 · 0a3993fc · 0a3993fc
--- a/app/assets/javascripts/merge_request.js
+++ b/app/assets/javascripts/merge_request.js
@@ -161,12 +161,17 @@ MergeRequest.toggleDraftStatus = function (title, isReady) {
  } else {
    toast(__('Marked as draft. Can only be merged when marked as ready.'));
  }
-  const titleEl = document.querySelector(`.merge-request .detail-page-header .title`);
+  const titleEl = document.querySelector('.merge-request .detail-page-header .title');
+  const titleElSticky = document.querySelector('[data-name=page-title-sticky]');

  if (titleEl) {
    titleEl.textContent = title;
  }

+  if (titleElSticky) {
+    titleElSticky.textContent = title;
+  }
+
  const draftToggles = document.querySelectorAll('.js-draft-toggle-button');

  if (draftToggles.length) {

--- a/app/assets/javascripts/merge_requests/components/sticky_header.vue
+++ b/app/assets/javascripts/merge_requests/components/sticky_header.vue
@@ -94,6 +94,7 @@ export default {
          <p
            v-safe-html:[$options.safeHtmlConfig]="title"
            class="gl-display-none gl-lg-display-block gl-font-weight-bold gl-overflow-hidden gl-white-space-nowrap gl-text-overflow-ellipsis gl-my-0 gl-mr-4"
+            data-name="page-title-sticky"
          ></p>
          <div class="gl-display-flex gl-align-items-center">
            <gl-sprintf :message="__('%{source} %{copyButton} into %{target}')">