Skull-IT/ISO-27001-Risk-Management
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: Remove unnecessary card header from overview tab in risk item template

Browse source
This commit is contained in:
= 2025-09-11 21:13:26 +02:00
parent 0ba879c40e
commit 66e53e171e
2 changed files with 134 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

136
static/css/design.css
View file

@ -275,8 +275,6 @@ body.dark-mode a { color: #bb86fc; }
min-width: 1.15rem; height: 1.15rem;
font-size: 0.70rem; line-height: 1.15rem;
}
/* Dark navbar badge shadow */
.navbar.is-dark .avatar-wrap .badge { box-shadow: 0 0 0 2px hsl(229, 53%, 18%); }
/* =========================
Bulma Design Changes
@ -304,3 +302,137 @@ body.dark-mode a { color: #bb86fc; }
.erp-tabs a:hover {
background: rgba(0,0,0,.03);
}
/* =========================
Dark Mode
========================= */
/* =========================
Dark Mode Palette
========================= */
body.dark-mode {
--bg-main: #121212;
--bg-surface: #1e1e1e;
--bg-hover: #2a2a2a;
--border-color: #333;
--text-main: #f5f5f5;
--text-muted: #bbb;
--link-color: #bb86fc;
--link-hover: #d0aaff;
background-color: var(--bg-main);
color: var(--text-main);
}
/* =========================
Global Elements
========================= */
body.dark-mode a {
color: var(--link-color);
}
body.dark-mode a:hover {
color: var(--link-hover);
}
body.dark-mode .content {
background: var(--bg-surface);
color: var(--text-main);
}
/* =========================
Navbar / Topbar
========================= */
body.dark-mode .navbar.topbar-nav {
background-color: var(--bg-surface) !important;
box-shadow: none;
}
body.dark-mode .navbar.topbar-nav .navbar-item,
body.dark-mode .navbar.topbar-nav .navbar-link {
color: var(--text-main);
}
body.dark-mode .navbar.topbar-nav .navbar-item:hover,
body.dark-mode .navbar.topbar-nav .navbar-link:hover {
background-color: var(--bg-hover);
color: #fff;
}
body.dark-mode .navbar.topbar-nav .navbar-link::after {
border-color: var(--link-color);
}
/* =========================
Cards, Boxen, Dropdowns
========================= */
body.dark-mode .box,
body.dark-mode .card,
body.dark-mode .navbar-dropdown {
background: var(--bg-surface);
color: var(--text-main);
border: 1px solid var(--border-color);
}
/* =========================
Breadcrumbs
========================= */
body.dark-mode .breadcrumb {
background-color: var(--bg-surface);
border-bottom: 1px solid var(--border-color);
}
body.dark-mode .breadcrumb a {
color: var(--link-color) !important;
}
/* =========================
Messages / Notifications
========================= */
body.dark-mode .notification {
background: var(--bg-surface);
color: var(--text-main);
border-left: 4px solid var(--prosoft-normal);
}
body.dark-mode .message .message-body {
background: var(--bg-surface);
color: var(--text-main);
border-color: var(--border-color);
}
/* =========================
Tables
========================= */
body.dark-mode table,
body.dark-mode th,
body.dark-mode td {
background: var(--bg-surface);
color: var(--text-main);
border-color: var(--border-color);
}
/* =========================
Inputs / Forms
========================= */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
background: var(--bg-surface);
color: var(--text-main);
border: 1px solid var(--border-color);
}
body.dark-mode input::placeholder {
color: var(--text-muted);
}
/* =========================
Navbar Dropdown (Dark Mode)
========================= */
body.dark-mode .navbar-dropdown {
background: var(--bg-surface);
border: 1px solid var(--border-color);
}
body.dark-mode .navbar-dropdown .navbar-item {
background: var(--bg-surface);
color: var(--text-main) !important;
}
body.dark-mode .navbar-dropdown .navbar-item:hover {
background: var(--bg-hover);
color: #fff !important;
}

3
templates/risks/item_risk.html
View file

@ -18,9 +18,6 @@
<!-- Tab: Overview -->
<div class="tab-panel" data-tab="overview">
<div class="card">
<header class="card-header">
<p class="card-header-title">{% trans "Overview" %}</p>
</header>
<div class="card-content">
<!-- General info -->