[Monitor Dashboard | Trunk]: Add section title and save button
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-monitor-portal/trunk/monitor_dashboard@57983 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
parent
0142ebb9ec
commit
58b7b8d735
|
@ -295,7 +295,7 @@
|
||||||
</ng-template>
|
</ng-template>
|
||||||
<div *ngIf="grid" class="new-section uk-margin-top">
|
<div *ngIf="grid" class="new-section uk-margin-top">
|
||||||
<div class="tools uk-flex uk-flex-middle">
|
<div class="tools uk-flex uk-flex-middle">
|
||||||
<button class="md-btn add uk-margin-small-right">
|
<button class="md-btn uk-margin-small-right">
|
||||||
<i class="material-icons md-24 md-color-white">add</i>
|
<i class="material-icons md-24 md-color-white">add</i>
|
||||||
</button>
|
</button>
|
||||||
<span>Create a new section</span>
|
<span>Create a new section</span>
|
||||||
|
|
|
@ -433,14 +433,22 @@ body.dashboard {
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard .new-section .tools .md-btn.add {
|
.dashboard .new-section .tools .md-btn {
|
||||||
background-color: var(--secondary-color);
|
background-color: var(--secondary-color);
|
||||||
|
position: relative;
|
||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
padding: 2px 8px;
|
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dashboard .new-section .tools .md-btn .material-icons {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Dropdown*/
|
/* Dropdown*/
|
||||||
.dashboard .uk-dropdown {
|
.dashboard .uk-dropdown {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
@ -474,20 +482,3 @@ body.dashboard {
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Login Icon*/
|
|
||||||
|
|
||||||
.loginLink.dark{
|
|
||||||
color: rgba(0,0,0,.54) !important;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
circle.userBox.dark, svg .icon.userBox.dark, svg .loginLink.userBox.dark{
|
|
||||||
stroke: rgba(0,0,0,.54);
|
|
||||||
fill: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
text.userBox.dark {
|
|
||||||
stroke: rgba(0,0,0,.54);
|
|
||||||
fill: rgba(0,0,0,.54);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue