Css buttons Z-index Fix And NavBar Buttons:hover color Fix

This commit is contained in:
Diamantis Tziotzios 2019-02-06 13:13:47 +02:00
parent f3e8d20e37
commit 63e9c2f736
6 changed files with 18 additions and 8 deletions

View File

@ -5,6 +5,7 @@ import { BaseComponent } from '../../../../../../core/common/base/base.component
import { FieldEditorModel } from '../../../admin/field-editor-model';
import { FieldSetEditorModel } from '../../../admin/field-set-editor-model';
import { SectionEditorModel } from '../../../admin/section-editor-model';
import { Guid } from '../../../../../../common/types/guid';
@Component({
selector: 'app-dataset-profile-editor-section-component',
@ -32,6 +33,7 @@ export class DatasetProfileEditorSectionComponent extends BaseComponent implemen
const field: FieldEditorModel = new FieldEditorModel();
fieldSet.fields.push(field);
if (this.dataModel.fieldSets) {
fieldSet.id=Guid.create().toString();
this.dataModel.fieldSets.push(fieldSet);
}
(<FormArray>this.form.get('fieldSets')).push(fieldSet.buildForm());

View File

@ -8,6 +8,7 @@
bottom: 10px !important;
left: auto !important;
position: fixed !important;
z-index: 5;
}
.full-width {

View File

@ -4,7 +4,8 @@
<div class="col-12 row" *ngIf='!viewOnly'>
<h4 class="col-auto">{{'DATASET-EDITOR.FIELDS.DATAREPOSITORIES' | translate}}</h4>
<div class="col"></div>
<div class="col-auto"><button class="col-auto" mat-raised-button color="primary" (click)="addDataRepository()">
<div class="col-auto">
<button class="col-auto" mat-raised-button color="primary" (click)="addDataRepository()">
{{'DATASET-EDITOR.FIELDS.CREATE'|translate}}
</button>
</div>

View File

@ -8,6 +8,7 @@
bottom: 10px !important;
left: auto !important;
position: fixed !important;
z-index: 5;
}
.full-width {

View File

@ -3,15 +3,15 @@
<img [src]="'/assets/images/OpenDMP.png'" alt="openDMP" style="height: 2.5em;">
</a>
<div class="col-auto">
<a mat-button class="navbar-button" routerLink="/explore" >{{'NAV-BAR.PUBLIC-DATASETS' | translate}}</a>
<a mat-button class="buttonNav navbar-button" routerLink="/explore" >{{'NAV-BAR.PUBLIC-DATASETS' | translate}}</a>
</div>
<div *ngIf="isAuthenticated()" class="col-auto">
<a mat-button class="navbar-button" routerLink="/projects">{{this.languageResolver.getBy('navbar') | translate}}</a>
<a mat-button class="navbar-button" routerLink="/plans">{{'NAV-BAR.DMPS' | translate}}</a>
<a mat-button class="navbar-button" routerLink="/datasets">{{'NAV-BAR.DATASETS' | translate}}</a>
<a *ngIf="isAdmin()" mat-button class="navbar-button" routerLink="/users">{{'NAV-BAR.USERS' | translate}}</a>
<a *ngIf="isAdmin()" mat-button class="navbar-button" routerLink="/dmp-profiles">{{'NAV-BAR.DMP-PROFILES' | translate}}</a>
<a *ngIf="isAdmin()" mat-button class="navbar-button" routerLink="/dataset-profiles">{{'NAV-BAR.DATASETS-ADMIN' | translate}}</a>
<a mat-button class="buttonNav navbar-button" routerLink="/projects">{{this.languageResolver.getBy('navbar') | translate}}</a>
<a mat-button class="buttonNav navbar-button" routerLink="/plans">{{'NAV-BAR.DMPS' | translate}}</a>
<a mat-button class="buttonNav navbar-button" routerLink="/datasets">{{'NAV-BAR.DATASETS' | translate}}</a>
<a *ngIf="isAdmin()" mat-button class="buttonNav navbar-button" routerLink="/users">{{'NAV-BAR.USERS' | translate}}</a>
<a *ngIf="isAdmin()" mat-button class="buttonNav navbar-button" routerLink="/dmp-profiles">{{'NAV-BAR.DMP-PROFILES' | translate}}</a>
<a *ngIf="isAdmin()" mat-button class="buttonNav navbar-button" routerLink="/dataset-profiles">{{'NAV-BAR.DATASETS-ADMIN' | translate}}</a>
</div>
<!--<button mat-button class="navbar-button" routerLink="/about">{{'NAV-BAR.ABOUT' | translate}}</button>-->

View File

@ -30,4 +30,9 @@
width: 100%;
z-index: 1;
}
}
.buttonNav:hover {
color: aliceblue;
}