basketballcantho/sisvietnamvn_01
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

đã fix được responsive của header của trang flex_finish

Browse Source
This commit is contained in:
NAS\NASPC
2026-05-27 16:46:12 +07:00
parent f39fbb8800
commit 82a9fe0e1f
2 changed files with 8 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sisvietnamvn/src/main/resources/templates/flex-finish.html
+1 -1
View File
@@ -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">
sisvietnamvn/src/main/resources/templates/fragments/header.html
+7 -26
View File
@@ -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">