Changeset 1fe89ea in OpenWorkouts-current for ow/static/css/main.css

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

File:

• ow/static/css/main.css (modified) (4 diffs)

ow/static/css/main.css

@@ -753 +753 @@
 }
 .aside-profile {
-  margin-bottom: 2em;
+  margin-bottom: 1em;
 }
 .aside-profile img {
@@ -775 +775 @@
   color: #555555;
 }
+/* Week report */
+.svg-cotent svg {
+  width: 100%;
+  height: 100%;
+}
+.svg-cotent .label {
+  font-size: 13px;
+  font-size: 0.8125rem;
+  text-anchor: middle;
+}
+.svg-cotent .tick {
+  font-size: 13px;
+  font-size: 0.8125rem;
+}
+.week-stats {
+  border: 1px solid #e1e1e1;
+  background-color: rgba(225, 225, 225, 0.1);
+  padding: 0.75em;
+  border-radius: 4px;
+  margin-bottom: 2em;
+}
+.week-stats h3 {
+  margin: 0;
+  font-size: 14px;
+  font-size: 0.875rem;
+}
+.week-stats h3 + p {
+  margin: 0.25em 0 2em 0;
+  color: #959595;
+  font-size: 13px;
+  font-size: 0.8125rem;
+}
+.workout-activity-summary {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  background-color: rgba(21, 21, 21, 0.8);
+  margin-bottom: 0.75em;
+}
+.workout-activity-summary li {
+  color: #e1e1e1;
+  border-bottom: 1px solid #959595;
+  padding: 0.75em 1em;
+  display: flex;
+  justify-content: space-between;
+}
+.workout-activity-summary li:last-child {
+  margin-bottom: 0;
+  border: none;
+}
+.workout-activity-summary li span:first-child {
+  font-weight: bold;
+}
 .workout-activity-tree {
   list-style-type: none;
@@ -800 +853 @@
   font-weight: 700;
   margin-bottom: 0.5em;
+  font-size: 16px;
+  font-size: 1rem;
 }
 .workout-activity-tree a.viewing-month {
@@ -825 +880 @@
   background-color: #e1e1e1;
 }
+/* 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;
+}