☰

Quicker讨论区帖子页面优化

优化Quicker讨论区帖子的评论显示，使其结构更加清晰

目前为 2022-05-06 提交的版本。查看 最新版本。

// ==UserScript==
// @name         Quicker讨论区帖子页面优化
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  优化Quicker讨论区帖子的评论显示，使其结构更加清晰
// @author       Cesaryuan
// @match        https://getquicker.net/QA/Question/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
    "use strict";
    var elemets = document.querySelectorAll('.child-comment > .flex-grow-1')
    elemets.forEach(element => {
        var header = element.children[0];
        var replyingContainerSpan = element.children[2];
        var replying = replyingContainerSpan.querySelector('a');
        var userContent = element.querySelector('.user-content');
        header.prepend(replying);
        // add class
        header.classList.add('comment-header');

        // element.insertBefore(userContent, replyingContainerSpan);
        header.append(replyingContainerSpan);
        userContent.style.display = 'block';
    });

    injectStyle(`
        .child-comment {
            border-bottom: 4px solid #ededed;
        }

        .comment-header {
            font-size: 14px;
            font-weight: 600;
        }
    `)

    function injectStyle(css) {
        var style = document.createElement("style");
        style.type = "text/css";
        style.innerHTML = css;
        document.head.appendChild(style);
    }
})();