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 | } | ... | ... |