bmc_hub/static/css/case-create-v5.css
Christian 85e019783b Add comprehensive test coverage for case creation, assignment, and remote recovery
- Introduced tests for case creation commands, ensuring proper handling of UUIDs and payloads.
- Added tests for v5 assignment functionality, validating employee identification and group assignment.
- Implemented tests for remote recovery scenarios, including handling network failures and response validation.
- Created tests for hardware label generation and validation, ensuring proper URL formatting and QR code generation.
- Developed extensive tests for remote control functionality, covering connection isolation, command execution, and user permissions.
- Added tests for workflow timer registration, ensuring correct handling of timer states and ownership validation.
2026-10-15 12:17:09 +02:00

36 lines
3.4 KiB
CSS

/* Match the V5 workspace while retaining all creation fields and modes. */
.container.cc-page{max-width:1600px;padding:18px 20px 110px!important;background:var(--theme-surface-soft,#dbe3eb);border-radius:12px;--cc-blue:#336699;--cc-border:#bdcbd5}
.container.cc-page .cc-pagebar{margin-bottom:10px;font-size:12px}
.cc-v5-hero{background:linear-gradient(110deg,#162b40,#203d59);color:#f2f6fa;border:1px solid #496783;border-left:3px solid #6699cc;border-radius:12px;padding:16px 20px;margin-bottom:14px}
.cc-v5-eyebrow{font-size:10px;letter-spacing:1px;color:#c2d1df}
.container.cc-page .cc-v5-hero h1{font-size:25px;margin:3px 0 5px;font-weight:700;letter-spacing:-.5px}
.cc-v5-hero p{font-size:12px;color:#c2d1df;margin:0}
.container.cc-page .card-custom{border:1px solid var(--cc-border);border-radius:11px;box-shadow:none}
.container.cc-page .card-custom>.card-body{padding:18px 20px!important}
.container.cc-page .form-control,.container.cc-page .form-select{min-height:34px;font-size:13px;border-radius:7px;border-color:var(--cc-border)}
.container.cc-page .form-label{font-size:12px;margin-bottom:5px}
.container.cc-page textarea.form-control{background:var(--bg-element,#f6f8fa);padding:10px 12px;line-height:1.5}
.container.cc-page #cc-types{gap:6px}
.container.cc-page #cc-types>button{padding:7px 10px;min-height:34px;border-radius:7px;flex:0 1 auto}
.container.cc-page .cc-type-name{font-size:12px}
.container.cc-page #cc-types>button.active{border-color:var(--cc-blue);background:#eaf1f8;box-shadow:none}
.container.cc-page .cc-type-hint{font-size:10px;margin-top:2px}
.container.cc-page .cc-panel{border-color:var(--cc-border);border-radius:9px}
.container.cc-page .cc-panel>summary{padding:9px 12px}
.container.cc-page .cc-panel-icon{width:27px;height:27px;border-radius:6px;background:#eaf1f8;color:var(--cc-blue)}
.container.cc-page .cc-actions{padding:10px 12px;border-radius:9px;margin-top:14px!important;border-color:var(--cc-border);box-shadow:0 3px 12px #143b5614}
.container.cc-page #submitBtn{background:var(--cc-blue);border-color:var(--cc-blue);border-radius:7px;font-size:13px}
.cc-command-tools{margin:6px 0 8px;font-size:12px}
.cc-command-toolbar{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;color:var(--text-secondary,#667788)}
.cc-command-toolbar summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--cc-blue)}
.cc-command-help{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0}
.cc-command-help button{border:1px solid var(--cc-border);border-radius:6px;padding:4px 7px;background:var(--bg-surface,#fff);color:var(--cc-blue);font-size:11px}
.cc-command-preview{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.cc-command-chip{display:inline-flex;padding:4px 7px;border:1px solid #a9bfd5;border-radius:6px;background:#eaf1f8;color:#234d75;font-size:11px}
.cc-command-preview:empty{display:none}
.cc-command-recovery{padding:10px;border:1px solid #a9bfd5;border-radius:7px;margin-top:8px;background:#eaf1f8;color:#234d75}
.cc-command-recovery[hidden]{display:none}
[data-bs-theme=dark] .container.cc-page{--cc-border:#526675;--cc-blue:#91bce8;background:#101b24}
[data-bs-theme=dark] .container.cc-page #cc-types>button.active,[data-bs-theme=dark] .cc-command-chip,[data-bs-theme=dark] .cc-command-recovery{background:#203850;color:#dbeafa}
@media(max-width:600px){.container.cc-page{padding:12px 10px 110px!important}.container.cc-page .card-custom>.card-body{padding:14px 12px!important}.cc-v5-hero{padding:12px 14px}.container.cc-page .cc-v5-hero h1{font-size:22px}}