Commit 9addf187a421f178a7aec13951aafa5dac1a2815
1 parent
52fd48cf
Exists in
master
and in
39 other branches
Fixing some responsive problems
Showing
2 changed files
with
14 additions
and
8 deletions
Show diff stats
src/colab/deprecated/templates/home.html
| @@ -19,7 +19,7 @@ | @@ -19,7 +19,7 @@ | ||
| 19 | 19 | ||
| 20 | <div class="row"> | 20 | <div class="row"> |
| 21 | <div class="col-lg-6"> | 21 | <div class="col-lg-6"> |
| 22 | - <h3 class="column-title"> | 22 | + <h3 class="column-align"> |
| 23 | {% trans "Latest collaborations" %} | 23 | {% trans "Latest collaborations" %} |
| 24 | </h3> | 24 | </h3> |
| 25 | <a class="pull-right" target="_blank" | 25 | <a class="pull-right" target="_blank" |
| @@ -32,14 +32,14 @@ | @@ -32,14 +32,14 @@ | ||
| 32 | {% include "message-preview.html" %} | 32 | {% include "message-preview.html" %} |
| 33 | {% endfor %} | 33 | {% endfor %} |
| 34 | </ul> | 34 | </ul> |
| 35 | - <a class="pull-right" | 35 | + <a class="column-align" |
| 36 | href="{% url 'search' %}?o=modified+desc"> | 36 | href="{% url 'search' %}?o=modified+desc"> |
| 37 | {% trans "View more collaborations..." %} | 37 | {% trans "View more collaborations..." %} |
| 38 | </a> | 38 | </a> |
| 39 | </div> | 39 | </div> |
| 40 | 40 | ||
| 41 | <div class="col-lg-6"> | 41 | <div class="col-lg-6"> |
| 42 | - <h3 class="column-title">{% trans "Distribution of Collaborations" %}</h3> | 42 | + <h3 class="column-align">{% trans "Distribution of Collaborations" %}</h3> |
| 43 | <div></div> | 43 | <div></div> |
| 44 | </div> | 44 | </div> |
| 45 | </div> | 45 | </div> |
| @@ -48,7 +48,7 @@ | @@ -48,7 +48,7 @@ | ||
| 48 | 48 | ||
| 49 | <div class="row"> | 49 | <div class="row"> |
| 50 | <div class="col-lg-6"> | 50 | <div class="col-lg-6"> |
| 51 | - <h3 class="column-title"> | 51 | + <h3 class="column-align"> |
| 52 | {% trans "Discussions Most Relevance" %} | 52 | {% trans "Discussions Most Relevance" %} |
| 53 | </h3> | 53 | </h3> |
| 54 | <a class="pull-right" target="_blank" | 54 | <a class="pull-right" target="_blank" |
| @@ -61,14 +61,14 @@ | @@ -61,14 +61,14 @@ | ||
| 61 | {% include "message-preview.html" with doc=thread.latest_message %} | 61 | {% include "message-preview.html" with doc=thread.latest_message %} |
| 62 | {% endfor %} | 62 | {% endfor %} |
| 63 | </ul> | 63 | </ul> |
| 64 | - <a class="pull-right" | 64 | + <a class="column-align" |
| 65 | href="{% url 'thread_list' %}?order=hottest"> | 65 | href="{% url 'thread_list' %}?order=hottest"> |
| 66 | {% trans "View more discussions relevance..." %} | 66 | {% trans "View more discussions relevance..." %} |
| 67 | </a> | 67 | </a> |
| 68 | </div> | 68 | </div> |
| 69 | 69 | ||
| 70 | <div class="col-lg-6"> | 70 | <div class="col-lg-6"> |
| 71 | - <h3 class="column-title"> | 71 | + <h3 class="column-align"> |
| 72 | {% trans "Latest Discussions" %} | 72 | {% trans "Latest Discussions" %} |
| 73 | </h3> | 73 | </h3> |
| 74 | <a class="pull-right" target="_blank" | 74 | <a class="pull-right" target="_blank" |
| @@ -81,7 +81,7 @@ | @@ -81,7 +81,7 @@ | ||
| 81 | {% include "message-preview.html" with doc=thread.latest_message %} | 81 | {% include "message-preview.html" with doc=thread.latest_message %} |
| 82 | {% endfor %} | 82 | {% endfor %} |
| 83 | </ul> | 83 | </ul> |
| 84 | - <a class="pull-right" href="{% url 'thread_list' %}"> | 84 | + <a class="column-align" href="{% url 'thread_list' %}"> |
| 85 | {% trans "View more discussions..." %} | 85 | {% trans "View more discussions..." %} |
| 86 | </a> | 86 | </a> |
| 87 | </div> | 87 | </div> |
src/colab/static/css/screen.css
| @@ -87,9 +87,15 @@ | @@ -87,9 +87,15 @@ | ||
| 87 | height: 16px; | 87 | height: 16px; |
| 88 | } | 88 | } |
| 89 | 89 | ||
| 90 | -.column-title{ | 90 | +.column-align{ |
| 91 | display: inline-block; | 91 | display: inline-block; |
| 92 | margin-left: 20px; | 92 | margin-left: 20px; |
| 93 | margin-top: 0; | 93 | margin-top: 0; |
| 94 | + margin-bottom: 10px; | ||
| 94 | vertical-align: middle; | 95 | vertical-align: middle; |
| 95 | } | 96 | } |
| 97 | + | ||
| 98 | +.container{ | ||
| 99 | + /* Overwritting max-width for better web responsive */ | ||
| 100 | + max-width: 95% !important; | ||
| 101 | +} |