packages/ecl/components/ecl-site-header/ecl-site-header-environment/ecl-site-header-environment.component.ts
Custom component, that shows the current environment of the application, for example 'develop', 'acceptance', etc. Adds some custom styling, so that the text will appear over the EU/EC logo.
| selector | [eclSiteHeaderEnvironment] |
| styles |
:host {
position: absolute;
width: 100%;
font-size: 1.3rem;
padding: 0.3rem;
opacity: 0.6;
text-align: center;
transform: rotate(-10deg);
}
@media print {
:host {
display: none;
}
}
|
| template | |
Methods |
Inputs |
HostBindings |
Accessors |
constructor()
|
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| class |
Type : string
|
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| cssClasses |
getcssClasses()
|