From 69bcd7c867b5d308d97abe94f00c475e4c34da2a Mon Sep 17 00:00:00 2001
From: Navin Karkera <navin@opencraft.com>
Date: Fri, 15 Nov 2024 15:59:32 +0530
Subject: [PATCH] fix: component button styling for mfe iframe

---
 cms/static/sass/course-unit-mfe-iframe-bundle.scss | 9 ++++++++-
 cms/templates/studio_xblock_wrapper.html           | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/cms/static/sass/course-unit-mfe-iframe-bundle.scss b/cms/static/sass/course-unit-mfe-iframe-bundle.scss
index 95774ea74058..a71882f1c355 100644
--- a/cms/static/sass/course-unit-mfe-iframe-bundle.scss
+++ b/cms/static/sass/course-unit-mfe-iframe-bundle.scss
@@ -43,7 +43,7 @@
     .wrapper-xblock .header-actions .actions-list .action-item .action-button {
       @extend %button-styles;
 
-      color: $black;
+      color: $primary;
 
       .fa-ellipsis-v {
         font-size: $base-font-size;
@@ -51,6 +51,7 @@
 
       &:hover {
         background-color: $primary;
+        color: $white;
         border-color: $transparent;
       }
 
@@ -373,6 +374,12 @@
   }
 }
 
+.library-sync-button {
+  .action-button-text {
+    display: none;
+  }
+}
+
 .action-edit {
   .action-button-text {
     display: none;
diff --git a/cms/templates/studio_xblock_wrapper.html b/cms/templates/studio_xblock_wrapper.html
index 14685963c904..41555410236a 100644
--- a/cms/templates/studio_xblock_wrapper.html
+++ b/cms/templates/studio_xblock_wrapper.html
@@ -143,7 +143,7 @@
                                     data-tooltip="${_("Update available - click to sync")}"
                                 >
                                     <span class="icon fa fa-refresh" aria-hidden="true"></span>
-                                    <span>${_("Update available")}</span>
+                                    <span class="action-button-text">${_("Update available")}</span>
                                 </button>
                             </li>
                         % endif