From 82a9fe0e1f53d7be71fbdd7fd9db531168070ab8 Mon Sep 17 00:00:00 2001
From: "NAS\\NASPC" <me@victorphan.net>
Date: Wed, 27 May 2026 16:46:12 +0700
Subject: [PATCH] =?UTF-8?q?=C4=91=C3=A3=20fix=20=C4=91=C6=B0=E1=BB=A3c=20r?=
 =?UTF-8?q?esponsive=20c=E1=BB=A7a=20header=20c=E1=BB=A7a=20trang=20flex?=
 =?UTF-8?q?=5Ffinish?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/resources/templates/flex-finish.html |  2 +-
 .../resources/templates/fragments/header.html | 33 ++++---------------
 2 files changed, 8 insertions(+), 27 deletions(-)
diff --git a/sisvietnamvn/src/main/resources/templates/flex-finish.html b/sisvietnamvn/src/main/resources/templates/flex-finish.html
index 601259e2..f7274ee5 100644
--- a/sisvietnamvn/src/main/resources/templates/flex-finish.html
+++ b/sisvietnamvn/src/main/resources/templates/flex-finish.html
@@ -17,7 +17,7 @@
     <script th:src="@{/js/custom-umass.js}"></script>
 </head>
 
-<body> <!-- Tất cả nội dung ruột của trang Flex Finish sẽ nằm trong thẻ main này -->
+<body class="transparent-header"> <!-- Tất cả nội dung ruột của trang Flex Finish sẽ nằm trong thẻ main này -->
     <main role="main" layout:fragment="content">
         <main id="main-content">
             <div class="l--content">
diff --git a/sisvietnamvn/src/main/resources/templates/fragments/header.html b/sisvietnamvn/src/main/resources/templates/fragments/header.html
index 38cea665..b7cb7bd9 100644
--- a/sisvietnamvn/src/main/resources/templates/fragments/header.html
+++ b/sisvietnamvn/src/main/resources/templates/fragments/header.html
@@ -2,32 +2,6 @@
   <h1 class="visually-hidden">The University of Massachusetts Amherst</h1>
 
   <style>
-    /* CSS override for SIS Vietnam custom logo aspect ratio */
-    /* [data-component-id="umass_base:header-branding"] img,
-    .tophat-logo img {
-      height: 45px !important;
-      width: auto !important;
-      max-width: 100% !important;
-    }
-
-    @media (min-width: 768px) {
-
-      [data-component-id="umass_base:header-branding"] img,
-      .tophat-logo img {
-        height: 55px !important;
-        width: auto !important;
-      }
-    }
-
-    @media (min-width: 1024px) {
-
-      [data-component-id="umass_base:header-branding"] img,
-      .tophat-logo img {
-        height: 65px !important;
-        width: auto !important;
-      }
-    } */
-
     /* Fix logo visibility on dark background with Glow effect */
     [data-component-id="umass_base:header-branding"] {
       position: absolute;
@@ -51,6 +25,13 @@
       transform: scale(1.05);
       filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.9));
     }
+
+    /* Force white color for mobile hamburger icon when transparent header is active */
+    .transparent-header #mobile-hamburger .hamburger-inner,
+    .transparent-header #mobile-hamburger .hamburger-inner::before,
+    .transparent-header #mobile-hamburger .hamburger-inner::after {
+      background-color: var(--color-white) !important;
+    }
   </style>
 
   <div class="region region-header r--region r--header">
