From 009b99c85035fbc16a510c2091edb53379f85d06 Mon Sep 17 00:00:00 2001
From: Samson Akol <akolson2010@gmail.com>
Date: Fri, 2 Jun 2023 22:22:04 +0300
Subject: [PATCH 1/2] Fixes hidden search elements in search panel

---
 .../learn/assets/src/views/SearchFiltersPanel/index.vue   | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue
index 1cbfd2216f..dc62e98703 100644
--- a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue
@@ -94,7 +94,7 @@
       />
       <div
         v-if="Object.keys(availableResourcesNeeded).length"
-        class="section show-resources"
+        class="section"
       >
         <h2 class="title">
           {{ coreString('showResources') }}
@@ -356,7 +356,7 @@
     top: 60px;
     left: 0;
     height: 100%;
-    padding: 24px;
+    padding: 24px 24px 80px;
     overflow-y: scroll;
     font-size: 14px;
     box-shadow: 0 3px 3px 0 #00000040;
@@ -375,10 +375,6 @@
     margin-top: 40px;
   }
 
-  .show-resources {
-    margin-bottom: 60px;
-  }
-
   .card-grid {
     margin-top: 40px;
     margin-left: 20px;

From fc5abcd2566946fb77b48f697d4e951cea22b420 Mon Sep 17 00:00:00 2001
From: Samson Akol <akolson2010@gmail.com>
Date: Tue, 6 Jun 2023 19:38:12 +0300
Subject: [PATCH 2/2] update css to show hidden search filters on ie11 and
 mobile browsers(chrome, firefox)

---
 .../src/views/SearchFiltersPanel/index.vue      | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue
index dc62e98703..03e5386b53 100644
--- a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue
+++ b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue
@@ -8,7 +8,7 @@
       backgroundColor: $themeTokens.surface,
       width: width,
     }"
-    :class="position === 'embedded' ? 'side-panel' : ''"
+    :class="position === 'embedded' ? 'side-panel' : 'drawer-panel'"
   >
     <div v-if="topics && topics.length && topicsListDisplayed">
       <div
@@ -351,17 +351,30 @@
 
 <style lang="scss" scoped>
 
+  .drawer-panel {
+    padding-bottom: 60px;
+  }
+
   .side-panel {
     position: fixed;
     top: 60px;
     left: 0;
     height: 100%;
-    padding: 24px 24px 80px;
+    padding: 24px 24px 0;
     overflow-y: scroll;
     font-size: 14px;
     box-shadow: 0 3px 3px 0 #00000040;
   }
 
+  /*
+  * Work around for https://bugzilla.mozilla.org/show_bug.cgi?id=1417667
+  */
+  .side-panel::after {
+    display: block;
+    padding-bottom: 70px;
+    content: '';
+  }
+
   .side-panel-folder-link {
     margin-top: 12px;
     margin-bottom: 12px;