Merge pull request #2385 from vishnubansaltarento/cios-changes-for-mweb

Cios changes for mweb
sunbird-cb · Aug 1, 2024 · 2312233 · 2312233
2 parents f8b22ae + 05c6b0e
commit 2312233
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 2 deletions.
diff --git a/...ws-widget/collection/src/lib/_common/certificate-dialog/certificate-dialog.component.scss b/...ws-widget/collection/src/lib/_common/certificate-dialog/certificate-dialog.component.scss
@@ -127,4 +127,35 @@ a.download_btn {
     position: absolute !important;
     top: 19px !important;
     right: 18px !important;
+}
+
+@media screen and (max-width: 1200px) {
+    .btn-custom{
+        box-sizing: border-box;
+        position: relative;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        cursor: pointer;
+        outline: 0;
+        border: none;
+        -webkit-tap-highlight-color: transparent;
+        display: inline-block;
+        white-space: nowrap;
+        text-decoration: none;
+        vertical-align: baseline;
+        text-align: center;
+        margin: 0;
+        min-width: 64px;
+        line-height: 36px;
+        padding: 0 8px;
+        border-radius: 4px;
+        overflow: visible;
+    }
+
+    .gap-4 {
+        grid-gap: 0rem; 
+        gap: 0rem;
+    }
 }
diff --git a/...-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.html b/...-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.html
@@ -69,7 +69,7 @@
 </ng-template>
 
 <ng-template #competencyLabel>
-    <div class="mat-subheading-1 flex items-center gap-2">
+    <div class="pt-mweb-4 mat-subheading-1 flex items-center gap-2">
         {{ 'apptocsinglepage.competencies' | translate }}
         <mat-icon class="cursor-pointer ws-mat-black60-text info-icon mat-icon notranslate material-icons mat-icon-no-color"
             [matTooltipPosition]="'below'" #tooltip="matTooltip" (click)="tooltip.toggle()" matTooltip="{{ 'apptocsinglepage.competenciesTooltip' | translate }}">info_outline</mat-icon>
@@ -278,7 +278,7 @@
             </div>
         </ng-container>
         <ng-container *ngIf="!skeletonLoader">
-            <div class="mat-subheading-1 font-bold py-2">{{ 'apptocsinglepage.objectives' | translate }}</div>
+            <div class="mat-subheading-1 font-bold pt-mweb-8">{{ 'apptocsinglepage.objectives' | translate }}</div>
             <div [ngClass]="{'mob-desc-ellipsis': objectives.ellipsis && isMobile, 'desc-ellipsis': objectives.ellipsis && !isMobile}" #objectivesElem>
                 <span class="mob-text" [innerHtml]="handleCapitalize(content?.objectives)"></span>
                 <div class="ws-mat-default-text font-bold cursor-pointer text-sm" *ngIf="objectives.viewLess" (click)="objectives.ellipsis = !objectives.ellipsis; objectives.viewLess = !objectives.viewLess">&nbsp;{{ 'apptocsinglepage.viewLess' | translate }}</div>

diff --git a/...-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.scss b/...-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.scss
@@ -368,6 +368,16 @@ $mob-title-line-count: 2;
 
     .mobile-karma-points {
         display: none;
+    }    
+}
+
+@media screen and (max-width: 1200px){
+    .pt-mweb-8 {
+        padding-top: 2rem;
+    }
+
+    .pt-mweb-4 {
+        padding-top: 1rem;
     }
 }