zoosewu/PTTChatOnYoutube

[BUG] 安裝BetterTTV後Twitch無法顯示

gcobc12632 opened this issue · 2 comments

問題描述
此腳本似乎與BetterTTV衝突?
安裝後就後無法顯示聊天室了

重現問題
啟用BetterTTV就無法顯示聊天室
但停用之後就正常了

其他畫面截圖
https://i.imgur.com/7nBMEfD.png

相關訊息:
Win10x64 21H2
Firefox91.0.2
2.7.28
https://www.twitch.tv

其他內容
BetterTTV是一個Twitch的擴充套件
可以大量的自訂Twitch的樣式以及支援更多表情符號
使用者眾多
希望這兩者能並存

應該是發佈前忘記重新編譯scss了,修正之後應該就能正常使用了。

#PTTChat {
* {
all: revert;
}
}


https://greasyfork.org/zh-TW/scripts/418469-pttchatonyoutube/code (Line3636)

#PTTChat {
  all: revert; }



:若要在更新發佈前使用,可以在腳本中(第3636、3637行)自行把上述第二組程式碼替換成下面的內容

#PTTChat * {
  all: revert; }

#PTTChat .vue-recycle-scroller {
  position: relative; }

#PTTChat .vue-recycle-scroller.direction-vertical:not(.page-mode) {
  overflow-y: auto; }

#PTTChat .vue-recycle-scroller.direction-horizontal:not(.page-mode) {
  overflow-x: auto; }

#PTTChat .vue-recycle-scroller.direction-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#PTTChat .vue-recycle-scroller__slot {
  -webkit-box-flex: 1;
  -ms-flex: auto 0 0px;
  flex: auto 0 0; }

#PTTChat .vue-recycle-scroller__item-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative; }

#PTTChat .vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform; }

#PTTChat .vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
  width: 100%; }

#PTTChat .vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
  height: 100%; }

#PTTChat .vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
  width: 100%; }

#PTTChat .vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
  height: 100%; }

#PTTChat .resize-observer[data-v-b329ee4c] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  pointer-events: none;
  display: block;
  overflow: hidden;
  opacity: 0; }

#PTTChat .resize-observer[data-v-b329ee4c] object {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1; }

有了 正常了 期待你們把新版放上去
只能先暫時用自己編輯的了