From 0c3fbc4bfbb9e56bc479eac3ae968212368764e9 Mon Sep 17 00:00:00 2001
From: lewa <lene.wasskog@nibio.no>
Date: Mon, 29 Apr 2024 11:46:26 +0200
Subject: [PATCH] style: Attempt different styling of timeseries label in list
---
src/components/ObservationTimeSeriesList.vue | 11 +++++++++--
1 file changed, 9 insertions(+), 2 deletions(-)
diff --git a/src/components/ObservationTimeSeriesList.vue b/src/components/ObservationTimeSeriesList.vue
index 9bdb398..d40717d 100644
--- a/src/components/ObservationTimeSeriesList.vue
+++ b/src/components/ObservationTimeSeriesList.vue
@@ -51,8 +51,8 @@
<b>{{ ots.name }}</b>
</div>
<div v-else class="row">
- <div class="col-9 d-flex align-items-center">
- <span style="font-size: 0.9rem; font-weight: bolder">{{label(ots)}}</span> <span> - {{ ots.name }}</span>
+ <div class="col-9">
+ <span class="timeseries-label">{{label(ots)}}</span><br>{{ ots.name }}
</div>
<div class="col-3 d-flex align-items-center justify-content-end">
<span class="badge badge-pill badge-info">{{ getObservationCount(ots.observationTimeSeriesId) }}</span>
@@ -304,6 +304,13 @@ a {
text-decoration: underline !important;
}
+.timeseries-label {
+ font-family: monospace;
+ color: grey;
+ font-size: 0.8rem;
+}
+
+
.small-icon {
color: #3d8052;
margin-right: 5px;
--
GitLab