From cf7e45cf4d481f7681b8fb369283cf4a83861a6c Mon Sep 17 00:00:00 2001
From: Peter Kulko <93188219+PKulkoRaccoonGang@users.noreply.github.com>
Date: Mon, 3 Mar 2025 05:59:05 -0800
Subject: [PATCH] feat: manage tag events for new Unit page (#35751)

---
 cms/static/js/views/pages/container.js             | 4 ++--
 cms/static/sass/course-unit-mfe-iframe-bundle.scss | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/cms/static/js/views/pages/container.js b/cms/static/js/views/pages/container.js
index dc44b15238..2bd3cc18a3 100644
--- a/cms/static/js/views/pages/container.js
+++ b/cms/static/js/views/pages/container.js
@@ -719,12 +719,13 @@ function($, _, Backbone, gettext, BasePage,
         },
 
         openManageTags: function(event) {
+            const contentId = this.findXBlockElement(event.target).data('locator');
             try {
                 if (this.options.isIframeEmbed) {
                     window.parent.postMessage(
                         {
                             type: 'openManageTags',
-                            payload: {}
+                            payload: { contentId }
                         }, document.referrer
                     );
                 }
@@ -732,7 +733,6 @@ function($, _, Backbone, gettext, BasePage,
                 console.error(e);
             }
             const taxonomyTagsWidgetUrl = this.model.get('taxonomy_tags_widget_url');
-            const contentId = this.findXBlockElement(event.target).data('locator');
 
             TaggingDrawerUtils.openDrawer(taxonomyTagsWidgetUrl, contentId);
         },
diff --git a/cms/static/sass/course-unit-mfe-iframe-bundle.scss b/cms/static/sass/course-unit-mfe-iframe-bundle.scss
index 10754b7a51..79c20ea26b 100644
--- a/cms/static/sass/course-unit-mfe-iframe-bundle.scss
+++ b/cms/static/sass/course-unit-mfe-iframe-bundle.scss
@@ -117,7 +117,7 @@ html {
           background-color: $primary;
           color: $white;
           border-color: $transparent;
-      }
+        }
 
         &:focus {
           outline: 2px $transparent;
@@ -126,6 +126,11 @@ html {
           color: $primary;
           border-color: $transparent;
         }
+
+        &.manage-tags-button {
+          width: 100%;
+          border-radius: 0;
+        }
       }
     }