MOBILE-3320 core: Fix iFrame help button styles
parent
0d7e252ca2
commit
b335b5123a
|
@ -10,9 +10,9 @@
|
||||||
color="dark" expand="block" fill="clear"
|
color="dark" expand="block" fill="clear"
|
||||||
(click)="openIframeHelpModal()"
|
(click)="openIframeHelpModal()"
|
||||||
aria-haspopup="dialog"
|
aria-haspopup="dialog"
|
||||||
class="core-button-as-link"
|
class="core-button-as-link core-iframe-help"
|
||||||
>
|
>
|
||||||
<ion-label>{{ 'core.iframehelp' | translate }}</ion-label>
|
{{ 'core.iframehelp' | translate }}
|
||||||
</ion-button>
|
</ion-button>
|
||||||
|
|
||||||
<span class="core-loading-spinner">
|
<span class="core-loading-spinner">
|
||||||
|
|
|
@ -799,13 +799,12 @@ export class CoreFormatTextDirective implements OnChanges {
|
||||||
protected addIframeHelp(iframe: HTMLIFrameElement): void {
|
protected addIframeHelp(iframe: HTMLIFrameElement): void {
|
||||||
const helpDiv = document.createElement('div');
|
const helpDiv = document.createElement('div');
|
||||||
|
|
||||||
helpDiv.classList.add('ion-text-center');
|
helpDiv.classList.add('ion-text-center', 'ion-text-wrap');
|
||||||
helpDiv.classList.add('ion-text-wrap');
|
|
||||||
helpDiv.classList.add('core-iframe-help');
|
|
||||||
|
|
||||||
const button = document.createElement('ion-button');
|
const button = document.createElement('ion-button');
|
||||||
button.setAttribute('fill', 'clear');
|
button.setAttribute('fill', 'clear');
|
||||||
button.setAttribute('aria-haspopup', 'dialog');
|
button.setAttribute('aria-haspopup', 'dialog');
|
||||||
|
button.classList.add('core-iframe-help', 'core-button-as-link');
|
||||||
button.innerHTML = Translate.instant('core.iframehelp');
|
button.innerHTML = Translate.instant('core.iframehelp');
|
||||||
|
|
||||||
button.addEventListener('click', () => {
|
button.addEventListener('click', () => {
|
||||||
|
|
Loading…
Reference in New Issue