Changeset 10c8e6e in OpenWorkouts-current for ow/static

Timestamp:

Jan 30, 2019, 1:54:50 PM (5 years ago)

Author:

Segundo Fdez <segun.2@…>

Branches:

current, feature/docs, master

Children:

bf01534

Parents:

67fc2ed

Message:

update basic layout on workout detail

Location:

ow/static

Files:

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

ow/static/css/main.css

@@ -720 +720 @@
   color: #555555;
 }
+/* Workout detail */
+#map {
+  height: 50vh;
+}
+.workout-detail {
+  padding: 2em  1em;
+}
+@media (min-width: 480px) {
+  .workout-detail {
+    max-width: 1280px;
+    margin: 0 auto;
+  }
+}
+@media (min-width: 800px) {
+  .workout-detail {
+    display: flex;
+    justify-content: space-between;
+  }
+}
+.workout-detail-resume {
+  max-width: 500px;
+  margin-right: 6em;
+  margin-bottom: 2em;
+}
+.workout-detail-resume h3 {
+  margin-top: 0;
+  margin-bottom: 0.5em;
+}
+.workout-detail-resume h3 + div {
+  font-size: 14px;
+  font-size: 0.875rem;
+  color: #959595;
+  line-height: 1.35em;
+}
+.workout-detail-resume .workout-options {
+  font-size: 13px;
+  font-size: 0.8125rem;
+}
+.workout-detail-info {
+  max-width: 600px;
+}
+.workout-detail-info ul {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  justify-content: space-between;
+  flex-flow: row wrap;
+}
+.workout-detail-info ul span {
+  display: block;
+  color: #959595;
+  font-size: 13px;
+  font-size: 0.8125rem;
+}
+.workout-detail-info li {
+  margin-bottom: 2em;
+  margin-right: 1em;
+  font-size: 16px;
+  font-size: 1rem;
+}
 /* Week report */
 .svg-cotent svg {
@@ -975 +1036 @@
   font-size: 0.8125rem;
 }
-/* Workout detail */
-#map {
-  height: 50vh;
-}

ow/static/less/main.less

@@ -25 +25 @@
 @import "pages/login.less";
 @import "pages/profile.less";
-
-
-/* Workout detail */
-#map {
-    height: 50vh;
-}

ow/static/less/modules/workout.less

@@ -182 +182 @@
         .font-size(13);
         color: @color-main-dark;
+    }
+}
+
+
+
+/* Workout detail */
+#map {
+    height: 50vh;
+}
+
+.workout-detail {
+    padding: 2em  1em;
+    @media (min-width: @screen-s){
+        max-width: 1280px;
+        margin: 0 auto;
+    }
+     @media (min-width: @screen-m){
+        display: flex;
+        justify-content:space-between;
+    }
+}
+
+.workout-detail-resume {
+    max-width: 500px;
+    margin-right: 6em;
+    margin-bottom: 2em;
+    h3 {
+        margin-top: 0;
+        margin-bottom: .5em;
+        & + div {
+            .font-size(14);
+            color: @color-main-medium;
+            line-height: 1.35em;
+        }
+    }
+    .workout-options {
+        .font-size(13);
+    }
+}
+
+.workout-detail-info {
+    max-width: 600px;
+    ul {
+        list-style-type: none;
+        padding:0;
+        margin: 0;
+        display: flex;
+        justify-content:space-between;
+        flex-flow: row wrap;
+        span {
+            display: block;
+            color: @color-main-medium;
+            .font-size(13);
+        }
+    }
+    li {
+        margin-bottom: 2em;
+        margin-right: 1em;
+        .font-size(16);
     }
 }