Explorar el Código

sticky header raised high enough to cover dashboard componenets

tags/2.037
Patrick Sun hace 5 años
padre
commit
0a81702400
Se han modificado 4 ficheros con 12 adiciones y 6 borrados
  1. +5
    -0
      src/app/app.component.scss
  2. +3
    -2
      src/app/auth/auth.component.html
  3. +2
    -2
      src/app/auth/auth.component.ts
  4. +2
    -2
      src/app/auth/dist/auth.component.js

+ 5
- 0
src/app/app.component.scss Ver fichero

display: block; display: block;
background-color: rgb(229, 230, 218); background-color: rgb(229, 230, 218);
box-shadow : 0px 0px 2px 0px #d6d2d2 box-shadow : 0px 0px 2px 0px #d6d2d2
}

.appbar,
.k-appbar-sticky{
z-index: 1000;
} }

+ 3
- 2
src/app/auth/auth.component.html Ver fichero

<legend class="k-form-legend">Login to Supercredit</legend> <legend class="k-form-legend">Login to Supercredit</legend>
<kendo-formfield [showErrors]="'initial'"> <kendo-formfield [showErrors]="'initial'">
<kendo-label [for]="email" text="Email"></kendo-label> <kendo-label [for]="email" text="Email"></kendo-label>
<input formControlName="email" kendoTextBox #email required />
<input formControlName="email" kendoTextBox #email required/>


<kendo-formerror *ngIf="userForm.controls.email.errors?.required">Error: Email is required <kendo-formerror *ngIf="userForm.controls.email.errors?.required">Error: Email is required
</kendo-formerror> </kendo-formerror>


<kendo-formfield [showErrors]="'initial'"> <kendo-formfield [showErrors]="'initial'">
<kendo-label [for]="password" text="Password"></kendo-label> <kendo-label [for]="password" text="Password"></kendo-label>
<input formControlName="password" type="password" kendoTextBox #password required />
<input formControlName="password" type="password"
kendoTextBox #password required />


<kendo-formerror *ngIf="userForm.controls.password.errors?.required">Error: Password is required <kendo-formerror *ngIf="userForm.controls.password.errors?.required">Error: Password is required
</kendo-formerror> </kendo-formerror>

+ 2
- 2
src/app/auth/auth.component.ts Ver fichero

export class AuthComponent implements OnInit { export class AuthComponent implements OnInit {


public userForm: FormGroup = new FormGroup({ public userForm: FormGroup = new FormGroup({
password: new FormControl('', [Validators.minLength(3), Validators.maxLength(20)]),
email: new FormControl('', Validators.email)
password: new FormControl('abcdefg', [Validators.minLength(3), Validators.maxLength(20)]),
email: new FormControl('email@email.com', Validators.email)
}); });


constructor(private menuService: MenuService, private rounter: Router) { } constructor(private menuService: MenuService, private rounter: Router) { }

+ 2
- 2
src/app/auth/dist/auth.component.js Ver fichero

this.menuService = menuService; this.menuService = menuService;
this.rounter = rounter; this.rounter = rounter;
this.userForm = new forms_1.FormGroup({ this.userForm = new forms_1.FormGroup({
password: new forms_1.FormControl('', [forms_1.Validators.minLength(3), forms_1.Validators.maxLength(20)]),
email: new forms_1.FormControl('', forms_1.Validators.email)
password: new forms_1.FormControl('abcdefg', [forms_1.Validators.minLength(3), forms_1.Validators.maxLength(20)]),
email: new forms_1.FormControl('email@email.com', forms_1.Validators.email)
}); });
} }
AuthComponent.prototype.ngOnInit = function () { AuthComponent.prototype.ngOnInit = function () {

Cargando…
Cancelar
Guardar