Commit 41ac22fbde85d22f3f348d0e19f59d5a8d8674dc

Authored by Sergio Oliveira
1 parent b8dc5e0c

improves on email add screen

src/accounts/templates/accounts/user_update_form.html
@@ -97,9 +97,10 @@ $(function() { @@ -97,9 +97,10 @@ $(function() {
97 <h3 class="panel-title">{% trans "Emails" %}</h3> 97 <h3 class="panel-title">{% trans "Emails" %}</h3>
98 </div> 98 </div>
99 <div class="panel-body"> 99 <div class="panel-body">
100 - <ul class="unstyled-list email"> 100 + <ul class="unstyled-list emails">
101 {% for email in user_.emails.iterator %} 101 {% for email in user_.emails.iterator %}
102 <li> 102 <li>
  103 + {% gravatar user_.email 30 %}
103 <span class="email-address">{{ email.address }}</span> 104 <span class="email-address">{{ email.address }}</span>
104 {% if email.address == user_.email %} 105 {% if email.address == user_.email %}
105 <span class="label label-success">{% trans "Primary" %}</span> 106 <span class="label label-success">{% trans "Primary" %}</span>
@@ -114,9 +115,10 @@ $(function() { @@ -114,9 +115,10 @@ $(function() {
114 {% endfor %} 115 {% endfor %}
115 {% for email in user_.emails_not_validated.iterator %} 116 {% for email in user_.emails_not_validated.iterator %}
116 <li> 117 <li>
  118 + {% gravatar user_.email 30 %}
117 <span class="email-address">{{ email.address }}</span> 119 <span class="email-address">{{ email.address }}</span>
118 - <span class="label label-warning">{% trans "Not verified" %}</span>  
119 <div class="text-right"> 120 <div class="text-right">
  121 + <button class="btn btn-default verify-email"><span class="icon-warning-sign"></span> {% trans "Verify" %}</button>
120 <button class="btn btn-danger delete-email">{% trans "Delete" %}</button> 122 <button class="btn btn-danger delete-email">{% trans "Delete" %}</button>
121 </div> 123 </div>
122 <hr /> 124 <hr />
src/static/css/screen.css
@@ -3,6 +3,10 @@ body { @@ -3,6 +3,10 @@ body {
3 padding-top: 57px; 3 padding-top: 57px;
4 } 4 }
5 5
  6 +li hr {
  7 + margin: 10px 0;
  8 +}
  9 +
6 /* Header */ 10 /* Header */
7 11
8 #header-searchbox { 12 #header-searchbox {
@@ -348,3 +352,20 @@ ul.unstyled-list .glyphicon-chevron-right { @@ -348,3 +352,20 @@ ul.unstyled-list .glyphicon-chevron-right {
348 } 352 }
349 353
350 /* end Feedzilla */ 354 /* end Feedzilla */
  355 +
  356 +/* user profile update */
  357 +
  358 +.btn.delete-email:not(:hover) {
  359 + background-color: #fff;
  360 + color: #D9534F;
  361 +}
  362 +
  363 +.btn .icon-warning-sign {
  364 + color: #F0AD4E;
  365 +}
  366 +
  367 +ul.emails {
  368 + margin: 0;
  369 +}
  370 +
  371 +/* end user profile update */