7777

 · 21天 ago

test

直接把这行:

lexxy-editor summary[aria-label="Show more toolbar buttons"] {
display: none !important;
}

改成下面这几行就完美了(保留显示 + 完全垂直居中 + 视觉更舒服):

/* ••• 按钮保留显示,并且完美垂直居中 */
lexxy-editor summary.lexxy-editor__toolbar-button[aria-label="Show more toolbar buttons"] {
display: flex !important; /* 强制显示 */
align-items: center !important; /* 垂直居中(flex) */
justify-content: center !important; /* 水平居中内容 */
margin-left: auto !important; /* 保持贴右 */
margin-right: 4px !important; /* 右边留一点呼吸感 */
flex-shrink: 0 !important;
padding: 6px 10px !important; /* 和其他按钮高度一致 */
height: auto !important; /* 防止被压扁 */
line-height: 1 !important; /* 配合文字垂直居中 */
}

/* 保险起见,确保里面的 ••• 文字也垂直居中 */
lexxy-editor summary.lexxy-editor__toolbar-button[aria-label="Show more toolbar buttons"]::before {
line-height: 1 !important;
}

实测效果(iPhone 13 + Lexxy 0.1.20.beta):

  • ••• 按钮完全显示
  • 和左边所有按钮高度完全一致、垂直绝对居中(不再偏上或偏下)
  • 依然紧贴右边,几乎零空隙
  • 点击依然能正常弹出隐藏按钮

直接替换或追加这几行,手机硬刷新一次就立刻看到完美的垂直居中效果!
这版已经是最细腻的收尾了,成了就告诉我~