Web: Positive wording text for Job/Task Details

Also, do not mention left/right on labels since the position of sections
can vary (for example on smaller screens).
This commit is contained in:
Pablo Vazquez 2022-05-04 15:25:09 +02:00
parent 0d683e4786
commit c10b7f97c9
3 changed files with 15 additions and 4 deletions

View File

@ -10,6 +10,7 @@
--color-accent-background: hsl(237deg 18% 28%); --color-accent-background: hsl(237deg 18% 28%);
--color-text: #ddd; --color-text: #ddd;
--color-text-muted: #999; --color-text-muted: #999;
--color-text-hint: #555;
--color-border: #222; --color-border: #222;
@ -224,3 +225,13 @@ footer {
.btn-bar .btn.dangerous[disabled] { .btn-bar .btn.dangerous[disabled] {
background-color: #53413e; background-color: #53413e;
} }
.details-no-item-selected {
align-items: center;
color: var(--color-text-hint);
display: flex;
user-select: none;
height: 100%;
justify-content: center;
margin: auto;
}

View File

@ -45,8 +45,8 @@
</dl> </dl>
</template> </template>
<div v-else class="no-job-selected"> <div v-else class="details-no-item-selected">
<p>No job selected, pick one from the list on the left.</p> <p>Select a job to see its details.</p>
</div> </div>
</template> </template>

View File

@ -34,8 +34,8 @@
</dl> </dl>
</template> </template>
<div v-else class="no-task-selected"> <div v-else class="details-no-item-selected">
<p>No task selected, pick one from the list on the left.</p> <p>Select a task to see its details.</p>
</div> </div>
</template> </template>