您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Make the chat more compact on stream pages
当前为
- // ==UserScript==
- // @name FURSTREAM chat expander
- // @namespace furstre.am
- // @description Make the chat more compact on stream pages
- // @include https://furstre.am/stream/*
- // @version 3
- // @grant none
- // ==/UserScript==
- function addGlobalStyle(css) {
- $("head").append($(document.createElement("style")).attr("type", "text/css").html(css));
- }
- var insertListener = function(e){
- if (e.animationName == "nodeInserted") {
- var avatar = $(e.target).children(".av").detach();
- var details = $(e.target).children(".content").children(".details").detach();
- $(e.target).children(".content").prepend(details);
- $(e.target).children(".content").prepend(avatar);
- }
- }
- $(window).load(function(){
- addGlobalStyle(".body.stream { margin: 0 !important; }")
- addGlobalStyle(".comunica #comunica-chat-pane .msg { margin: 0 !important; }")
- addGlobalStyle(".comunica #comunica-chat-pane .msg .content { margin: 0 !important; float: none !important; width: 100% !important; }")
- addGlobalStyle(".comunica #comunica-chat-pane .msg .content p { margin: 0 0 8px !important; }")
- addGlobalStyle(".comunica #comunica-chat-pane .msg .content .details { margin: 0 !important; }")
- addGlobalStyle(".comunica #comunica-chat-pane .msg .content:after { display: none; !important }")
- addGlobalStyle(".comunica #comunica-chat-pane .msg .content.pull-right:after { display: none !important; }")
- addGlobalStyle(".comunica #comunica-chat-pane .msg .av { position: static !important; float: left !important; }")
- addGlobalStyle("@keyframes nodeInserted { from { opacity: 0.99; } to { opacity: 1; } }")
- addGlobalStyle(".comunica #comunica-chat-pane .msg { animation-duration: 0.001s; animation-name: nodeInserted; }")
- document.addEventListener("animationstart", insertListener, false)
- })