alyenc/hugo-theme-next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Fixed the waline reaction icon pixes in mobile driver.

Browse Source
This commit is contained in:
凡梦星尘 2022-10-27 08:54:54 +08:00
parent 525c8a7cf5
commit 9160a33053
3 changed files with 15 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/_common/components/third-party/waline.scss vendored
View File

@ -2,16 +2,13 @@
.wl-actions>button:nth-child(3) { .wl-actions>button:nth-child(3) {
display: none display: none
} }
.wl-reaction-img { @include mobile() {
@include mobile() { .wl-reaction-img {
width: 24px; width: 32px;
height: 24px; height: 32px;
} }
} .wl-reaction-votes {
.wl-reaction-votes {
@include mobile() {
padding: 0.85px; padding: 0.85px;
font-weight: 500; font-weight: 500;
font-size: .65em; font-size: .65em;

2
assets/js/third-party/comments/waline.js vendored
View File

@ -33,7 +33,7 @@ NexT.plugins.comments.waline = function() {
NexT.utils.lazyLoadComponent(element, function () { NexT.utils.lazyLoadComponent(element, function () {
NexT.utils.getScript(waline_js, function(){ NexT.utils.getScript(waline_js, function(){
const waline_css = NexT.utils.getCDNResource(NexT.CONFIG.waline.css); const waline_css = NexT.utils.getCDNResource(NexT.CONFIG.waline.css);
NexT.utils.getStyle(waline_css); NexT.utils.getStyle(waline_css, 'before');
Waline.init({ Waline.init({
locale, locale,

31
assets/js/utils.js
View File

@ -515,13 +515,19 @@ NexT.utils = {
}); });
}, },
getStyle: function (src, parent) { getStyle: function (src, position='after', parent) {
const link = document.createElement('link'); const link = document.createElement('link');
link.setAttribute('rel', 'stylesheet'); link.setAttribute('rel', 'stylesheet');
link.setAttribute('type', 'text/css'); link.setAttribute('type', 'text/css');
link.setAttribute('href', src); link.setAttribute('href', src);
(parent || document.head).appendChild(link); const head = (parent || document.head);
console.log(head)
if (position === 'before') {
head.prepend(link);
} else {
head.append(link);
}
}, },
getScript: function (src, options = {}, legacyCondition) { getScript: function (src, options = {}, legacyCondition) {
@ -595,26 +601,5 @@ NexT.utils = {
}); });
intersectionObserver.observe(element); intersectionObserver.observe(element);
}); });
},
loadComments: function (selector, legacyCallback) {
if (legacyCallback) {
return this.loadComments(selector).then(legacyCallback);
}
return new Promise(resolve => {
const element = document.querySelector(selector);
if (!element) {
resolve();
return;
}
const intersectionObserver = new IntersectionObserver((entries, observer) => {
const entry = entries[0];
if (!entry.isIntersecting) return;
resolve();
observer.disconnect();
});
intersectionObserver.observe(element);
});
} }
}; };