关注中也放大
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
// ==UserScript==
|
// ==UserScript==
|
||||||
// @name Chaturbate 缩略图放大 2 倍
|
// @name Chaturbate 缩略图放大 2 倍
|
||||||
// @namespace https://chaturbate.com/
|
// @namespace https://chaturbate.com/
|
||||||
// @version 0.2.6
|
// @version 0.3.2
|
||||||
// @description 通过放大 grid 最小列宽来放大房间列表缩略图,保留原站填满行为
|
// @description 通过放大 grid 最小列宽来放大房间列表缩略图,保留原站填满行为
|
||||||
// @match https://chaturbate.com/*
|
// @match https://chaturbate.com/*
|
||||||
// @match https://*.chaturbate.com/*
|
// @match https://*.chaturbate.com/*
|
||||||
@@ -14,7 +14,7 @@
|
|||||||
|
|
||||||
// ========== 配置项 ==========
|
// ========== 配置项 ==========
|
||||||
// 最小列宽倍数(原站约 174px / 180px,乘以该倍数后作为新的 minmax 最小值,1fr 仍填满整行)
|
// 最小列宽倍数(原站约 174px / 180px,乘以该倍数后作为新的 minmax 最小值,1fr 仍填满整行)
|
||||||
const SCALE = 1.3;
|
const SCALE = 2;
|
||||||
// ===========================
|
// ===========================
|
||||||
|
|
||||||
const MIN_COL_MAIN = 174; // #main 下的 min
|
const MIN_COL_MAIN = 174; // #main 下的 min
|
||||||
@@ -54,6 +54,37 @@
|
|||||||
display: block !important;
|
display: block !important;
|
||||||
max-width: none !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 = () => {
|
const inject = () => {
|
||||||
|
|||||||
Reference in New Issue
Block a user