From 07b9fefb655a7512a239de915cf9f1dd3865ca67 Mon Sep 17 00:00:00 2001
From: MisRob <robosovam@gmail.com>
Date: Mon, 14 Feb 2022 13:37:15 +0100
Subject: [PATCH] Fix invalid style

There was a missing px unit after this.fixedHeaderHeight value
in CSS `calc` which seems to cause the side panel not appear
at all in Internet Explorer. `calc` has been removed here
completely because it's not needed in computed prop.

Fixes https://github.com/learningequality/kolibri/issues/9100
---
 kolibri/core/assets/src/views/FullScreenSidePanel/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/kolibri/core/assets/src/views/FullScreenSidePanel/index.vue b/kolibri/core/assets/src/views/FullScreenSidePanel/index.vue
index 9273e9bdd3f..1cdcfe4e6e8 100644
--- a/kolibri/core/assets/src/views/FullScreenSidePanel/index.vue
+++ b/kolibri/core/assets/src/views/FullScreenSidePanel/index.vue
@@ -171,7 +171,7 @@
       },
       closeButtonStyles() {
         return {
-          top: `calc((${this.fixedHeaderHeight} - 40px) / 2)`,
+          top: `${(this.fixedHeaderHeight - 40) / 2}px`,
         };
       },
       closeButtonFullScreenSidePanelStyles() {