Remove duplicate seach tab and button on medium screens

learningequality · Dec 13, 2021 · 578d93d · 578d93d
1 parent 979d464
commit 578d93d
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/kolibri/plugins/learn/assets/src/views/TopicsPage.vue b/kolibri/plugins/learn/assets/src/views/TopicsPage.vue
@@ -70,6 +70,7 @@
             :to="foldersLink"
           />
           <HeaderTab
+            v-if="!windowIsMedium"
             :text="coreString('searchLabel')"
             :to="searchLink"
           />
@@ -103,7 +104,7 @@
         <div
           class="card-grid"
         >
-          <div v-if="(windowIsMedium && searchActive)">
+          <div v-if="windowIsMedium">
             <KButton
               icon="filter"
               class="filter-overlay-toggle-button"
@@ -234,7 +235,7 @@
 
       <!-- Embedded Side panel is on larger views, and exists next to content -->
       <EmbeddedSidePanel
-        v-if="!!windowIsLarge || (windowIsMedium && !searchActive)"
+        v-if="!!windowIsLarge"
         v-model="searchTerms"
         :topicsListDisplayed="!searchActive"
         topicPage="True"
@@ -443,11 +444,9 @@
       foldersLink() {
         if (this.topic) {
           const query = {};
-          if (this.windowIsSmall) {
-            query.sidePanel = String(
-              this.$route.name === PageNames.TOPICS_TOPIC ? !this.sidePanelIsOpen : true
-            );
-          }
+          query.sidePanel = String(
+            this.$route.name === PageNames.TOPICS_TOPIC ? !this.sidePanelIsOpen : true
+          );
           return {
             name: PageNames.TOPICS_TOPIC,
             id: this.topic.id,
@@ -557,7 +556,7 @@
         return false;
       },
       sidePanelWidth() {
-        if (this.windowIsSmall || (this.windowIsMedium && this.searchActive)) {
+        if (this.windowIsSmall || this.windowIsMedium) {
           return 0;
         } else if (this.windowBreakpoint < 4) {
           return 234;