Changeset 1fe89ea in OpenWorkouts-current for ow/static/less

Timestamp:

Jan 29, 2019, 12:54:29 PM (5 years ago)

Author:

Segundo Fdez <segun.2@…>

Branches:

current, feature/docs, master

Children:

3e48af6

Parents:

d0fc76b

Message:

update dashboard layout ui

Location:

ow/static/less

Files:

• main.less (modified) (1 diff)
• modules/workout.less (modified) (3 diffs)

ow/static/less/main.less

@@ -25 +25 @@
 @import "modules/workout.less";
 
+
+
+/* Workout detail */
+#map {
+    height: 50vh;
+}
+
+/* dashboard graphics*/
+
+.x-axis path, .x-axis line {
+    fill: none;
+    stroke: none;
+}
+
+.bar {
+    fill: #f8b5be;
+}
+
+.bar:hover {
+    fill: #ee4056;
+}
+
+.current {
+    fill: #ee4056;
+}

ow/static/less/modules/workout.less

@@ -154 +154 @@
 }
 
+
+
 .aside-profile {
-    margin-bottom: 2em;
+    margin-bottom: 1em;
     img {
         width: 80px;
@@ -177 +179 @@
 
 
+
+/* Week report */
+
+.svg-cotent {
+    svg {
+        width: 100%;
+        height: 100%;
+    }
+
+    .label {
+        .font-size(13);
+        text-anchor: middle;
+    }
+    .tick {
+        .font-size(13);
+    }
+
+}
+.week-stats {
+    border: 1px solid @color-main-light;
+    background-color: fade(@color-main-light, 10%);
+    padding: .75em;
+    border-radius: 4px;
+    margin-bottom: 2em;
+    h3 {
+        margin: 0;
+        .font-size(14);
+        & + p {
+            margin: .25em 0 2em 0;
+            color: @color-main-medium;
+            .font-size(13);
+        }
+    }
+}
+
+.workout-activity-summary {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+    background-color: fade(@color-main, 80%);
+    margin-bottom: .75em;
+    li {
+        color: @color-main-light;
+        border-bottom: 1px solid @color-main-medium;
+        padding: .75em 1em;
+        display: flex;
+        justify-content: space-between;
+        &:last-child {
+            margin-bottom: 0;
+            border: none;
+        }
+        span {
+            &:first-child {
+                font-weight: bold;
+            }
+        }
+    }
+}
 
 .workout-activity-tree {
@@ -201 +261 @@
             font-weight: 700;
             margin-bottom: .5em;
+            .font-size(16);
         }
         &.viewing-month {