Separated user and subject details into spans and fixed styling

This commit is contained in:
Anojh 2018-04-27 16:35:08 -07:00
parent 79b852ccfb
commit 1a01ce6efd
2 changed files with 18 additions and 5 deletions

View file

@ -12,12 +12,18 @@
<span *ngIf="issue.status === IssueStatus.Resolved" id="resolvedLabel" class="label label-success">{{IssueStatus[issue.status]}}</span> <span *ngIf="issue.status === IssueStatus.Resolved" id="resolvedLabel" class="label label-success">{{IssueStatus[issue.status]}}</span>
</div> </div>
<span class="label label-success">{{issue.issueCategory.value}}</span> <span class="label label-success">{{issue.issueCategory.value}}</span>
<br>
<span class="reported-user"> <span class="reported-by">
<h3 *ngIf="issue.userReported?.alias">{{'Issues.ReportedBy' | translate}}: {{issue.userReported.alias}}</h3> <h3 *ngIf="issue.userReported?.alias">{{'Issues.ReportedBy' | translate}}:</h3>
<h3 *ngIf="!issue.userReported?.alias">{{'Issues.ReportedBy' | translate}}: {{issue.userReported.userName}}</h3> <h3 *ngIf="!issue.userReported?.alias">{{'Issues.ReportedBy' | translate}}:</h3>
</span> </span>
<span class="issue-subject"><h3 *ngIf="issue.subject">{{'Issues.Subject' | translate}}: {{issue.subject}}</h3></span> <span class="reported-user">
<h3 *ngIf="issue.userReported?.alias">{{issue.userReported.alias}}</h3>
<h3 *ngIf="!issue.userReported?.alias">{{issue.userReported.userName}}</h3>
</span>
<br>
<span class="subject-category"><h3 *ngIf="issue.subject">{{'Issues.Subject' | translate}}:</h3></span>
<span class="subject"><h3 *ngIf="issue.subject">{{issue.subject}}</h3></span>
<br> <br>
<div class="form-group"> <div class="form-group">
<label for="description" class="control-label" [translate]="'Issues.Description'"></label> <label for="description" class="control-label" [translate]="'Issues.Description'"></label>

View file

@ -967,3 +967,10 @@ a > h4:hover {
#themeContent { #themeContent {
font-family: monospace; font-family: monospace;
} }
.reported-by,
.reported-user,
.subject-category,
.subject {
display: inline-block;
}