💄 (step record) do not show blob in break time
This commit is contained in:
@@ -56,7 +56,15 @@ const isSuperiorToEstimation = computed(() => {
|
|||||||
<tr v-if="step" class="step-record">
|
<tr v-if="step" class="step-record">
|
||||||
<td class="td-rank">
|
<td class="td-rank">
|
||||||
<div class="rank">
|
<div class="rank">
|
||||||
<div v-if="isCurrentStep" class="blob green"></div>
|
<template v-if="isCurrentStep">
|
||||||
|
<img
|
||||||
|
v-show="record?.breakTime"
|
||||||
|
src="/icons/pause.svg"
|
||||||
|
alt="in pause"
|
||||||
|
class="in-pause"
|
||||||
|
/>
|
||||||
|
<div v-show="!record?.breakTime" class="blob green"></div>
|
||||||
|
</template>
|
||||||
<span v-else>
|
<span v-else>
|
||||||
{{ stepNumber }}
|
{{ stepNumber }}
|
||||||
</span>
|
</span>
|
||||||
@@ -82,6 +90,11 @@ const isSuperiorToEstimation = computed(() => {
|
|||||||
$blob-size: 15px;
|
$blob-size: 15px;
|
||||||
$blob-color: $link;
|
$blob-color: $link;
|
||||||
|
|
||||||
|
.in-pause {
|
||||||
|
height: $blob-size;
|
||||||
|
width: $blob-size;
|
||||||
|
}
|
||||||
|
|
||||||
.step-record {
|
.step-record {
|
||||||
.status {
|
.status {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user