kate522/wordpress-theme-aksrt
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(footer): stop day/night brand logos both showing

Browse Source 
Size rules were forcing display:inline-block on both footer logos with
higher specificity than the night-hide rule. Decouple display toggle,
raise selector weight, align dark hooks with header/theme.js, and drop
unused part-1 light/dark logo-img rules.
This commit is contained in:
kate522 committed 2026-07-13 07:29:40 +08:00
1 parent 19d3c2e70f
commit fabff49d11
2 files changed
+13 -16
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/css/frontend/footer/part-1.css
+1 -10
View File
@@ -177,7 +177,7 @@
/* §2.3 三列结构化字段 */ /* §2.3 三列结构化字段 */
/* 品牌 Logo */ /* 品牌 Logo — day/night visibility lives in zibll-shell.css */
.site-footer__logo { .site-footer__logo {
margin-bottom: 16px; margin-bottom: 16px;
} }
@@ -185,15 +185,6 @@
max-height: 48px; max-height: 48px;
width: auto; width: auto;
} }
.site-footer__logo-img--dark {
display: none;
}
[data-theme="dark"] .site-footer__logo-img--light {
display: none;
}
[data-theme="dark"] .site-footer__logo-img--dark {
display: inline-block;
}
/* 标准联系项 */ /* 标准联系项 */
.site-footer__contact-std { .site-footer__contact-std {
assets/css/frontend/footer/zibll-shell.css
+12 -6
View File
@@ -53,21 +53,27 @@
height: 40px; height: 40px;
width: auto; width: auto;
max-width: 180px; max-width: 180px;
display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
.footer .site-footer__logo--night { /* Light/dark footer logo toggle — keep display out of size rules so hide wins */
.footer a.footer-logo .site-footer__logo--day {
display: inline-block;
}
.footer a.footer-logo .site-footer__logo--night {
display: none; display: none;
} }
html.dark .footer .site-footer__logo--day, html.dark .footer a.footer-logo .site-footer__logo--day,
body.dark-theme .footer .site-footer__logo--day { [data-theme="dark"] .footer a.footer-logo .site-footer__logo--day,
body.dark-theme .footer a.footer-logo .site-footer__logo--day {
display: none; display: none;
} }
html.dark .footer .site-footer__logo--night, html.dark .footer a.footer-logo .site-footer__logo--night,
body.dark-theme .footer .site-footer__logo--night { [data-theme="dark"] .footer a.footer-logo .site-footer__logo--night,
body.dark-theme .footer a.footer-logo .site-footer__logo--night {
display: inline-block; display: inline-block;
} }