diff --git a/src/core/components/bs-tooltip/bs-tooltip.ts b/src/core/components/bs-tooltip/bs-tooltip.ts
new file mode 100644
index 000000000..f3738b099
--- /dev/null
+++ b/src/core/components/bs-tooltip/bs-tooltip.ts
@@ -0,0 +1,29 @@
+// (C) Copyright 2015 Moodle Pty Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import { Component, Input } from '@angular/core';
+
+/**
+ * Component to display a Bootstrap Tooltip in a popover.
+ */
+@Component({
+ selector: 'core-bs-tooltip',
+ templateUrl: 'core-bs-tooltip.html',
+})
+export class CoreBSTooltipComponent {
+
+ @Input() content = '';
+ @Input() html?: boolean;
+
+}
diff --git a/src/core/components/bs-tooltip/core-bs-tooltip.html b/src/core/components/bs-tooltip/core-bs-tooltip.html
new file mode 100644
index 000000000..cc5e8e36c
--- /dev/null
+++ b/src/core/components/bs-tooltip/core-bs-tooltip.html
@@ -0,0 +1,6 @@
+
+
+
+ {{content}}
+
+
diff --git a/src/core/components/components.module.ts b/src/core/components/components.module.ts
index 02fc1268d..4e37a8a76 100644
--- a/src/core/components/components.module.ts
+++ b/src/core/components/components.module.ts
@@ -51,6 +51,7 @@ import { CorePipesModule } from '@pipes/pipes.module';
import { CoreAttachmentsComponent } from './attachments/attachments';
import { CoreFilesComponent } from './files/files';
import { CoreLocalFileComponent } from './local-file/local-file';
+import { CoreBSTooltipComponent } from './bs-tooltip/bs-tooltip';
@NgModule({
declarations: [
@@ -84,6 +85,7 @@ import { CoreLocalFileComponent } from './local-file/local-file';
CoreAttachmentsComponent,
CoreFilesComponent,
CoreLocalFileComponent,
+ CoreBSTooltipComponent,
],
imports: [
CommonModule,
@@ -124,6 +126,7 @@ import { CoreLocalFileComponent } from './local-file/local-file';
CoreAttachmentsComponent,
CoreFilesComponent,
CoreLocalFileComponent,
+ CoreBSTooltipComponent,
],
})
export class CoreComponentsModule {}
diff --git a/src/core/components/iframe/iframe.scss b/src/core/components/iframe/iframe.scss
index d99e54aae..67a48e598 100644
--- a/src/core/components/iframe/iframe.scss
+++ b/src/core/components/iframe/iframe.scss
@@ -1,5 +1,6 @@
-ion-app.app-root core-iframe {
+@import "~theme/globals";
+:host {
> div {
max-width: 100%;
max-height: 100%;
@@ -8,7 +9,7 @@ ion-app.app-root core-iframe {
border: 0;
display: block;
max-width: 100%;
- background-color: $gray-light;
+ background-color: var(--gray-light);
}
.core-loading-container {
diff --git a/src/core/components/iframe/iframe.ts b/src/core/components/iframe/iframe.ts
index 3269f7629..70ffdffcc 100644
--- a/src/core/components/iframe/iframe.ts
+++ b/src/core/components/iframe/iframe.ts
@@ -27,6 +27,7 @@ import { CoreLogger } from '@singletons/logger';
@Component({
selector: 'core-iframe',
templateUrl: 'core-iframe.html',
+ styleUrls: ['iframe.scss'],
})
export class CoreIframeComponent implements OnChanges {
diff --git a/src/core/features/course/components/module/core-course-module.html b/src/core/features/course/components/module/core-course-module.html
index cab6e929c..cf25c9990 100644
--- a/src/core/features/course/components/module/core-course-module.html
+++ b/src/core/features/course/components/module/core-course-module.html
@@ -22,10 +22,10 @@