110 lines
2.9 KiB
Plaintext
110 lines
2.9 KiB
Plaintext
|
/* =========================================================
|
|||
|
|
custom_dashboard.css — 全站自定义样式（登录页除外）
|
|||
|
|
---------------------------------------------------------
|
|||
|
|
主题色变量 (--login-* / --color-*) 定义在 custom_login.css，
|
|||
|
|
本文件直接引用它们（layout.php 先加载 login 再加载本文件）。
|
|||
|
|
|
|||
|
|
章节顺序：
|
|||
|
|
1. 全局背景
|
|||
|
|
2. 顶栏 Header（logo / 标题 / 项目切换器）
|
|||
|
|
3. 侧边栏 Sidebar
|
|||
|
|
4. 页面头部标签 Page header
|
|||
|
|
5. 列表 / 卡片 / 提示 / 搜索框
|
|||
|
|
6. 顶栏注入组件（视图切换 / 过滤）
|
|||
|
|
7. 项目概览仪表盘（KPI + 标签页）
|
|||
|
|
8. 看板 Kanban board
|
|||
|
|
9. 任务【编辑】弹窗表单布局 (.task-form-*)
|
|||
|
|
10. 任务【新建】弹窗表单布局 (.custom-task-form-*)
|
|||
|
|
11. 弹窗通用外观（所有 #modal-box）
|
|||
|
|
|
|||
|
|
约定：弹窗样式只在本文件里改；task_creation/show.php 不再内联 <style>。
|
|||
|
|
========================================================= */
|
|||
|
|
|
|||
|
|
/* custom_dashboard.css */
|
|||
|
|
|
|||
|
|
/* Global Dashboard Background */
|
|||
|
|
body {
|
|||
|
|
background: var(--login-bg) !important;
|
|||
|
|
color: var(--login-text-color) !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Header & Title Stack Restructuring */
|
|||
|
|
.header-left {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header-left .logo {
|
|||
|
|
font-size: 32px;
|
|||
|
|
margin-right: 15px;
|
|||
|
|
line-height: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header-titles-stack {
|
|||
|
|
display
|
|||
|
|
margin-bottom: 4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.task-board-title a {
|
|||
|
|
color: #222 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.task-board-title a:hover {
|
|||
|
|
color: var(--color-primary) !important;
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Clean up add button */
|
|||
|
|
.board-add-icon {
|
|||
|
|
color: var(--color-primary) !important;
|
|||
|
|
font-size: 16px;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.board-add-icon:hover {
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* =========================================================
|
|||
|
|
9. 任务【编辑】弹窗 — 表单布局 (.task-form-*)
|
|||
|
|
对应模板：app/Template/task_modification/show.php
|
|||
|
|
（结构与第 10 节的新建任务弹窗相似，但类名不同；将来可考虑合并成一套）
|
|||
|
|
========================================================= */
|
|||
|
|
|
|||
|
|
/* Use CSS Grid for the form container */
|
|||
|
|
.task-form-container {
|
|||
|
|
display: grid !important;
|
|||
|
|
grid-template-columns: 2fr 1fr 1fr;
|
|||
|
|
gap: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Make columns fill their grid cells */
|
|||
|
|
.task-form-main-column,
|
|||
|
|
.task-form-secondary-column {
|
|||
|
|
width: 100% !important;
|
|||
|
|
float: none !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Bottom area spans across all columns */
|
|||
|
|
.task-form-bottom {
|
|||
|
|
grid-column: 1 / -1;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
padding-top: 20px;
|
|||
|
|
border-top: 1px solid #f0f0f0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Labels */
|
|||
|
|
.task-form-container label {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 13px;
|
|||
|
|
font-weight: 600;
|
|||
|
|
color: #444;
|
|||
|
|
margin-bottom: 6px;
|
|||
|
|
margin-top: 12px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Inputs, Selects, Textareas */
|
|||
|
|
.task-form-container input[type="text"],
|
|||
|
|
.task-form-container input[type="number"],
|
|||
|
|
.task-form-container input[type="password"],
|