Make color of layer id different to layer name in transaction view

Test: visual
Change-Id: I7f7369643df8e66a1b8318bd1d358f4213140671
This commit is contained in:
Pablo Gamito
2020-07-29 16:31:19 +01:00
parent d120b06c91
commit a11673db41

View File

@@ -22,8 +22,11 @@
<span style="white-space: pre;">{{formatOrigin(source)}}</span> <span style="white-space: pre;">{{formatOrigin(source)}}</span>
</div> </div>
<div class="affected-surfaces-column"> <div class="affected-surfaces-column">
<span v-for="(surface, index) in sufacesAffectedBy(source)"> <span v-for="(surface, index) in sufacesAffectedBy(source)" v-bind:key="surface.id">
{{surface.id}}<span v-if="surface.name"> ({{ surface.name }})</span> <span v-if="surface.name" class="surface-name"> {{ surface.name }}</span>
<span class="surface-id">
<span v-if="surface.name">(</span>{{surface.id}}<span v-if="surface.name">)</span>
</span>
<span v-if="index + 1 < sufacesAffectedBy(source).length">,&nbsp;</span> <span v-if="index + 1 < sufacesAffectedBy(source).length">,&nbsp;</span>
</span> </span>
</div> </div>
@@ -170,4 +173,12 @@ a {
margin-left: 5px; margin-left: 5px;
font-size: 10px; font-size: 10px;
} }
.affected-surfaces-column .surface-id {
color: #999999
}
.inactive .affected-surfaces-column .surface-id {
color: #b4b4b4
}
</style> </style>