Commit 8805ad424cd56e067dae9237af07a7860960b993
1 parent
5a512337
Exists in
master
and in
39 other branches
Fixing user menu for xs interfaces
Showing
2 changed files
with
12 additions
and
8 deletions
Show diff stats
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> </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 | } | ... | ... |