7777

 · 22 days ago

Lexxy css PC

/* ========= Lexxy 0.1.20.beta 手机端终极修复:强制全按钮显示 + 干掉右空白 ========= / lexxy-editor .lexxy-editor__toolbar { display: flex !important; flex-direction: row !important; justify-content: flex-start !important; / 左对齐,永不 space-between / align-items: center !important; padding: 4px 8px !important; / 左右 padding 适中,不挤不空 / overflow-x: auto !important; / 窄屏时允许轻微滑动,但实际不会触发 / overflow-y: hidden !important; flex-wrap: nowrap !important; / 禁止任何换行 / -webkit-overflow-scrolling: touch !important; width: 100% !important; / 占满容器宽度,挤掉多余空白 */ box-sizing: border-box !important; }

/* 强制 button-row 忽略移动端阈值,全力一排 / lexxy-editor .lexxy-editor__button-row { display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; gap: 6px !important; / 统一间距,取代所有 margin / min-width: max-content !important; / 让它“自适应”内容宽度,不被压缩 / width: auto !important; / 别让它拉伸填满空白 */ }

/* 关键!禁用 button-group 的隐藏/压缩逻辑(这是只显示4个的元凶) / lexxy-editor .lexxy-editor__button-group { display: flex !important; / 强制显示所有组 / flex-shrink: 0 !important; / 不允许收缩 / margin: 0 !important; padding: 0 !important; gap: 4px !important; / 组内按钮小间距 */ }

/* 禁用任何移动端“核心按钮优先”规则(Lexxy beta 的隐藏机制) / @media (max-width: 768px) { lexxy-editor .lexxy-editor__button-group:not(:first-child) { display: flex !important; / 强制显示所有后续组,不再只留前4个 */ }

/* 额外杀招:如果有隐藏类,直接覆盖 / lexxy-editor [class="hidden"], lexxy-editor [style*="display: none"] { display: flex !important; /* 拉回所有隐藏按钮 */ } }

/* 按钮尺寸:平衡紧凑与可用性(不会再变小) / lexxy-editor .lexxy-editor__toolbar-button { padding: 6px 8px !important; margin: 0 !important; flex-shrink: 0 !important; / 按钮不压缩 */ min-width: unset !important; border-radius: 6px !important; font-size: 14px !important; }

lexxy-editor .lexxy-editor__toolbar-button svg { width: 18px !important; height: 18px !important; }

/* 最终一击:干掉容器级的右 padding/margin(右空白源头) */ lexxy-editor .lexxy-editor__toolbar, lexxy-editor .lexxy-editor { margin-right: 0 !important; padding-right: 0 !important; }