MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/section/dataset-profile-editor-section.component.ts
View File

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

1
dmp-frontend/src/app/ui/admin/dataset-profile/listing/dataset-profile-listing.component.scss
View File

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

3
dmp-frontend/src/app/ui/dataset/dataset-wizard/external-references/dataset-external-references-editor.component.html
View File

@ -4,7 +4,8 @@
<div class="col-12 row" *ngIf='!viewOnly'> <div class="col-12 row" *ngIf='!viewOnly'>
<h4 class="col-auto">{{'DATASET-EDITOR.FIELDS.DATAREPOSITORIES' | translate}}</h4> <h4 class="col-auto">{{'DATASET-EDITOR.FIELDS.DATAREPOSITORIES' | translate}}</h4>
<div class="col"></div> <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}} {{'DATASET-EDITOR.FIELDS.CREATE'|translate}}
</button> </button>
</div> </div>

1
dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.scss
View File

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

14
dmp-frontend/src/app/ui/misc/navigation/navigation.component.html
View File

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

5
dmp-frontend/src/app/ui/misc/navigation/navigation.component.scss
View File

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