Make only title of list items clickable instead of entire item

This commit is contained in:
Mikael Mello
2018-11-22 11:32:40 -02:00
parent 6859c6a37f
commit efef97f747
3 changed files with 4 additions and 5 deletions
@@ -891,7 +891,7 @@ body {
float: left;
padding-left: 350px;
padding-bottom: 50px;
max-width: 700px;
max-width: 70%;
ul.tabs > li {
display: inline-block;
@@ -1507,7 +1507,6 @@ body {
ul.entries {
li {
padding: 10px 0 10px 0;
cursor: pointer;
border-bottom: 1px solid @border;
}
}
@@ -11,7 +11,7 @@
<ul class="entries backuplog">
<li ng-show="GeneralData == null" translate>Loading ...</li>
<li ng-repeat="item in GeneralData">
<div ng-click="expanded = !expanded" class="entryline">
<div ng-click="expanded = !expanded" class="entryline clickable">
{{(expanded ? "▼" : "►")}} {{item.Timestamp | parsetimestamp}} - {{"Operation" | translate}}: {{item.Result ? item.Result.MainOperation : item.Type | translate}}
</div>
<div ng-show="expanded" class="prewrapped-text exceptiontext">{{item.Result ? item.Result : item.Message}}</div>
@@ -28,7 +28,7 @@
<ul class="entries">
<li ng-show="RemoteData == null" translate>Loading ...</li>
<li ng-repeat="item in RemoteData">
<div ng-click="expanded = !expanded" class="entryline">{{item.Timestamp | parsetimestamp}}: {{item.Operation}} {{item.Path}}</div>
<div ng-click="expanded = !expanded" class="entryline clickable">{{item.Timestamp | parsetimestamp}}: {{item.Operation}} {{item.Path}}</div>
<div ng-show="expanded" class="prewrapped-text exceptiontext">{{item.Data}}</div>
</li>
</ul>
@@ -11,7 +11,7 @@
<ul class="entries">
<li ng-show="LogData == null" translate>Loading ...</li>
<li ng-repeat="item in LogData">
<div ng-click="expanded = !expanded" class="entryline">{{item.Timestamp | parsetimestamp}}: {{item.Message}}</div>
<div ng-click="expanded = !expanded" class="entryline clickable">{{item.Timestamp | parsetimestamp}}: {{item.Message}}</div>
<div ng-show="expanded" class="prewrapped-text exceptiontext">{{item.Exception}}</div>
</li>
</ul>