31 lines
1.5 KiB
SCSS
31 lines
1.5 KiB
SCSS
/* Odoo 流程按钮 转交/收回/结束/确认/分发/退回 专用样式 - 完整最终版 */
|
|
/* 公共基础样式：统一大小、间距、圆角、加粗，醒目+不拥挤，适配Odoo表单头部 */
|
|
.o_form_button.btn-flow {
|
|
min-width: 96px !important;
|
|
height: 38px !important;
|
|
margin: 0 3px !important;
|
|
border-radius: 5px !important;
|
|
font-size: 13px !important;
|
|
font-weight: bold !important;
|
|
border: 0 !important;
|
|
}
|
|
/* 鼠标悬浮统一特效：放大+阴影+亮一点，层次感拉满，必加 */
|
|
.o_form_button.btn-flow:hover {
|
|
transform: scale(1.02);
|
|
box-shadow: 0 2px 8px rgba(0,0,0,0.18);
|
|
filter: brightness(1.05);
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
/* 确认按钮 - 主色深蓝 最醒目【核心操作】 */
|
|
.btn-confirm { background: #2563eb !important; color: #fff !important; }
|
|
/* 结束按钮 - 宝蓝色 权重高【完成操作】 */
|
|
.btn-finish { background: #1d4ed8 !important; color: #fff !important; }
|
|
/* 转交按钮 - 深绿色 友好【流转操作】 */
|
|
.btn-transfer { background: #166534 !important; color: #fff !important; }
|
|
/* 分发按钮 - 翠绿色 清爽【下发操作】 */
|
|
.btn-distribute { background: #16a34a !important; color: #fff !important; }
|
|
/* 收回按钮 - 暖橙色 提醒【轻度逆向】 */
|
|
.btn-recall { background: #f59e0b !important; color: #fff !important; }
|
|
/* 退回按钮 - 警示红 醒目【高危逆向】 */
|
|
.btn-return { background: #ef4444 !important; color: #fff !important; } |