inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-1407] Editing a Report title should be aligned (#2278)

Browse Source 
* Fixed report title alignment
This commit is contained in:
Deepak Paul
2017-09-01 23:08:57 +05:30
committed by Mario Romano
parent 53d8aa4a6f
commit 893252dd7a
2 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.html
View File

@@ -6,7 +6,7 @@
<adf-toolbar>
<adf-toolbar-title class="adf-report-title-container">
<div *ngIf="isEditable">
<md-input-container>
<md-input-container class="adf-full-width-input">
<input
mdInput
type="text"
@@ -21,9 +21,9 @@
/>
</md-input-container>
</div>
<div *ngIf="!isEditable" (click)="editEnable()">
<div class="adf-report-title" *ngIf="!isEditable" (click)="editEnable()">
<md-icon class="adf-report-icon" >mode_edit</md-icon>
<h4 class="adf-report-title" >{{reportParameters.name}}</h4>
<h4>{{reportParameters.name}}</h4>
</div>
</adf-toolbar-title>
<div *ngIf="!isEditable">

21
ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.scss
View File

@@ -24,20 +24,20 @@
.adf-edit-report-title {
float: left;
font-size: 20px;
padding-left: 38px;
padding-top: 10px;
font-size: 20px!important;
padding-top: 19px;
}
.adf-report-icon {
float: left;
margin-right: 5px;
padding: 4px 0 0 9px;
padding: 5px 5px 0 0;
visibility: hidden;
}
.adf-report-title-container {
cursor: pointer;
width: 100%;
margin-bottom: 12px;
:hover .adf-report-icon {
color: rgb(68, 138, 255);
@@ -46,6 +46,14 @@
}
.adf-report-title {
padding-top: 10px;
}
.adf-full-width-input {
width: 100%;
}
.is-hide {
height: 0;
overflow: hidden;
@@ -54,10 +62,11 @@
.adf-report-report-container {
border-bottom: solid 1px rgb(212, 212, 212);
padding: 10px 10px 10px 10px;
padding-top: 10px;
.mat-toolbar {
border: 0 !important;
padding: 0 !important;
}
}