feat(cv): add print styles — light theme, narrower sidebar, hide UI controls

Force light theme CSS variables and white background for print output.
Narrow sidebar to 200px with 180px internal elements for better content
space. Hide language bar and theme toggle in print. Fix list marker
background to white.

Made-with: Cursor
master
sii42400 2026-04-17 16:05:21 +02:00
parent 3f06199523
commit 7ea0f314f6
1 changed files with 70 additions and 2 deletions

View File

@ -29,7 +29,7 @@ $foot_font_size: 9.8pt;
} }
.light-theme { .light-theme {
--bg-color: #f5f5f5; --bg-color: #ffffff;
--text-color: #333333; --text-color: #333333;
--text-visited: #555555; --text-visited: #555555;
--text-hover: #111111; --text-hover: #111111;
@ -705,4 +705,72 @@ body {
margin: 4px 0 4px 10px; margin: 4px 0 4px 10px;
} }
} }
} }
@media print {
:root {
--bg-color: #f5f5f5;
--text-color: #333333;
--text-visited: #555555;
--text-hover: #111111;
--text-active: #333333;
--div-bg-color: #1a56db;
--sidebar-bg: #e8e8e8;
--sidebar-border: rgba(0, 0, 0, 0.1);
--segment-bg: #f5f5f5;
--on-accent-color: #ffffff;
}
body {
background-color: rgb(255, 255, 255) !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.main_content .segment_content_work ul li::before {
background-color: rgb(255, 255, 255) !important;
}
.sidebar {
width: 200px;
padding: 10px;
.sidebar_header {
.language_bar,
.theme_toggle {
display: none !important;
}
}
.segment_general {
.segment_image {
width: 180px;
height: 180px;
}
.segment_title_image {
width: 180px;
font-size: 16pt;
padding-top: 10px;
height: 40px;
}
.segment_description_general {
font-size: 7pt;
}
}
.captcha-container {
width: 180px;
}
.segment_content_image {
width: 180px;
font-size: 8pt;
}
}
.page_layout {
padding-left: 200px;
}
}