From 90af711784e2fe1b1f5e52abe778e3ea2af0b700 Mon Sep 17 00:00:00 2001
From: Sujith Sojan <sujithsojan@gmail.com>
Date: Mon, 27 Mar 2023 15:39:04 +0530
Subject: [PATCH] Issue #ED-1535 fix: UI is not proper for filter URL

---
 src/app/search/search.page.html |  6 +++---
 src/app/search/search.page.scss | 18 +++++++++++++++---
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/app/search/search.page.html b/src/app/search/search.page.html
index 518cd93a9..b51070375 100644
--- a/src/app/search/search.page.html
+++ b/src/app/search/search.page.html
@@ -182,7 +182,7 @@
     </ion-list>
 
     <div *ngIf="searchContentResult && searchContentResult.length">
-      <div class="pills-filter" [ngClass]="{'mt-32': hideSearchOption, '': !hideSearchOption, 'scc-container': searchInfolVisibility === 'show', '':searchInfolVisibility === 'hide'}">
+      <div class="pills-filter" [ngClass]="{'mt-32': hideSearchOption, '': !hideSearchOption}">
         <sb-pills-grid *ngIf="primaryCategoryFilters && primaryCategoryFilters.length" (select)="handleFilterSelect($event)"
           [pillsViewType]="PillsViewType.SCROLL"
           [pillBorder]="PillBorder.ROUND">
@@ -193,7 +193,7 @@
           </sb-pill-item>
         </sb-pills-grid>
       </div>
-      <div class="sb-search-history-entry fixed-counter row" [ngClass]="{'scc-container': searchInfolVisibility === 'show', '':searchInfolVisibility === 'hide'}">
+      <div class="sb-search-history-entry fixed-counter row" [ngClass]="{'scc-container': searchInfolVisibility === 'hide', 'sbc-container':searchInfolVisibility === 'show'}">
         <div class="col" *ngIf="searchKeywords">
           {{'SHOWING_RESULT_OUTOF_TOTAL' | translate: {'%count': searchContentResult.length, '%query': totalCount} }}
         </div>
@@ -201,7 +201,7 @@
           {{'RECOMMENDATION_BASED_ON_PROFILE' | translate }}
         </div>
       </div>
-      <div class="sc-container">
+      <div [ngClass]="{'scc-container':searchInfolVisibility === 'show', 'sbcc-container': searchInfolVisibility === 'hide'}">
         <div class="sc-content" *ngFor="let content of searchContentResult; let i = index; let last = last">
           <sb-library-card [content]="content" [type]="'mobile_textbook'" [isSelected]="content.selected"
             [layoutConfig]="{layout: 'v4'}"
diff --git a/src/app/search/search.page.scss b/src/app/search/search.page.scss
index 03e82e2c2..b46e5b4f4 100644
--- a/src/app/search/search.page.scss
+++ b/src/app/search/search.page.scss
@@ -433,7 +433,7 @@
 .pills-filter {
   position: fixed;
   z-index: 1;
-  top: 8.5rem;
+  top: 6rem;
   padding-bottom: 0.5rem;
   background-color: var(--app-tertiary-background);
 }
@@ -445,7 +445,7 @@
   z-index: 1;
   background-color: var(--app-tertiary-background);
   width: 100%;
-  top: 13rem;
+  top: 9rem;
   height: 3rem;
   div {
     background-color: var(--app-white);
@@ -455,6 +455,18 @@
   }
 }
 
-.fixed-counter + .sc-container, .scc-container {  
+.fixed-counter + .sc-container {  
   margin-top: 7rem;
 }
+
+.fixed-counter + .scc-container {
+  margin-top: 4rem;
+ }
+
+ .pills-filter+ .sbc-container {
+  margin-top: 6rem;
+ }
+ 
+ .sb-search-history-entry+ .sbcc-container {
+  margin-top: 3rem;
+ }
\ No newline at end of file