fix: Adaptive Logo Styling for Different Sizes and Dimensions

tutorindigo/components/MobileViewHeader.jsx

@@ -16,13 +16,13 @@ const MobileViewHeader = () => {
     <>
       <style>
         {`
-          #root header .logo-image.logo-white {
+          #root .logo-image.logo-white {
             display: none;
           }
-          [data-paragon-theme-variant="dark"] #root header .logo-image {
+          [data-paragon-theme-variant="dark"] #root .logo-image {
             display: none;
           }
-          [data-paragon-theme-variant="dark"] #root header .logo-white {
+          [data-paragon-theme-variant="dark"] #root .logo-white {
             display: block;
           }
         `}

tutorindigo/plugin.py

@@ -122,7 +122,7 @@ def _override_openedx_docker_image(
             (
                 f"mfe-dockerfile-post-npm-install-{mfe}",
                 """
-RUN npm install '@edx/brand@github:@edly-io/brand-openedx#indigo-2.5.0'
+RUN npm install '@edx/brand@github:@edly-io/brand-openedx#indigo-2.5.1'
 """,  # noqa: E501
             ),
         ]
@@ -131,7 +131,7 @@ def _override_openedx_docker_image(
 hooks.Filters.ENV_PATCHES.add_item(
     (
         "mfe-dockerfile-post-npm-install-authn",
-        "RUN npm install '@edx/brand@github:@edly-io/brand-openedx#indigo-2.5.0'",
+        "RUN npm install '@edx/brand@github:@edly-io/brand-openedx#indigo-2.5.1'",
     )
 )
 

tutorindigo/templates/indigo/lms/static/sass/extra/_footer.scss

@@ -69,6 +69,9 @@ footer.tutor-container {
         overflow: hidden;
         ol {
             text-align: center;
+            @include media-breakpoint-up(lg) {
+              text-align: right;
+            }
             li {
                 display: inline-block;
                 vertical-align: top;

tutorindigo/templates/indigo/lms/static/sass/extra/_header.scss

@@ -48,14 +48,14 @@ header.global-header {
     .header-logo {
         margin: 0;
         a {
-            margin: 15px 0 15px 35px;
+            margin: 0 0 0 35px;
             height: auto;
             @include media-breakpoint-up(lg) {
                 margin: 0;
-                margin: 20px 0 0;
+                margin: 6px 0 0;
             }
             .logo {
-                height: 24px;
+                height: 48px;
                 margin: 0;
 
                 body.indigo-dark-theme & {