summaryrefslogtreecommitdiff
path: root/templates/project/widgets/meter
diff options
context:
space:
mode:
Diffstat (limited to 'templates/project/widgets/meter')
-rw-r--r--templates/project/widgets/meter/meter.html4
-rw-r--r--templates/project/widgets/meter/meter.scss20
2 files changed, 12 insertions, 12 deletions
diff --git a/templates/project/widgets/meter/meter.html b/templates/project/widgets/meter/meter.html
index 6051d2f..7d51b15 100644
--- a/templates/project/widgets/meter/meter.html
+++ b/templates/project/widgets/meter/meter.html
@@ -2,4 +2,6 @@
<input class="meter" data-angleOffset=-125 data-angleArc=250 data-width=200 data-readOnly=true data-bind-value="value | shortenedNumber" data-bind-data-min="min" data-bind-data-max="max">
-<p class="text-moreinfo" data-bind="moreinfo"></p> \ No newline at end of file
+<p class="more-info" data-bind="moreinfo"></p>
+
+<p class="updated-at" data-bind="updatedAtMessage"></p> \ No newline at end of file
diff --git a/templates/project/widgets/meter/meter.scss b/templates/project/widgets/meter/meter.scss
index dec0cc6..98cf638 100644
--- a/templates/project/widgets/meter/meter.scss
+++ b/templates/project/widgets/meter/meter.scss
@@ -1,15 +1,12 @@
// ----------------------------------------------------------------------------
// Sass declarations
// ----------------------------------------------------------------------------
-
$background-color: #9c4274;
-$value-color: #fff;
-$title-color: lighten($background-color, 75%);
-$moreinfo-color: lighten($background-color, 45%);
+$title-color: rgba(255, 255, 255, 0.7);
+$moreinfo-color: rgba(255, 255, 255, 0.3);
-$meter-background: darken($background-color, 10%);
-$meter-foreground: lighten($background-color, 75%);
+$meter-background: darken($background-color, 15%);
// ----------------------------------------------------------------------------
// Widget-meter styles
@@ -20,18 +17,19 @@ $meter-foreground: lighten($background-color, 75%);
input.meter {
background-color: $meter-background;
- color: $meter-foreground;
+ color: #fff;
}
.title {
color: $title-color;
}
- .text-moreinfo {
+ .more-info {
color: $moreinfo-color;
- font-weight: 600;
- font-size: 20px;
- margin-top: 0;
+ }
+
+ .updated-at {
+ color: rgba(0, 0, 0, 0.3);
}
} \ No newline at end of file