dash Quick Actions Buttons

This commit is contained in:
Diamantis Tziotzios 2019-03-06 12:19:10 +02:00
parent 391bf0bca1
commit 01d66e4393
3 changed files with 7 additions and 55 deletions

View File

@ -10,11 +10,11 @@
</div>
<div class="row" style="margin-top: 30px">
<div class="col"></div>
<div class="col-auto">
<div class="col-1"></div>
<div class="col">
<app-quick-wizard-create-add-component></app-quick-wizard-create-add-component>
</div>
<div class="col"></div>
<div class="col-1"></div>
</div>

View File

@ -3,17 +3,17 @@
<div class="col-8 ">
<div class="row conteiner">
<div class="col">
<a mat-button class="buttonNav navbar-button figure-card card" routerLink="/quick-wizard">
<button mat-button class="buttonNav navbar-button figure-card card" routerLink="/quick-wizard">
<h3 class="title">{{'QUICKWIZARD.CREATE-ADD.CREATE.TITLE' | translate}}</h3>
</a>
</button>
</div>
<div class="col-auto">
<div class="vl"></div>
</div>
<div class="col">
<a mat-button class="buttonNav navbar-button figure-card card" routerLink="/datasetcreatewizard">
<button mat-button class="buttonNav navbar-button figure-card card" routerLink="/datasetcreatewizard">
<h3 class="title">{{'QUICKWIZARD.CREATE-ADD.ADD.TITLE' | translate}}</h3>
</a>
</button>
</div>
</div>
</div>

View File

@ -5,54 +5,6 @@
margin: 25px 0;
}
.card-content {
text-align: center;
padding: 15px 20px 13px 20px;
}
.card-header {
float: left;
text-align: center;
/*background: linear-gradient(60deg, #ffa726, #fb8c00);*/
/*box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);*/
margin: -20px 15px 0;
border-radius: 3px;
padding: 15px;
position: relative;
}
.clickable{
cursor: pointer;
}
.card-header i {
font-size: 36px;
line-height: 56px;
width: 56px;
height: 56px;
color: #fff;
}
.category {
color: #999;
}
.card-footer {
margin: 0 20px 10px;
padding-top: 10px;
border-top: 1px solid #eee;
color: #999;
font-size: 12px;
position: relative;
}
.card-footer i {
font-size: 16px;
position: relative;
top: 4px;
color: #999;
}
.card {
padding: 25px 20px 20px 20px;
display: flex;