From 64cc206e19292c6dd225693d3b638bee793ae3f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Wed, 22 May 2024 16:48:23 +0200
Subject: [PATCH] MOBILE-4470 data: Improve styles applied in database

---
 .../mod/data/components/index/addon-mod-data-index.html       | 4 ++--
 src/addons/mod/data/data.scss                                 | 2 +-
 src/addons/mod/data/pages/edit/edit.html                      | 4 ++--
 src/addons/mod/data/pages/entry/entry.html                    | 2 +-
 src/core/components/style/style.ts                            | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/addons/mod/data/components/index/addon-mod-data-index.html b/src/addons/mod/data/components/index/addon-mod-data-index.html
index ac4cf7ce9..ebf61e0a1 100644
--- a/src/addons/mod/data/components/index/addon-mod-data-index.html
+++ b/src/addons/mod/data/components/index/addon-mod-data-index.html
@@ -74,8 +74,8 @@
         </ion-card>
     </ng-container>
 
-    <div class="addon-data-contents addon-data-entries-{{database.id}}" *ngIf="!isEmpty && database">
-        <core-style [css]="database.csstemplate" prefix=".addon-data-entries-{{database.id}}" />
+    <div class="addon-data-contents addon-data-entries addon-data-entries-{{database.id}}" *ngIf="!isEmpty && database">
+        <core-style [css]="database.csstemplate" prefix="div.addon-data-entries.addon-data-entries-{{database.id}}" />
 
         <core-compile-html [text]="entriesRendered" [jsData]="jsData" [extraImports]="extraImports" />
     </div>
diff --git a/src/addons/mod/data/data.scss b/src/addons/mod/data/data.scss
index 043e327a3..70ceb7dd0 100644
--- a/src/addons/mod/data/data.scss
+++ b/src/addons/mod/data/data.scss
@@ -16,7 +16,7 @@ $grid-column-paddings: (
     --border-color: var(--stroke);
 }
 
-.addon-data-contents {
+.addon-data-edit-entry {
     overflow: visible;
     white-space: normal;
     word-break: break-word;
diff --git a/src/addons/mod/data/pages/edit/edit.html b/src/addons/mod/data/pages/edit/edit.html
index f4916f20f..df520ec87 100644
--- a/src/addons/mod/data/pages/edit/edit.html
+++ b/src/addons/mod/data/pages/edit/edit.html
@@ -20,8 +20,8 @@
         <core-group-selector [groupInfo]="groupInfo" [(selected)]="selectedGroup" (selectedChange)="setGroup(selectedGroup)"
             [courseId]="database?.course" />
 
-        <div class="addon-data-contents {{cssClass}}" *ngIf="database">
-            <core-style [css]="database.csstemplate" prefix=".{{cssClass}}" />
+        <div class="addon-data-contents addon-data-edit-entry {{cssClass}}" *ngIf="database">
+            <core-style [css]="database.csstemplate" prefix="div.addon-data-edit-entry.{{cssClass}}" />
 
             <form (ngSubmit)="save($event)" [formGroup]="editForm" #editFormEl>
                 <core-compile-html [text]="editFormRender" [jsData]="jsData" [extraImports]="extraImports" />
diff --git a/src/addons/mod/data/pages/entry/entry.html b/src/addons/mod/data/pages/entry/entry.html
index 0c2b27f8e..0c8d7026e 100644
--- a/src/addons/mod/data/pages/entry/entry.html
+++ b/src/addons/mod/data/pages/entry/entry.html
@@ -28,7 +28,7 @@
             [courseId]="courseId" />
 
         <div class="addon-data-contents addon-data-entry addon-data-entries-{{database.id}}" *ngIf="database && entry">
-            <core-style [css]="database.csstemplate" prefix=".addon-data-entries-{{database.id}}" />
+            <core-style [css]="database.csstemplate" prefix="div.addon-data-entry.addon-data-entries-{{database.id}}" />
 
             <core-compile-html [text]="entryHtml" [jsData]="jsData" [extraImports]="extraImports" (compiling)="setRenderingEntry($event)" />
         </div>
diff --git a/src/core/components/style/style.ts b/src/core/components/style/style.ts
index e831151f5..0cdefbe04 100644
--- a/src/core/components/style/style.ts
+++ b/src/core/components/style/style.ts
@@ -41,7 +41,7 @@ export class CoreStyleComponent implements OnChanges {
     ngOnChanges(): void {
         if (this.element && this.element.nativeElement) {
             const style = document.createElement('style');
-            style.innerText = this.prefixCSS(this.css, this.prefix);
+            style.innerHTML = this.prefixCSS(this.css, this.prefix);
 
             this.element.nativeElement.innerHTML = '';
             this.element.nativeElement.appendChild(style);