Soapbox FE放大表情、長圖、換背景
參考了Kana給Pleroma FE寫的教程
試過跟著教程創建custom.css但似乎沒有起效,於是直接丟進index.html裡(可能不是最好的做法)
nano /opt/soapbox/static/index.html
找到 </head>
,在前面加入 <style></style>
,然後在兩個style的中間輸入(象的魔改)設置
PS. 建議加入前先用Stylebot改動+預覽是否自己想要的效果
PPS. 不知道comment留著有沒有影響,我自己有刪掉
/*emoji enlarge*/
.reply-indicator__content .emojione,
.status__content .emojione {
width: 40px !important;
height: 40px !important;
}
.emoji-mart-category .emoji-mart-emoji span {
width: 30px !important;
height: 30px !important;
}
/*长图补丁 v2.1 by Shioko*/
.image-loader {
align-items:center;
}
.zoomable-image {
display: flex;
height:auto;
max-height: 100%;
width: auto;
max-width: 95%;
overflow: auto !important;
align-items:center;
}
.zoomable-image:hover {
align-items: flex-start;
}
.zoomable-image img {
max-height: 100%;
max-width:95%;
}
.zoomable-image img:hover {
max-height: 2000%;
max-width:95%;
}
/*change background*/
body {
background-image: url('圖片地址或路徑');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
存檔:藍站url