- Timestamp:
- Feb 1, 2019, 1:25:00 PM (5 years ago)
- Branches:
- current, feature/docs, master
- Children:
- 6993c72
- Parents:
- 10c8e6e
- Location:
- ow
- Files:
-
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
ow/static/css/main.css
r10c8e6e rbf01534 722 722 /* Workout detail */ 723 723 #map { 724 height: 50vh; 724 height: 400px; 725 } 726 @media (min-width: 480px) { 727 #map { 728 height: calc(100vh - 380px); 729 } 725 730 } 726 731 .workout-detail { 727 padding: 2em 1em;732 padding: 0em 1em; 728 733 } 729 734 @media (min-width: 480px) { … … 741 746 .workout-detail-resume { 742 747 max-width: 500px; 743 margin-right: 6em;744 748 margin-bottom: 2em; 749 padding-top: 2em; 750 } 751 @media (min-width: 800px) { 752 .workout-detail-resume { 753 margin-right: 6em; 754 } 745 755 } 746 756 .workout-detail-resume h3 { … … 761 771 max-width: 600px; 762 772 } 773 @media (min-width: 800px) { 774 .workout-detail-info { 775 border-right: 1px solid #e1e1e1; 776 border-left: 1px solid #e1e1e1; 777 padding: 2em 1em 2em 2em; 778 } 779 } 763 780 .workout-detail-info ul { 764 781 list-style-type: none; … … 771 788 .workout-detail-info ul span { 772 789 display: block; 790 font-size: 13px; 791 font-size: 0.8125rem; 773 792 color: #959595; 774 font-size: 13px; 775 font-size: 0.8125rem; 793 margin-bottom: 0.25em; 794 } 795 .workout-detail-info ul span.min, 796 .workout-detail-info ul span.avg, 797 .workout-detail-info ul span.max { 798 display: inline-block; 799 color: white; 800 padding: 0.5em 0.85em; 801 border-radius: 3px; 802 } 803 .workout-detail-info ul span.max { 804 background-color: #EE4056; 805 } 806 .workout-detail-info ul span.min { 807 background-color: #1395CA; 808 margin-right: 0.5em; 809 } 810 .workout-detail-info ul span.avg { 811 background-color: #17C898; 812 margin-right: 0.5em; 776 813 } 777 814 .workout-detail-info li { 778 815 margin-bottom: 2em; 779 816 margin-right: 1em; 780 font-size: 16px; 781 font-size: 1rem; 817 color: #959595; 818 font-size: 15px; 819 font-size: 0.9375rem; 820 } 821 .workout-detail-info li.important { 822 font-size: 21px; 823 font-size: 1.3125rem; 824 color: #151515; 782 825 } 783 826 /* Week report */ -
ow/static/less/modules/workout.less
r10c8e6e rbf01534 189 189 /* Workout detail */ 190 190 #map { 191 height: 50vh; 191 height: 400px; 192 @media (min-width: @screen-s){ 193 height: calc(100vh - 380px); 194 } 192 195 } 193 196 194 197 .workout-detail { 195 padding: 2em 1em;198 padding: 0em 1em; 196 199 @media (min-width: @screen-s){ 197 200 max-width: 1280px; … … 206 209 .workout-detail-resume { 207 210 max-width: 500px; 208 margin-right: 6em;209 211 margin-bottom: 2em; 212 padding-top: 2em; 213 @media (min-width: @screen-m){ 214 margin-right: 6em; 215 } 210 216 h3 { 211 217 margin-top: 0; … … 224 230 .workout-detail-info { 225 231 max-width: 600px; 232 @media (min-width: @screen-m){ 233 border-right: 1px solid @color-main-light; 234 border-left: 1px solid @color-main-light; 235 padding:2em 1em 2em 2em; 236 } 226 237 ul { 227 238 list-style-type: none; … … 233 244 span { 234 245 display: block; 246 .font-size(13); 235 247 color: @color-main-medium; 236 .font-size(13); 248 margin-bottom: .25em; 249 &.min, 250 &.avg, 251 &.max { 252 display: inline-block; 253 color: white; 254 padding: .5em .85em; 255 border-radius: 3px; 256 } 257 &.max { 258 background-color: @color-app; 259 } 260 &.min { 261 background-color: #1395CA; 262 margin-right: .5em; 263 } 264 265 &.avg { 266 background-color: #17C898; 267 margin-right: .5em; 268 } 237 269 } 238 270 } … … 240 272 margin-bottom: 2em; 241 273 margin-right: 1em; 242 .font-size(16); 274 color: @color-main-medium; 275 .font-size(15); 276 &.important { 277 .font-size(21); 278 color: @color-main; 279 } 243 280 } 244 281 } -
ow/templates/workout.pt
r10c8e6e rbf01534 56 56 <ul id="" tal:attributes="id 'workout-' + context.workout_id + '-details'" 57 57 tal:define="hr context.hr; cad context.cad; atemp context.atemp; timezone context.owner.timezone"> 58 <li tal:condition="context.distance">58 <li class="important" tal:condition="context.distance"> 59 59 <span><tal:t i18n:translate="">Distance</tal:t></span> 60 60 <tal:c tal:content="context.rounded_distance"></tal:c> km 61 61 </li> 62 <li> 63 <span><tal:t i18n:translate="">Start</tal:t></span> 64 <tal:c tal:content="context.start_in_timezone(timezone)"></tal:c> 65 </li> 66 <li> 67 <span><tal:t i18n:translate="">End</tal:t></span> 68 <tal:c tal:content="context.end_in_timezone(timezone)"></tal:c> 69 </li> 70 <li> 62 <li class="important"> 71 63 <span><tal:t i18n:translate="">Duration</tal:t></span> 72 64 <!--! use the properly formatted duration instead of the timedelta object --> 73 65 <tal:c tal:content="context._duration"></tal:c> 74 66 </li> 67 <li class="important"> 68 <span><tal:t i18n:translate="">Start</tal:t></span> 69 <tal:c tal:content="context.start_in_timezone(timezone)"></tal:c> 70 </li> 75 71 <li tal:condition="context.speed"> 76 72 <span><tal:t i18n:translate="">Speed</tal:t></span> 77 < tal:t i18n:translate="">Avg.</tal:t>78 <tal:c tal:content="round(context.speed['avg'], 1)"></tal:c> km/h |79 < tal:t i18n:translate="">Max.</tal:t>80 <tal:c tal:content="round(context.speed['max'], 1)"></tal:c> km/h73 <span class="avg"><tal:t i18n:translate="">Avg.</tal:t> 74 <tal:c tal:content="round(context.speed['avg'], 1)"></tal:c>km/h</span> 75 <span class="max"><tal:t i18n:translate="">Max.</tal:t> 76 <tal:c tal:content="round(context.speed['max'], 1)"></tal:c>km/h</span> 81 77 </li> 82 78 <li tal:condition="hr"> 83 79 <span><tal:t i18n:translate="">Heart Rate</tal:t></span> 84 <tal:t i18n:translate="">Min.</tal:t> 85 <tal:c tal:content="hr['min']"></tal:c> bpm | 86 <tal:t i18n:translate="">Avg.</tal:t> 87 <tal:c tal:content="hr['avg']"></tal:c> bpm | 88 <tal:t i18n:translate="">Max.</tal:t> 89 <tal:c tal:content="hr['max']"></tal:c> bpm 80 <span class="avg"><tal:t i18n:translate="">Avg.</tal:t> 81 <tal:c tal:content="hr['avg']"></tal:c>bpm</span> 82 <span class="max"><tal:t i18n:translate="">Max.</tal:t> 83 <tal:c tal:content="hr['max']"></tal:c> bpm</span> 90 84 </li> 91 85 <li tal:condition="cad"> 92 86 <span><tal:t i18n:translate="">Cadence</tal:t></span> 93 <tal:t i18n:translate="">Min.</tal:t> 94 <tal:c tal:content="cad['min']"></tal:c> | 95 <tal:t i18n:translate="">Avg.</tal:t> 96 <tal:c tal:content="cad['avg']"></tal:c> | 97 <tal:t i18n:translate="">Max.</tal:t> 98 <tal:c tal:content="cad['max']"></tal:c> 87 <span class="avg"><tal:t i18n:translate="">Avg.</tal:t> 88 <tal:c tal:content="cad['avg']"></tal:c></span> 89 <span class="max"><tal:t i18n:translate="">Max.</tal:t> 90 <tal:c tal:content="cad['max']"></tal:c></span> 99 91 </li> 100 92 <li tal:condition="atemp"> 101 93 <span><tal:t i18n:translate="">Temperature</tal:t></span> 102 < tal:t i18n:translate="">Min.</tal:t>103 <tal:c tal:content="atemp['min']"></tal:c> |104 < tal:t i18n:translate="">Avg.</tal:t>105 <tal:c tal:content="atemp['avg']"></tal:c> |106 < tal:t i18n:translate="">Max.</tal:t>107 <tal:c tal:content="atemp['max']"></tal:c> 94 <span class="min"><tal:t i18n:translate="">Min.</tal:t> 95 <tal:c tal:content="atemp['min']"></tal:c>℃</span> 96 <span class="avg"><tal:t i18n:translate="">Avg.</tal:t> 97 <tal:c tal:content="atemp['avg']"></tal:c>℃</span> 98 <span class="max"><tal:t i18n:translate="">Max.</tal:t> 99 <tal:c tal:content="atemp['max']"></tal:c>℃</span> 108 100 </li> 109 101 </ul>
Note: See TracChangeset
for help on using the changeset viewer.