MOBILE-4348 home: Fix sitehome icon sizes

moodlehq · Sep 29, 2023 · 949764d · 949764d
1 parent 5880e51
commit 949764d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/src/core/features/course/components/course-format/course-format.html b/src/core/features/course/components/course-format/course-format.html
@@ -96,7 +96,7 @@ <h2 *ngIf="section.name" class="big" [id]="'core-section-name-' + section.id">
             <ion-badge *ngIf="section.highlighted && highlighted" slot="end">{{highlighted}}</ion-badge>
         </ion-item-divider>
 
-        <ion-item class="ion-text-wrap" *ngIf="section.summary">
+        <ion-item class="ion-text-wrap section-summary" *ngIf="section.summary">
             <ion-label>
                 <core-format-text [text]="section.summary" contextLevel="course" [contextInstanceId]="course.id">
                 </core-format-text>

diff --git a/src/core/features/sitehome/pages/index/index.html b/src/core/features/sitehome/pages/index/index.html
@@ -11,7 +11,7 @@
         <ion-list class="core-course-module-list-wrapper">
             <!-- Site home main contents. -->
             <ng-container *ngIf="section && section.hasContent">
-                <ion-item class="ion-text-wrap" *ngIf="section.summary">
+                <ion-item class="ion-text-wrap section-summary" *ngIf="section.summary">
                     <ion-label>
                         <core-format-text [text]="section.summary" contextLevel="course" [contextInstanceId]="siteHomeId">
                         </core-format-text>

diff --git a/src/core/features/sitehome/pages/index/index.scss b/src/core/features/sitehome/pages/index/index.scss
@@ -2,12 +2,12 @@
 
 ion-item ion-icon {
     display: inline-block;
-    border-radius: var(--module-icon-radius);
-    padding: 0.7rem;
+    border-radius: var(--radius-xs);
+    padding: 4px;
     background-color: var(--gray-100);
     color: var(--gray-900);
     line-height: var(--size);
-    --margin-end: 1rem;
+    --margin-end: 8px;
     @include margin-horizontal(null, var(--margin-end));
 }
 

diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
@@ -961,6 +961,10 @@ ion-card {
     display: inline !important;
 }
 
+.section-summary core-format-text img {
+    border-radius: var(--radius-lg);
+}
+
 ion-list.core-course-module-list-wrapper,
 .list-item-limited-width,
 .core-course-module-list-wrapper,