66 lines
2.9 KiB
CSS
66 lines
2.9 KiB
CSS
/*
|
|
* Yoone Subscriptions 后台样式
|
|
* - 兼容原有“表格式”订阅计划（由 JS 转换为面板，表格默认隐藏但保留样式）
|
|
* - 新增“面板式”订阅计划的外观：标题、操作按钮（折叠/删除）、详情区块
|
|
* - 风格尽量贴近 WooCommerce 后台组件，保持一致的交互与视觉
|
|
*/
|
|
#yoone_subscriptions_data .description { color: #666; display: block; margin-top: 6px; line-height: 1.5; }
|
|
#yoone_subscriptions_data .form-field { margin-bottom: 12px; }
|
|
|
|
/* 订阅计划表格布局优化（兼容保留但默认隐藏） */
|
|
#yoone_subscriptions_data .yoone-sub-plans-table { margin-top: 10px; width: 100%; table-layout: fixed; }
|
|
#yoone_subscriptions_data .yoone-sub-plans-table thead th { font-weight: 600; }
|
|
#yoone_subscriptions_data .yoone-sub-plans-table th,
|
|
#yoone_subscriptions_data .yoone-sub-plans-table td { padding: 8px 10px; vertical-align: middle; }
|
|
#yoone_subscriptions_data .yoone-sub-plans-table tr:nth-child(even) { background-color: #f9f9f9; }
|
|
|
|
/* 列宽（与 table-layout: fixed 配合） */
|
|
#yoone_subscriptions_data .yoone-sub-plans-table colgroup col:nth-child(1) { width: 28%; }
|
|
#yoone_subscriptions_data .yoone-sub-plans-table colgroup col:nth-child(2) { width: 16%; }
|
|
#yoone_subscriptions_data .yoone-sub-plans-table colgroup col:nth-child(3) { width: 22%; }
|
|
#yoone_subscriptions_data .yoone-sub-plans-table colgroup col:nth-child(4) { width: 18%; }
|
|
#yoone_subscriptions_data .yoone-sub-plans-table colgroup col:nth-child(5) { width: 16%; }
|
|
|
|
/* 输入控件统一风格（参考 Woo 后台表单） */
|
|
#yoone_subscriptions_data .yoone-sub-plans-table input[type="text"],
|
|
#yoone_subscriptions_data .yoone-sub-plans-table input[type="number"],
|
|
#yoone_subscriptions_data .yoone-sub-plans-table select {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
min-height: 32px;
|
|
}
|
|
|
|
/* 行内按钮精简样式 */
|
|
#yoone_subscriptions_data .yoone-sub-plans-table .button {
|
|
min-height: 28px;
|
|
line-height: 26px;
|
|
}
|
|
|
|
/* 新增计划按钮间距 */
|
|
#yoone_subscriptions_data #yoone-sub-plan-add { margin-top: 8px; }
|
|
|
|
/* 面板式订阅计划样式 */
|
|
#yoone_subscriptions_data #yoone-sub-plans-panels { margin-top: 12px; }
|
|
#yoone_subscriptions_data .yoone-sub-plan-panel {
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
background: #fff;
|
|
margin-bottom: 12px;
|
|
box-shadow: 0 1px 1px rgba(0,0,0,.04);
|
|
}
|
|
#yoone_subscriptions_data .yoone-sub-plan-header {
|
|
padding: 10px 12px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
background: #f6f7f7;
|
|
border-bottom: 1px solid #e2e4e7;
|
|
}
|
|
#yoone_subscriptions_data .yoone-sub-plan-title {
|
|
width: 60%;
|
|
max-width: 420px;
|
|
}
|
|
#yoone_subscriptions_data .yoone-sub-plan-actions .button { margin-left: 8px; }
|
|
#yoone_subscriptions_data .yoone-sub-plan-body { padding: 12px; }
|
|
#yoone_subscriptions_data .yoone-sub-plan-body p { margin: 0 0 10px; }
|
|
#yoone_subscriptions_data .yoone-sub-plan-body.collapsed { display: none; } |