Commit 8805ad424cd56e067dae9237af07a7860960b993

Authored by Sergio Oliveira
1 parent 5a512337

Fixing user menu for xs interfaces

src/colab/deprecated/templates/base.html
... ... @@ -84,13 +84,13 @@
84 84 <li><a href="{% url 'signup' %}">{% trans "Register" %}</a></li>
85 85 <li>{% browserid_login text='Login' next=request.path %}</li>
86 86 {% else %}
87   - <li class="dropdown">
  87 + <li id="user-menu" class="dropdown">
88 88 <a href="#" class="dropdown-toggle" data-toggle="dropdown">{% gravatar user.email 40 %} <b class="caret"></b>&nbsp;&nbsp;</a>
89 89 <ul class="dropdown-menu" role="menu">
90 90 <li>
91   - <div class="user-menu">
  91 + <div class="wrapper">
92 92 <div class="thumbnail">{% gravatar user.email 100 %}</div>
93   - <div class="user-menu-info">
  93 + <div class="user-info">
94 94 <span><b>{{ user.get_full_name }}</b></span>
95 95 <span class="quiet">{{ user.email }}</span>
96 96 </div>
... ...
src/colab/static/css/screen.css
... ... @@ -22,26 +22,30 @@ body {
22 22 margin-left: 10px;
23 23 }
24 24  
25   -.navbar .user-menu {
  25 +#user-menu {
  26 + padding-right: 20px;
  27 +}
  28 +
  29 +#user-menu .wrapper {
26 30 padding: 10px;
27 31 white-space: nowrap;
28 32 }
29 33  
30   -.navbar .user-menu a {
  34 +#user-menu .wrapper a {
31 35 margin: 5px 0;
32 36 }
33 37  
34   -.navbar .user-menu-info {
  38 +#user-menu .user-info {
35 39 display: inline-block;
36 40 vertical-align: top;
37 41 padding-left: 5px;
38 42 }
39 43  
40   -.navbar .user-menu-info span {
  44 +#user-menu .user-info span {
41 45 display: block;
42 46 }
43 47  
44   -.navbar .dropdown-menu .thumbnail {
  48 +#user-menu .dropdown-menu .thumbnail {
45 49 width: 100px;
46 50 display: inline-block;
47 51 }
... ...