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