mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Hide mask when adjusting simplify liveroom
This commit is contained in:
parent
5ded64b5f0
commit
01bbbd313d
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -32,7 +32,7 @@ style\remove-top-mask.js|9E874B4D5A197BB25C8393B7AAEF433333D8EF84
|
||||
style\remove-watermark.js|5F8324EDE38DD83508B9EA9159F6951F47D48AC2
|
||||
style\scrollbar.css|D7DA1006F2603553A5595336CBA624DA735E9A27
|
||||
style\simplify-liveroom\simplify-liveroom.css|5842904AC6C9A2415DBF80950D1FFB5585AF7059
|
||||
style\simplify-liveroom\simplify-liveroom.js|397DA0535B40AFCD85426767ECAA6101CECD4A40
|
||||
style\simplify-liveroom\simplify-liveroom.js|2E5902847776A97868D2C949CBBA5B5A2E8E486B
|
||||
style\tweets.css|A4F3590FC4A0C05FA06659AF142293A3D1FE09D0
|
||||
touch\combo-like.js|3140FCDD2FAA19AD54BB7BE3886C20DF1BC617B2
|
||||
touch\player\touch-player.css|12B4618CFA4A140463FF00CC1720C2785D6C3D65
|
||||
@ -48,7 +48,7 @@ utils\full-page-title\full-page-title.css|913155DCD240D6EE4B5E56DDFF26B477F3B9D7
|
||||
utils\full-page-title\full-page-title.js|67AE307D02B5C913AB63A40C4D5D602929A97AF8
|
||||
utils\full-tweets-title\full-tweets-title.css|277F4C806E1282E0618DAF421DEDA48AB91A6F7E
|
||||
utils\full-tweets-title\full-tweets-title.js|9C396F97FB9A00B4E130FD6E6F09416D3F421148
|
||||
utils\gui-settings\gui-settings.css|3D63810AAD5A96EB3730F2CD9E008DAD0C6C47FD
|
||||
utils\gui-settings\gui-settings.css|AC1CD4A75959457657DE1765D6345F98A4840129
|
||||
utils\gui-settings\gui-settings.html|4624F73922A798EC9A3FEF44ABDCC90AC45C05AE
|
||||
utils\gui-settings\gui-settings.js|C15EB153B5AAE682A2B75F9E63880D9363F832B4
|
||||
utils\gui-settings\icons.css|7BF2BBBF488741AF21AC5FAFA1A54BAF39EF4FB7
|
||||
|
||||
2
min/gui-settings.min.css
vendored
2
min/gui-settings.min.css
vendored
File diff suppressed because one or more lines are too long
2
min/simplify-liveroom.min.js
vendored
2
min/simplify-liveroom.min.js
vendored
@ -1 +1 @@
|
||||
(()=>{return(e,i)=>{const t={vip:"姥爷图标",fansMedal:"粉丝勋章",title:"活动头衔",userLevel:"用户等级",guard:"舰长图标",systemMessage:"全区广播",welcomeMessage:"欢迎信息",popup:"抽奖提示",skin:"房间皮肤"};return{widget:{condition:()=>document.URL.startsWith(`https://live.bilibili.com/`),content:`\n <div class="gui-settings-flat-button" style="position: relative" id="simplify-liveroom">\n <i class="mdi mdi-24px mdi-settings"></i>\n <span>简化直播间</span>\n <div class="simplify-liveroom-settings popup">\n <ul>\n <li v-for="item in items" v-on:click="itemClick(item)">\n <i class="mdi mdi-18px" v-bind:class="{'mdi-eye': !item.checked, 'mdi-eye-off': item.checked}"></i>\n {{item.name}}\n </li>\n </ul>\n </div>\n </div>\n `,success:()=>{document.querySelector("#simplify-liveroom").addEventListener("click",e=>{const i=document.querySelector(".simplify-liveroom-settings");if(i.contains(e.target)||e.target===i){return}i.classList.toggle("opened")});let i=e.simplifyLiveroomSettings.skin;const s=["#head-info-vm","#gift-control-vm","#rank-list-vm","#rank-list-ctnr-box",".gift-panel.base-panel",".gift-panel.extend-panel",".seeds-wrap>div:first-child",".gift-section>div:last-child",".z-gift-package>div>div",".right-action"];const n="live-skin-coloration-area";s.forEach(e=>{SpinQuery.select(e,t=>{Observer.attributes(e,e=>{e.forEach(e=>{if(e.attributeName==="class"){if(i&&t.classList.contains(n)){t.classList.remove(n)}else if(!i&&!t.classList.contains(n)){t.classList.add(n)}}})})})});const l=(e,t)=>{document.body.classList[e?"add":"remove"](`simplify-${t}`);if(t==="skin"){i=e;s.forEach(i=>{SpinQuery.select(i,i=>i.classList[e?"remove":"add"]("live-skin-coloration-area"))})}};new Vue({el:".simplify-liveroom-settings",data:{items:Object.entries(t).map(([i,t])=>{const s=e.simplifyLiveroomSettings[i];l(s,i);return{key:i,name:t,checked:s}})},methods:{itemClick(i){i.checked=!i.checked;l(i.checked,i.key);e.simplifyLiveroomSettings[i.key]=i.checked;GM_setValue("simplifyLiveroomSettings",e.simplifyLiveroomSettings)}}})}}}}})();
|
||||
(()=>{return(e,i)=>{const t={vip:"姥爷图标",fansMedal:"粉丝勋章",title:"活动头衔",userLevel:"用户等级",guard:"舰长图标",systemMessage:"全区广播",welcomeMessage:"欢迎信息",popup:"抽奖提示",skin:"房间皮肤"};return{widget:{condition:()=>document.URL.startsWith(`https://live.bilibili.com/`),content:`\n <div class="gui-settings-flat-button" style="position: relative" id="simplify-liveroom">\n <i class="mdi mdi-24px mdi-settings"></i>\n <span>简化直播间</span>\n <div class="simplify-liveroom-settings popup">\n <ul>\n <li v-for="item in items" v-on:click="itemClick(item)">\n <i class="mdi mdi-18px" v-bind:class="{'mdi-eye': !item.checked, 'mdi-eye-off': item.checked}"></i>\n {{item.name}}\n </li>\n </ul>\n </div>\n </div>\n `,success:()=>{const i=document.querySelector("#simplify-liveroom");const s=document.querySelector(".gui-settings-mask");i.addEventListener("click",e=>{const i=document.querySelector(".simplify-liveroom-settings");if(i.contains(e.target)||e.target===i){return}i.classList.toggle("opened")});i.addEventListener("pointerenter",()=>s.classList.add("transparent"));i.addEventListener("pointerleave",()=>s.classList.remove("transparent"));let n=e.simplifyLiveroomSettings.skin;const o=["#head-info-vm","#gift-control-vm","#rank-list-vm","#rank-list-ctnr-box",".gift-panel.base-panel",".gift-panel.extend-panel",".seeds-wrap>div:first-child",".gift-section>div:last-child",".z-gift-package>div>div",".right-action"];const c="live-skin-coloration-area";o.forEach(e=>{SpinQuery.select(e,i=>{Observer.attributes(e,e=>{e.forEach(e=>{if(e.attributeName==="class"){if(n&&i.classList.contains(c)){i.classList.remove(c)}else if(!n&&!i.classList.contains(c)){i.classList.add(c)}}})})})});const a=(e,i)=>{document.body.classList[e?"add":"remove"](`simplify-${i}`);if(i==="skin"){n=e;o.forEach(i=>{SpinQuery.select(i,i=>i.classList[e?"remove":"add"]("live-skin-coloration-area"))})}};new Vue({el:".simplify-liveroom-settings",data:{items:Object.entries(t).map(([i,t])=>{const s=e.simplifyLiveroomSettings[i];a(s,i);return{key:i,name:t,checked:s}})},methods:{itemClick(i){i.checked=!i.checked;a(i.checked,i.key);e.simplifyLiveroomSettings[i.key]=i.checked;GM_setValue("simplifyLiveroomSettings",e.simplifyLiveroomSettings)}}})}}}}})();
|
||||
@ -28,7 +28,9 @@ export default {
|
||||
`,
|
||||
success: () =>
|
||||
{
|
||||
document.querySelector("#simplify-liveroom").addEventListener("click", e =>
|
||||
const button = document.querySelector("#simplify-liveroom");
|
||||
const mask = document.querySelector(".gui-settings-mask");
|
||||
button.addEventListener("click", e =>
|
||||
{
|
||||
const settingsList = document.querySelector(".simplify-liveroom-settings");
|
||||
if (settingsList.contains(e.target) || e.target === settingsList)
|
||||
@ -37,6 +39,8 @@ export default {
|
||||
}
|
||||
settingsList.classList.toggle("opened");
|
||||
});
|
||||
button.addEventListener("pointerenter", () => mask.classList.add("transparent"));
|
||||
button.addEventListener("pointerleave", () => mask.classList.remove("transparent"));
|
||||
let skinDisabled = settings.simplifyLiveroomSettings.skin;
|
||||
const skinSelectors = [
|
||||
"#head-info-vm",
|
||||
|
||||
@ -443,6 +443,10 @@ li.category.folded i.icon-arrow
|
||||
opacity: 1;
|
||||
pointer-events: initial;
|
||||
}
|
||||
.gui-settings-mask.opened.transparent
|
||||
{
|
||||
opacity: 0;
|
||||
}
|
||||
.gui-settings-widgets-box,
|
||||
.gui-settings-box
|
||||
{
|
||||
|
||||
Loading…
Reference in New Issue
Block a user