From 8930ba1ddcc5995abaff51b8bccc1425d7764701 Mon Sep 17 00:00:00 2001 From: Fabio Caccamo Date: Fri, 21 Jan 2022 14:17:09 +0100 Subject: [PATCH] Fixed login logo max-width and title color. --- .../admin_interface/css/admin-interface-fix.css | 11 ++--------- .../templates/admin_interface/css/admin-interface.css | 10 ++++++++-- 2 files changed, 10 insertions(+), 11 deletions(-) diff --git a/admin_interface/templates/admin_interface/css/admin-interface-fix.css b/admin_interface/templates/admin_interface/css/admin-interface-fix.css index cfc8ae8..643e96d 100644 --- a/admin_interface/templates/admin_interface/css/admin-interface-fix.css +++ b/admin_interface/templates/admin_interface/css/admin-interface-fix.css @@ -26,7 +26,7 @@ min-height: auto; padding: 10px 30px; line-height: 30px; - align-items: flex-start; + align-items: center; justify-content: flex-start; } @@ -35,7 +35,6 @@ } .admin-interface.login #header #branding h1 img.logo { - max-width: 100%; margin-right: 0; } @@ -82,7 +81,7 @@ @media (max-width:1024px) { .admin-interface #header { - align-items: center; + align-items: start; } } @@ -93,12 +92,6 @@ display:inline-block !important; /* override inline display:none; */ } -@media (max-width:400px) { - .admin-interface #branding h1 img.logo { - max-width: 100%; - } -} - .admin-interface #branding h1 span { display: inline-block; } diff --git a/admin_interface/templates/admin_interface/css/admin-interface.css b/admin_interface/templates/admin_interface/css/admin-interface.css index 43e845d..53a350f 100644 --- a/admin_interface/templates/admin_interface/css/admin-interface.css +++ b/admin_interface/templates/admin_interface/css/admin-interface.css @@ -133,7 +133,9 @@ display: inline-block; } -.admin-interface #branding h1 { +.admin-interface #branding h1, +.admin-interface.login #header h1, +.admin-interface.login #header h1 a { color: {{ theme.title_color }}; } @@ -149,9 +151,13 @@ background-image: url("data:image/svg+xml;utf8,"); } -.admin-interface #branding h1 img.logo { +.admin-interface #branding h1 img.logo, +.admin-interface.login #header #branding h1 img.logo { {% if theme.logo_max_width > 0 %} max-width: {{ theme.logo_max_width }}px; + max-width: min({{ theme.logo_max_width }}px, 100%); + {% else %} + max-width: 100%; {% endif %} {% if theme.logo_max_height > 0 %} max-height: {{ theme.logo_max_height }}px;