Hide mask when adjusting simplify liveroom

This commit is contained in:
the1812 2019-03-31 23:13:02 +08:00
parent 5ded64b5f0
commit 01bbbd313d
7 changed files with 19 additions and 11 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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

File diff suppressed because one or more lines are too long

View File

@ -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)}}})}}}}})();

View File

@ -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",

View File

@ -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
{