Zaif チャット
最近、ザイフがリニューアルして、私的にちょっと使いづらくなってしまいました。
私はチャットメインなので、通常だとチャットウインドウの中に4件の表示しかされなくなってしまいました。チャットが盛んだと、早く流れて行ってしまうので見逃すこともww
カスタムCSSを適用させて、以下のようになりました。
他の部分で影響があるところがありますが、私はちゃっとメインで使用してるので、これでいいかなって思ってます
ちなみに、使用したアドインはEdge用の「Stylebot」です。一応FireFoxにもSafariにもある「Stylish」でも動くみたいで
作成したCSS必要な方が居られましたら、公開しますね。コメント欄に書き込んで下さいね。
15
-
1
由希2023/02/09 11:32
公開して欲しいとのことで、公開しますね。
コピペでいけると思います。
@media (max-width: 992px) {
.bUSJNE .user-assets {
display: grid;
grid-template-columns: 50% 50%;
gap: 0rem;
display: grid;
}
}
div.ant-col-sm-24:nth-child(4) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > form:nth-child(1) > textarea:nth-child(2) {
height: 35px;
min-height: 35px;
}
div.sc-bczRLJ.ChatItem___StyledFlex-sc-fdzzr1-3.gjapLF.jOHqVC {
padding-top: 3px;
padding-bottom: 3px;
}
div.sc-bczRLJ.ChatItem__Message-sc-fdzzr1-0.ChatItem___StyledMessage-sc-fdzzr1-1.dWvkvR.frRTAc.fqdUaY {
grid-row: 2/3;
grid-column: 1/2;
}
div.sc-bczRLJ.ChatItem___StyledFlex2-sc-fdzzr1-8.gyUjFW.iaINEO {
grid-column: 2/3;
grid-row: 1/3;
flex-wrap: wrap;
}
div.sc-bczRLJ.Fdlid {
display: grid;
grid-template-columns: auto 15%;
grid-template-rows: auto auto;
}
span.Text-sc-1886789-0.dnLDfh.sc-bczRLJ.hHiZBK {
grid-column: 1/2;
grid-row: 1/2;
}
.kZvDFa {
width: 50px;
width: 50px;
}
.iaINEO {
padding-top: 0rem;
} -
2
由希2023/03/30 09:23
ちょっと、不具合があったので、修正版投稿しますね。
@media (max-width: 992px) {
.bUSJNE .user-assets {
display: grid;
grid-template-columns: 50% 50%;
gap: 0rem;
}
}
div.ant-col-sm-24:nth-child(4) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > form:nth-child(1) > textarea:nth-child(2) {
height: 35px;
min-height: 35px;
}
div.sc-bczRLJ.ChatItem___StyledFlex-sc-fdzzr1-3.gjapLF.jOHqVC {
padding-top: 3px;
padding-bottom: 3px;
}
div.sc-bczRLJ.ChatItem__Message-sc-fdzzr1-0.ChatItem___StyledMessage-sc-fdzzr1-1.dWvkvR.frRTAc.fqdUaY {
grid-row: 2/3;
grid-column: 1/2;
}
div.sc-bczRLJ.ChatItem___StyledFlex2-sc-fdzzr1-8.gyUjFW.iaINEO {
grid-column: 2/3;
grid-row: 1/3;
flex-wrap: wrap;
}
.chat-item div.sc-bczRLJ.Fdlid {
display: grid;
grid-template-columns: auto 15%;
grid-template-rows: auto auto;
}
span.Text-sc-1886789-0.dnLDfh.sc-bczRLJ.hHiZBK {
grid-column: 1/2;
grid-row: 1/2;
}
.kZvDFa {
width: 50px;
}
.iaINEO {
padding-top: 0rem;
}
