97 lines
3.6 KiB
JavaScript
97 lines
3.6 KiB
JavaScript
// ==UserScript==
|
||
// @name Chaturbate 缩略图放大 2 倍
|
||
// @namespace https://chaturbate.com/
|
||
// @version 0.3.2
|
||
// @description 通过放大 grid 最小列宽来放大房间列表缩略图，保留原站填满行为
|
||
// @match https://chaturbate.com/*
|
||
// @match https://*.chaturbate.com/*
|
||
// @run-at document-start
|
||
// @grant none
|
||
// ==/UserScript==
|
||
|
||
(function () {
|
||
"use strict";
|
||
|
||
// ========== 配置项 ==========
|
||
// 最小列宽倍数（原站约 174px / 180px，乘以该倍数后作为新的 minmax 最小值，1fr 仍填满整行）
|
||
const SCALE = 2;
|
||
// ===========================
|
||
|
||
const MIN_COL_MAIN = 174; // #main 下的 min
|
||
const MIN_COL_ROOT = 180; // #roomlist_root、频道页下方(180×101) 的 min
|
||
const minMain = Math.round(MIN_COL_MAIN * SCALE);
|
||
const minRoot = Math.round(MIN_COL_ROOT * SCALE);
|
||
|
||
const style = document.createElement("style");
|
||
style.id = "tm-thumb-scale-style";
|
||
style.textContent = `
|
||
#main #roomlist_root .roomlist_container ul.list,
|
||
#main #roomlist_root .placeholder_roomlist_container ul.list {
|
||
grid-template-columns: repeat(auto-fill, minmax(${minMain}px, 1fr)) !important;
|
||
}
|
||
#roomlist_root .roomlist_container ul.list,
|
||
#roomlist_root .placeholder_roomlist_container ul.list {
|
||
grid-template-columns: repeat(auto-fill, minmax(${minRoot}px, 1fr)) !important;
|
||
}
|
||
/* 频道页下方：列表在 .BaseRoomContents 内，统一用该祖先即可 */
|
||
.BaseRoomContents ul.list {
|
||
display: grid !important;
|
||
grid-gap: 0.6em 0.75em !important;
|
||
grid-template-columns: repeat(auto-fill, minmax(${minRoot}px, 1fr)) !important;
|
||
}
|
||
.BaseRoomContents ul.list li {
|
||
width: auto !important;
|
||
max-width: none !important;
|
||
max-height: none !important;
|
||
}
|
||
.BaseRoomContents ul.list .room_thumbnail_container {
|
||
display: block !important;
|
||
width: 100% !important;
|
||
}
|
||
.BaseRoomContents ul.list .room_thumbnail_container img {
|
||
width: 100% !important;
|
||
height: auto !important;
|
||
display: block !important;
|
||
max-width: none !important;
|
||
}
|
||
/* 关注页：只给下拉层设一次 min-width，避免与父级重复放大导致只显示一列 */
|
||
.followedDropdown.dropdown {
|
||
min-width: calc(2 * ${minRoot}px + 2em) !important;
|
||
}
|
||
/* 强制两列，避免 auto-fill 在窄容器里排成单列导致单格过宽（看起来像放大两次） */
|
||
.followRecommendedContainer .followRoomTable {
|
||
display: grid !important;
|
||
grid-template-columns: repeat(2, minmax(${minRoot}px, 1fr)) !important;
|
||
grid-gap: 0.6em 0.75em !important;
|
||
}
|
||
.followRecommendedContainer .followRoomTable > div,
|
||
.followRecommendedContainer .followRoomTable > div > div {
|
||
display: contents !important;
|
||
}
|
||
/* 卡片与图片固定为 minRoot 宽（只放大一次），覆盖站点内联 width:180 height:126 */
|
||
.followRecommendedContainer .roomElement {
|
||
width: ${minRoot}px !important;
|
||
min-width: ${minRoot}px !important;
|
||
max-width: ${minRoot}px !important;
|
||
height: auto !important;
|
||
}
|
||
.followRecommendedContainer .roomElementAnchor {
|
||
width: 100% !important;
|
||
height: auto !important;
|
||
display: block !important;
|
||
}
|
||
.followRecommendedContainer .room_thumbnail {
|
||
width: 100% !important;
|
||
height: auto !important;
|
||
display: block !important;
|
||
}
|
||
`;
|
||
|
||
const inject = () => {
|
||
if (!document.getElementById("tm-thumb-scale-style"))
|
||
(document.head || document.documentElement).appendChild(style);
|
||
};
|
||
if (document.head) inject();
|
||
else document.addEventListener("DOMContentLoaded", inject);
|
||
})();
|