Logo leesbaar maken in het donkere thema

Het donkerblauwe logo op de inlogpagina viel weg tegen de donkere achtergrond. In het donkere thema staat het nu op een lichte plaat. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Merge pull request 'Volledige schoolnaam tonen in de header' (#4 ) from schoolnaam_volledig into main
2026-10-14 20:01:09 +02:00 · 2026-10-14 16:24:26 +00:00 · 2026-10-14 18:23:51 +02:00 · 2026-10-14 16:11:54 +00:00
2 changed files with 3 additions and 1 deletions
@@ -97,6 +97,8 @@
    html[data-theme="dark"] .google-btn { background: var(--surface); color: var(--text); border-color: var(--border-strong); }
    html[data-theme="dark"] .google-btn:hover { background: var(--surface-muted); }
    html[data-theme="dark"] body.auth-page { background: var(--background-color); }
+    /* Logo is donkerblauw op transparant: op een lichte plaat zetten zodat het leesbaar blijft */
+    html[data-theme="dark"] .auth-logo { background: #f1f5f9; padding: 18px 24px; border-radius: var(--radius-lg); box-shadow: var(--shadow); }
    html[data-theme="dark"] mark { background: #854d0e; color: #fef9c3; }

    /* Pagina's met eigen pastelkleuren (gemarkeerde rijen, legendes, filters) */
@@ -11,7 +11,7 @@
    <link rel="icon" type="image/png" href="{{ url_for('static', filename='pivot_mark.png') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='global.css') }}">
    {% block head %}{% endblock %}
-    <style>.header-school { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }</style>
+    <style>.header-school { display: inline-block; min-width: 0; flex-shrink: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }</style>
    {% block extra_css %}{% endblock %}
 </head>
 <body class="{% block body_class %}{% endblock %}">
Author	SHA1	Message	Date
marijnandClaude Opus 5.5	eb07a9afef	Logo leesbaar maken in het donkere thema Het donkerblauwe logo op de inlogpagina viel weg tegen de donkere achtergrond. In het donkere thema staat het nu op een lichte plaat. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>	2026-10-14 20:01:09 +02:00
marijn	beaa5b2e5c	Merge pull request 'Volledige schoolnaam tonen in de header' (#4 ) from schoolnaam_volledig into main Reviewed-on: #4	2026-10-14 16:24:26 +00:00
marinostrusandClaude Opus 5.5	8620dfb916	Volledige schoolnaam tonen in de header De schoolnaam werd afgekapt op 200px. Nu wordt ze volledig getoond en enkel nog ingekort met … als er geen plaats meer is. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>	2026-10-14 18:23:51 +02:00
marijn	91a5b8a7f3	Merge pull request 'Donker thema toevoegen via gebruikersmenu rechtsboven' (#3 ) from donker_thema into main Reviewed-on: #3	2026-10-14 16:11:54 +00:00