inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +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>
<adf-toolbar-title class="adf-report-title-container"> <adf-toolbar-title class="adf-report-title-container">
<div *ngIf="isEditable"> <div *ngIf="isEditable">
<md-input-container> <md-input-container class="adf-full-width-input">
<input <input
mdInput mdInput
type="text" type="text"
@@ -21,9 +21,9 @@
/> />
</md-input-container> </md-input-container>
</div> </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> <md-icon class="adf-report-icon" >mode_edit</md-icon>
<h4 class="adf-report-title" >{{reportParameters.name}}</h4> <h4>{{reportParameters.name}}</h4>
</div> </div>
</adf-toolbar-title> </adf-toolbar-title>
<div *ngIf="!isEditable"> <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 { .adf-edit-report-title {
float: left; float: left;
font-size: 20px; font-size: 20px!important;
padding-left: 38px; padding-top: 19px;
padding-top: 10px;
} }
.adf-report-icon { .adf-report-icon {
float: left; float: left;
margin-right: 5px; padding: 5px 5px 0 0;
padding: 4px 0 0 9px;
visibility: hidden; visibility: hidden;
} }
.adf-report-title-container { .adf-report-title-container {
cursor: pointer; cursor: pointer;
width: 100%;
margin-bottom: 12px;
:hover .adf-report-icon { :hover .adf-report-icon {
color: rgb(68, 138, 255); color: rgb(68, 138, 255);
@@ -46,6 +46,14 @@
} }
.adf-report-title {
padding-top: 10px;
}
.adf-full-width-input {
width: 100%;
}
.is-hide { .is-hide {
height: 0; height: 0;
overflow: hidden; overflow: hidden;
@@ -54,10 +62,11 @@
.adf-report-report-container { .adf-report-report-container {
border-bottom: solid 1px rgb(212, 212, 212); border-bottom: solid 1px rgb(212, 212, 212);
padding: 10px 10px 10px 10px; padding-top: 10px;
.mat-toolbar { .mat-toolbar {
border: 0 !important; border: 0 !important;
padding: 0 !important;
} }
} }