github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-01-19 18:42:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix .footer-fixed toggle and position

Browse Source 
* See: https://github.com/next-theme/hexo-theme-next/pull/31
This commit is contained in:
Mimi 2023-03-04 12:23:06 +08:00
parent 81b4d077ea
commit 1501440d8d
3 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
source/css/_common/outline/footer/index.styl
View File

@ -4,6 +4,8 @@
color: $grey-dark; color: $grey-dark;
font-size: $font-size-small; font-size: $font-size-small;
padding: 20px 0; padding: 20px 0;
transition: $transition-ease;
transition-property: left, right;
&.footer-fixed { &.footer-fixed {
bottom: 0; bottom: 0;

8
source/css/_schemes/Muse/_sidebar.styl
View File

@ -4,6 +4,10 @@ if (hexo-config('sidebar.position') == 'right') {
// Otherwise a horizontal scrollbar will appear // Otherwise a horizontal scrollbar will appear
+desktop-large() { +desktop-large() {
padding-right: $sidebar-desktop; padding-right: $sidebar-desktop;
.footer-fixed {
right: $sidebar-desktop;
}
} }
} }
@ -18,6 +22,10 @@ if (hexo-config('sidebar.position') == 'right') {
.sidebar-active { .sidebar-active {
+desktop-large() { +desktop-large() {
padding-left: $sidebar-desktop; padding-left: $sidebar-desktop;
.footer-fixed {
left: $sidebar-desktop;
}
} }
} }

2
source/js/schemes/muse.js
View File

@ -50,7 +50,7 @@ document.addEventListener('DOMContentLoaded', () => {
function updateFooterPosition() { function updateFooterPosition() {
const footer = document.querySelector('.footer'); const footer = document.querySelector('.footer');
const containerHeight = document.querySelector('.column').offsetHeight + document.querySelector('.main').offsetHeight + footer.offsetHeight; const containerHeight = document.querySelector('.main').offsetHeight + footer.offsetHeight;
footer.classList.toggle('footer-fixed', containerHeight <= window.innerHeight); footer.classList.toggle('footer-fixed', containerHeight <= window.innerHeight);
} }