Merge pull request #598 from sunbird-cb/course-card-logo-fix

course-card logo icon fixed
sunbird-cb · Oct 26, 2022 · 5e9860e · 5e9860e
2 parents 786dc7b + e03dd63
commit 5e9860e
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 11 deletions.
diff --git a/library/ws-widget/collection/src/lib/card-content/card-content.component.html b/library/ws-widget/collection/src/lib/card-content/card-content.component.html
@@ -684,11 +684,11 @@ <h3 class="ws-mat-warn-text">Reply</h3>
             <!-- image overlay box-->
 
 
-            <div class="course_logo_box">
+            <!-- <div class="course_logo_box">
               <img [src]="widgetData.content.creatorLogo | pipePublicURL " class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"
               [alt]="(widgetData.content.sourceName + '_' + widgetData.content.identifier)" />
-              <!-- <p class="mat-subheading-1 margin-remove">IGOT</p> -->
-            </div>
+
+            </div> -->
           <div class="source-div" style="display: none;">
             <!-- [src]="sourseIcon(widgetData.content.sourceName)" -->
             <img [src]="widgetData.content.creatorLogo" class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"
@@ -708,6 +708,8 @@ <h3 class="ws-mat-warn-text">Reply</h3>
             [queryParams]="(widgetData.content | pipeContentRoute).queryParams" [state]="widgetData?.stateData"
             role="link" i18n-aria-label>
 
+
+
             <div class="text-gray-time complexity flex-between flex-center">
               <!-- <div *ngIf="widgetData.content.complexityLevel" i18n-title title="Complexity Level">
                 {{ widgetData.content.complexityLevel }}
@@ -726,6 +728,12 @@ <h3 class="ws-mat-warn-text">Reply</h3>
               </div> -->
             </div>
 
+            <div class="course_logo_box">
+              <img [src]="widgetData.content.creatorLogo | pipePublicURL " class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"
+              [alt]="(widgetData.content.sourceName + '_' + widgetData.content.identifier)" />
+              <!-- <p class="mat-subheading-1 margin-remove">IGOT</p> -->
+            </div>
+
             <div class="course_widget">
               <mat-icon class="mat-icon main_icon  ws-mat-default-text margin-right-xs">video_library</mat-icon>
               <ws-widget-display-content-type i18n-title title="Content Type" *ngIf="widgetData.content?.primaryCategory"

diff --git a/library/ws-widget/collection/src/lib/card-content/card-content.component.scss b/library/ws-widget/collection/src/lib/card-content/card-content.component.scss
@@ -291,19 +291,25 @@
 .course_logo_box {
   position: absolute;
   z-index: 9;
-  width: 100px;
+  width: 55px;
   background: #fff;
-  padding: 5px 13px;
-  right: 0;
-  border-radius: 16px 16px;
+  padding: 11px 12px;
+  // right: 0;
+  left: 0;
+
+  border-radius: 8px 8px;
   box-sizing: border-box;
-  height: 32px;
+  height: 55px;
+  margin-top: 27px;
+  margin-left: 12px;
+  box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
 
 
   img {
-    height: 20px;
+    height: 30px;
+    width: 30px;
     display: inline-block;
-    margin-right: 4px;
+    margin-right: 0px;
   }
   p {
     display: inline-block;
@@ -312,7 +318,7 @@
  }
 
 .course_widget {
-   margin-top: 65px;
+   margin-top: 90px;
 
    .mat-icon {
      vertical-align: middle;