Changeset d24a64a in OpenWorkouts-current


Ignore:
Timestamp:
Feb 4, 2019, 5:56:13 PM (5 years ago)
Author:
Segundo Fdez <segun.2@…>
Branches:
current, feature/docs, master
Children:
cf12619
Parents:
ffd6bb5
Message:

update profile header

Location:
ow
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • ow/static/css/main.css

    rffd6bb5 rd24a64a  
    664664  padding: 0;
    665665  width: auto;
     666  background-color: white;
    666667}
    667668.workout-options li {
    … …  
    10141015.user-profile-account {
    10151016  background-color: #fbfbfb;
     1017  border-bottom: 1px solid #e1e1e1;
    10161018  padding: 2em  1em;
    10171019}
    … …  
    10371039  font-size: 21px;
    10381040  font-size: 1.3125rem;
     1041  font-weight: 400;
    10391042}
    10401043.user-profile-account p {
    … …  
    10611064  border-radius: 4px;
    10621065  border: 1px solid #e1e1e1;
    1063   max-width: 200px;
    10641066}
    10651067.profile-data li {
    … …  
    10861088  max-width: 700px;
    10871089}
     1090.center {
     1091  text-align: center;
     1092}
    10881093.month-stats {
    10891094  margin-bottom: 4em;

  • ow/static/less/modules/workout.less

    rffd6bb5 rd24a64a  
    123123    padding: 0;
    124124    width: auto;
     125    background-color: white;
    125126    li{
    126127        display: inline-block;

  • ow/templates/profile.pt

    rffd6bb5 rd24a64a  
    4242          </div>
    4343        </div>
    44         <ul class="profile-data">
    45           <li>
    46             <span><tal:t i18n:translate="">Gender:</tal:t></span>
    47             <tal:c tal:content="getattr(context, 'gender', '-')"></tal:c>
    48           </li>
    49           <li tal:define="birth_date getattr(context, 'birth_date', None)">
    50             <span><tal:t i18n:translate="">Birth date:</tal:t></span>
    51             <tal:c tal:condition="birth_date"
    52                    tal:content="birth_date.strftime('%d/%m/%Y')"></tal:c>
    53             <tal:c tal:condition="birth_date is None">-</tal:c>
    54           </li>
    55           <li>
    56             <span><tal:t i18n:translate="">Height:</tal:t></span>
    57             <tal:c tal:content="getattr(context, 'height', '-')"></tal:c> meters
    58           </li>
    59           <li>
    60             <span><tal:t i18n:translate="">Weight:</tal:t></span>
    61             <tal:c tal:content="getattr(context, 'weight', '-')"></tal:c> kg
    62           </li>
    63         </ul>
    6444
    6545      </div>
    … …  
    7656              <svg width="900" height="180" viewBox="0 0 900 180"></svg>
    7757            </div>
    78             <ul class="workout-options filters js-filters">
    79               <li><a href="#" class="js-distance is-active" i18n:translate="">distance</a></li>
    80               <li><a href="#" class="js-time" i18n:translate="">time</a></li>
    81               <li><a href="#" class="js-elevation" i18n:translate="">elevation</a></li>
    82             </ul>
     58            <div class="center">
     59              <ul class="workout-options filters js-filters">
     60                <li><a href="#" class="js-distance is-active" i18n:translate="">distance</a></li>
     61                <li><a href="#" class="js-time" i18n:translate="">time</a></li>
     62                <li><a href="#" class="js-elevation" i18n:translate="">elevation</a></li>
     63              </ul>
    8364
    84             <ul class="workout-options switcher js-switcher">
    85               <li><a href="#" class="js-weekly" i18n:translate="">weekly</a></li>
    86               <li><a href="#" class="js-monthly is-active" i18n:translate="">monthly</a></li>
    87             </ul>
     65              <ul class="workout-options switcher js-switcher">
     66                <li><a href="#" class="js-weekly" i18n:translate="">weekly</a></li>
     67                <li><a href="#" class="js-monthly is-active" i18n:translate="">monthly</a></li>
     68              </ul>
     69            </div>
    8870          </div>
    8971
    … …  
    145127          </tal:r>
    146128        </div>
     129
     130        <div class="workout-aside">
     131          <ul class="profile-data">
     132            <li>
     133              <span><tal:t i18n:translate="">Gender:</tal:t></span>
     134              <tal:c tal:content="getattr(context, 'gender', '-')"></tal:c>
     135            </li>
     136            <li tal:define="birth_date getattr(context, 'birth_date', None)">
     137              <span><tal:t i18n:translate="">Birth date:</tal:t></span>
     138              <tal:c tal:condition="birth_date"
     139                     tal:content="birth_date.strftime('%d/%m/%Y')"></tal:c>
     140              <tal:c tal:condition="birth_date is None">-</tal:c>
     141            </li>
     142            <li>
     143              <span><tal:t i18n:translate="">Height:</tal:t></span>
     144              <tal:c tal:content="getattr(context, 'height', '-')"></tal:c> meters
     145            </li>
     146            <li>
     147              <span><tal:t i18n:translate="">Weight:</tal:t></span>
     148              <tal:c tal:content="getattr(context, 'weight', '-')"></tal:c> kg
     149            </li>
     150          </ul>
     151        </div>
    147152      </div>
    148153    </div>
Note: See TracChangeset for help on using the changeset viewer.