From 92f33e9a2e755d9ea4da1141952da364408f7530 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Wed, 26 Jan 2022 13:37:04 +0100
Subject: [PATCH] MOBILE-3814 my: Fix broken logo on my courses toolbar

---
 .../components/filteroptions/filteroptions.html  |  2 +-
 src/core/features/courses/pages/my/my.scss       | 16 ++++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/addons/block/myoverview/components/filteroptions/filteroptions.html b/src/addons/block/myoverview/components/filteroptions/filteroptions.html
index dc8db1c6d..39dcd2491 100644
--- a/src/addons/block/myoverview/components/filteroptions/filteroptions.html
+++ b/src/addons/block/myoverview/components/filteroptions/filteroptions.html
@@ -5,7 +5,7 @@
         </ion-title>
         <ion-buttons slot="end">
             <ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="fas-times" slot="icon-only" aria-hidden=true></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/features/courses/pages/my/my.scss b/src/core/features/courses/pages/my/my.scss
index 4d244fdc8..7c90901e1 100644
--- a/src/core/features/courses/pages/my/my.scss
+++ b/src/core/features/courses/pages/my/my.scss
@@ -1,3 +1,5 @@
+@import "~theme/globals";
+
 :host ::ng-deep ion-item-divider {
     display: none !important;
 }
@@ -8,3 +10,17 @@
 :host-context(ion-tabs.placement-bottom) ::ng-deep core-loading {
     --internal-loading-inline-min-height: calc(100vh - var(--core-header-toolbar-height) - var(--bottom-tabs-size) - 2px);
 }
+
+@if ($core-dashboard-logo) {
+    .in-toolbar h1 .core-header-logo {
+        max-height: calc(var(--core-header-toolbar-height) - 24px);
+    }
+
+    .in-toolbar h1 core-format-text {
+        display: none;
+    }
+} @else {
+    .in-toolbar h1 .core-header-logo {
+        display: none;
+    }
+}