admin/open-school
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve style

Browse Source
This commit is contained in:
laurentbarontini
2026-05-02 19:13:08 +02:00
parent c93d26d696
commit 690deff6e5
2 changed files with 34 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
backend/app/program_content.py
View File

@@ -25,6 +25,7 @@ def default_content_root() -> Path:
CONTENT_ROOT = Path(os.getenv("PROGRAM_CONTENT_ROOT", default_content_root())).resolve() CONTENT_ROOT = Path(os.getenv("PROGRAM_CONTENT_ROOT", default_content_root())).resolve()
LESSON_BACKGROUND = "#f5f7fb"
GRADE_ALIASES = { GRADE_ALIASES = {
"CM1": "cm1", "CM1": "cm1",
@@ -134,6 +135,32 @@ def render_svg_section(path: Path, section_index: int) -> str:
raise IndexError("Section introuvable") raise IndexError("Section introuvable")
x, y, width, height = sections[section_index]["view_box"] x, y, width, height = sections[section_index]["view_box"]
text = path.read_text(encoding="utf-8", errors="ignore") text = path.read_text(encoding="utf-8", errors="ignore")
first_group_index = text.find("<g ")
if first_group_index > -1:
before_groups = text[:first_group_index]
after_groups = text[first_group_index:]
before_groups = re.sub(
r"\.bg\s*\{[^}]*\}",
f".bg {{ fill: {LESSON_BACKGROUND}; }}",
before_groups,
count=1,
)
before_groups = re.sub(
r"\.panel\s*\{[^}]*\}",
(
".panel { fill: #ffffff; stroke: #d5e0dc; stroke-width: 3; "
"filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.08)); }"
),
before_groups,
count=1,
)
before_groups = re.sub(
r'(<rect\b(?=[^>]*class="panel")(?=[^>]*/>)[^>]*)/>',
rf'\1 style="fill:{LESSON_BACKGROUND};stroke:none;filter:none"/>',
before_groups,
count=1,
)
text = before_groups + after_groups
text = re.sub(r'\swidth="[^"]+"', f' width="{int(width)}"', text, count=1) text = re.sub(r'\swidth="[^"]+"', f' width="{int(width)}"', text, count=1)
text = re.sub(r'\sheight="[^"]+"', f' height="{int(height)}"', text, count=1) text = re.sub(r'\sheight="[^"]+"', f' height="{int(height)}"', text, count=1)
text = re.sub( text = re.sub(

13
frontend/src/styles.css
View File

@@ -320,15 +320,16 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
height: 144px; height: 144px;
border-radius: 0; border-radius: 0;
overflow: hidden; overflow: hidden;
background: transparent; background: #f5f7fb;
box-shadow: none; box-shadow: none;
} }
.avatar.speaking { animation: pulse 0.7s infinite alternate; } .avatar.speaking { animation: pulse 0.7s infinite alternate; }
.avatar-image { .avatar-image {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: contain;
display: block; display: block;
mix-blend-mode: multiply;
} }
.avatar-caption { font-weight: 700; } .avatar-caption { font-weight: 700; }
.login-page { .login-page {
@@ -513,7 +514,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
flex-direction: column; flex-direction: column;
gap: 0.4rem; gap: 0.4rem;
padding: 0; padding: 0;
background: transparent; background: #f5f7fb;
color: #14213d; color: #14213d;
border: none; border: none;
} }
@@ -523,8 +524,8 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
flex: 1 1 auto; flex: 1 1 auto;
object-fit: contain; object-fit: contain;
border: 0; border: 0;
border-radius: 0; border-radius: 30px;
background: transparent; background: #f5f7fb;
} }
.lesson-bubble { .lesson-bubble {
min-height: 68px; min-height: 68px;
@@ -791,7 +792,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
max-height: none; max-height: none;
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
border-radius: 0; border-radius: 24px;
} }
.lesson-composer { .lesson-composer {