Merge pull request #1720 from TechnologyEnhancedLearning/Develop/Fixes/TD-6914-Issue-with-the-alignment-of-Catalogue-tag-showing-on-'Catalogue'-search-results

TD-6914:fixed  the alignment of Catalogue tag showing on 'Catalogue' …

Author: AnjuJose011

LearningHub.Nhs.WebUI/Styles/nhsuk/layout.scss

@@ -338,7 +338,17 @@ li.autosuggestion-option:last-of-type {
 }
 
 
-
+.search-catalogue-badge {
+    position: absolute;
+    top: 0;
+    right: 0;
+    background-color: #0056b3;
+    color: white;
+    padding: 5px 15px;
+    border-top-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+    font-size: 0.8em;
+}
 
 .side-nav__item:last-child {
     border-bottom: none;

LearningHub.Nhs.WebUI/Views/Search/_SearchCatalogueResult.cshtml

@@ -24,30 +24,13 @@
 &query={searchSignalQueryEncoded}&name={payload?.DocumentFields?.Name}";
         return url;
     }
-    //     var catalogueResult = Model.ResourceSearchResult;
-    //     var pagingModel = Model.CatalogueResultPaging;
-    //     var searchString = HttpUtility.UrlEncode(Model.SearchString);
-    //     var suggestedSearchString = Model.DidYouMeanEnabled ? HttpUtility.UrlEncode(Model.SuggestedCatalogue) : HttpUtility.UrlEncode(Model.SearchString);
-
-    //     string GetCatalogueUrl(string catalogueUrl, int? nodePathId, int itemIndex, int catalogueId, SearchClickPayloadModel payload)
-    //     {
-    //         var searchSignal = payload?.SearchSignal;
-    //         string encodedCatalogueUrl = HttpUtility.UrlEncode("/Catalogue/" + catalogueUrl);
-    //         string groupId = HttpUtility.UrlEncode(Model.GroupId.ToString());
-    //         string searchSignalQueryEncoded = HttpUtility.UrlEncode(HttpUtility.UrlDecode(searchSignal?.Query));
-
-    //         var url = $@"/search/record-catalogue-click?url={encodedCatalogueUrl}&nodePathId={nodePathId}&itemIndex={payload?.HitNumber}
-    // &pageIndex={pagingModel.CurrentPage}&totalNumberOfHits={payload?.SearchSignal?.Stats?.TotalHits}&searchText={suggestedSearchString}&catalogueId={catalogueId}
-    // &GroupId={groupId}&searchId={searchSignal?.SearchId}&timeOfSearch={searchSignal?.TimeOfSearch}&userQuery={HttpUtility.UrlEncode(searchSignal?.UserQuery)}
-    // &query={searchSignalQueryEncoded}&name={payload?.DocumentFields?.Name}";
-    //         return url;
 }
 
 <div class="resource-item nhsuk-card nhsuk-card--clickable nhsuk-u-margin-bottom-4">
 
-    <div class="nhsuk-card__content" style="padding: 10px;">
+    <div class="nhsuk-card__content nhsuk-u-padding-bottom-2 nhsuk-u-padding-left-2 nhsuk-u-padding-right-2">
 
-        <div style="position: absolute; top: 0; right: 0; background-color: #0056b3; color: white; padding: 5px 15px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; font-size: 0.8em;"> Catalogue </div>
+        <div class="search-catalogue-badge"> Catalogue </div>
 
         <h3 class="nhsuk-heading-xs nhsuk-u-margin-bottom-2">
             <a class="nhsuk-card__link" href="@GetUrl(item.CatalogueUrl, item.NodePathId ?? 0, 0, Convert.ToInt32(item.Id), item.Click.Payload)">@item.Title</a>