* Update modal class and remove old/obsolete styles (#9438)
* Fix appearance of time entry configuration modalpull/9445/head
Henriette Darge
3 years ago
committed by
GitHub
parent
2a6bc3d495
commit
daebe0e9e4
@ -1,62 +0,0 @@ |
||||
import { |
||||
ChangeDetectorRef, Component, ElementRef, Inject, OnDestroy, OnInit, |
||||
} from '@angular/core'; |
||||
import { OpModalLocalsMap } from 'core-app/shared/components/modal/modal.types'; |
||||
import { OpModalComponent } from 'core-app/shared/components/modal/modal.component'; |
||||
import { OpModalLocalsToken } from 'core-app/shared/components/modal/modal.service'; |
||||
import { I18nService } from 'core-app/core/i18n/i18n.service'; |
||||
import { boardTeaserVideoURL } from 'core-app/features/boards/board-constants.const'; |
||||
import { DomSanitizer } from '@angular/platform-browser'; |
||||
|
||||
@Component({ |
||||
template: ` |
||||
<div class="op-modal--portal"> |
||||
<div class="op-modal--modal-container" |
||||
data-indicator-name="modal" |
||||
tabindex="0"> |
||||
<div class="op-modal--modal-header"> |
||||
<h3 [textContent]="text.title"></h3> |
||||
|
||||
<a class="op-modal--modal-close-button"> |
||||
<i |
||||
class="icon-close" |
||||
(click)="closeMe($event)" |
||||
[attr.title]="text.closePopup"> |
||||
</i> |
||||
</a> |
||||
</div> |
||||
|
||||
<iframe [src]="teaserVideoUrl" |
||||
width="800" |
||||
height="500" |
||||
class="boards--teaser-video" |
||||
frameborder="0" |
||||
allow="autoplay; fullscreen" |
||||
allowfullscreen> |
||||
</iframe> |
||||
</div> |
||||
</div> |
||||
|
||||
`,
|
||||
}) |
||||
export class BoardVideoTeaserModalComponent extends OpModalComponent implements OnInit, OnDestroy { |
||||
/* Close on escape? */ |
||||
public closeOnEscape = false; |
||||
|
||||
/* Close on outside click? */ |
||||
public closeOnOutsideClick = false; |
||||
|
||||
public text:any = { |
||||
title: this.I18n.t('js.label_board_plural'), |
||||
}; |
||||
|
||||
public teaserVideoUrl = this.domSanitizer.bypassSecurityTrustResourceUrl(boardTeaserVideoURL); |
||||
|
||||
constructor(readonly elementRef:ElementRef, |
||||
@Inject(OpModalLocalsToken) public locals:OpModalLocalsMap, |
||||
readonly cdRef:ChangeDetectorRef, |
||||
readonly I18n:I18nService, |
||||
readonly domSanitizer:DomSanitizer) { |
||||
super(locals, cdRef, elementRef); |
||||
} |
||||
} |
||||
@ -1,7 +0,0 @@ |
||||
.op-modal--modal-container |
||||
max-width: 90vw |
||||
width: 800px |
||||
|
||||
.icon-log_time |
||||
&:before |
||||
padding-right: 6px |
||||
Loading…
Reference in new issue