MOBILE-3320 core: Fix iFrame help button styles

main
Pau Ferrer Ocaña 2021-06-08 15:59:20 +02:00
parent 0d7e252ca2
commit b335b5123a
2 changed files with 4 additions and 5 deletions

View File

@ -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">

View File

@ -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', () => {