From 98a8feb2ea915ebfc51cc6dbfbe9c40c869a3259 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Tue, 3 Aug 2021 09:43:25 +0200
Subject: [PATCH] MOBILE-3711 styles: Some style fixes

Reverted 6822e0246f96c58af5d0984bd8243bb22891fdcc since it broke some
styles the problem on the original commit was an ion-item without
ion-label
---
 src/core/components/combobox/combobox.scss        | 1 +
 src/core/features/sitehome/pages/index/index.html | 4 ++--
 src/theme/components/format-text.scss             | 5 ++++-
 src/theme/theme.base.scss                         | 8 ++++----
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/core/components/combobox/combobox.scss b/src/core/components/combobox/combobox.scss
index 1de608344..950503000 100644
--- a/src/core/components/combobox/combobox.scss
+++ b/src/core/components/combobox/combobox.scss
@@ -99,6 +99,7 @@ ion-button {
         font-weight: 400;
         font-size: 16px;
         line-height: 20px;
+        border-radius: 0;
     }
 
     .select-text {
diff --git a/src/core/features/sitehome/pages/index/index.html b/src/core/features/sitehome/pages/index/index.html
index 799dede96..9ee1cac42 100644
--- a/src/core/features/sitehome/pages/index/index.html
+++ b/src/core/features/sitehome/pages/index/index.html
@@ -21,8 +21,8 @@
                     <!-- Site home main contents. -->
                     <ng-container *ngIf="section && section.hasContent">
                         <ion-item class="ion-text-wrap" *ngIf="section.summary">
-                            <core-format-text [text]="section.summary" contextLevel="course" [contextInstanceId]="siteHomeId">
-                            </core-format-text>
+                            <ion-label><core-format-text [text]="section.summary" contextLevel="course" [contextInstanceId]="siteHomeId">
+                            </core-format-text></ion-label>
                         </ion-item>
 
                         <core-course-module *ngFor="let module of section.modules" [module]="module" [courseId]="siteHomeId"
diff --git a/src/theme/components/format-text.scss b/src/theme/components/format-text.scss
index 0e617a2b8..eee01ca1f 100644
--- a/src/theme/components/format-text.scss
+++ b/src/theme/components/format-text.scss
@@ -16,11 +16,12 @@ body.dark core-format-text {
 }
 
 core-format-text {
-    display: block;
+    display: contents;
 
     .core-format-text-loader {
         opacity: 0;
         @include core-transition(opacity, 200ms);
+        display: contents;
     }
 
     &.core-format-text-loading {
@@ -31,6 +32,7 @@ core-format-text {
         background-color: rgba(0,0,0,.1);
         overflow: hidden;
         border-radius: 5px;
+        display: block;
 
         .core-format-text-loader {
             position: absolute;
@@ -66,6 +68,7 @@ core-format-text {
 
     &[maxHeight],
     &[ng-reflect-max-height] {
+        display: block;
         position: relative;
         width: 100%;
         overflow: hidden;
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index f18cc6ad5..d2825f348 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -466,7 +466,7 @@ ion-toolbar {
 
         border-bottom: 3px solid var(--color-base);
 
-        ion-item::part(native) {
+        ion-item {
             --inner-border-width: 0;
         }
         ion-label {
@@ -480,9 +480,9 @@ ion-toolbar {
     .item.core-#{$color-name}-item {
         --color-base: var(--ion-color-#{$color-name});
 
-        --inner-border-width: 0 0 3px 0;
-        --border-width: 0;
-        border-bottom: 3px solid var(--color-base) !important;
+        --border-width: 0 0 3px 0;
+        --border-color: var(--color-base);
+        --inner-border-width: 0;
         ion-icon {
             color: var(--color-base);
         }