Fix styles in history page (fix #4459)

the1812 · Nov 19, 2023 · d6b079c · d6b079c
1 parent d138650
commit d6b079c
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/registry/lib/components/style/custom-navbar/entry.ts b/registry/lib/components/style/custom-navbar/entry.ts
@@ -43,6 +43,10 @@ export const entry: ComponentEntry = async ({ metadata: { name } }) => {
       true,
     )
   }
+  // https://github.com/the1812/Bilibili-Evolved/issues/4459
+  if (matchUrlPattern('https://www.bilibili.com/account/history')) {
+    document.body.classList.add('history-page')
+  }
   const CustomNavbar = await import('./CustomNavbar.vue')
   const customNavbar: Vue & {
     styles: string[]

diff --git a/registry/lib/components/style/custom-navbar/hide-original.scss b/registry/lib/components/style/custom-navbar/hide-original.scss
@@ -32,10 +32,13 @@ li.nav-item[report-id="playpage_dynamic"] .i-frame,
   height: var(--navbar-height) !important;
 }
 #message-navbar,
-#biliMainHeader:not(.z-top-container),
+body:not(.history-page) #biliMainHeader:not(.z-top-container),
 .z-top-container:not(#biliMainHeader) {
   max-height: var(--navbar-height) !important;
 }
+body.history-page #biliMainHeader:not(.z-top-container) {
+  height: auto;
+}
 .link-top-container#tab-container {
   top: var(--navbar-height) !important;
 }

diff --git a/registry/lib/components/style/custom-navbar/transparent-fill.ts b/registry/lib/components/style/custom-navbar/transparent-fill.ts
@@ -27,6 +27,9 @@ export const checkTransparentFill = async (vm: {
         if ((banner as HTMLVideoElement | HTMLImageElement).src) {
           return true
         }
+        if (banner.querySelector('.animated-banner')) {
+          return true
+        }
         return false
       }
       if (banners.some(hasBannerImage)) {