MOBILE-4470 data: Improve styles applied in database
parent
413dbef142
commit
64cc206e19
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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" />
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Reference in New Issue