直接上方案。 打开插件的forum.less
将@media一段替换成下面的相关代码。
@media (max-width: 768px) {
.PostUser-level {
float: right;
position: relative;
margin-top: -10px;
left: 0px;
top: 0px;
width: 32px;
text-align: center;
}
.tooltip-arrow{
display:none;
}
.tooltip-inner {
width:60px;
}
}
然后使用php flarum cache:clear
刷新一下
效果如图:
![Image description](https://flarum.csur.fun/2024-06-19/1718816876-27728-image.png)
这里主要只是对源代码对经验条的位置进行修改。示例里面我为了给“最佳回复”腾出位置,不得不把经验条长度设置为32px。如果你想,你可以添加一行margin-right: -10px;(数字可变)来缩短间距。(多玩玩)
(本人不熟悉这类代码,希望能有大师优化下) 同时应该考虑到同列可能还有更多元素造成冲突,所以这个方案应当是暂时的。