Download as
Browse Code »

Commit c443db84024d6924d5e631947804b2b85df54213

Authored by Sergio Oliveira
1 parent 45086d05
Exists in master and in 39 other branches 1.12.x, add_requests_as_dep, celery_service, change-passwd-signal, check-port, colab-signals, colab-vcard, colab_search, colab_tag, colab_tag_merge, community_association, detach_super_archives, fix-dashboard, fix-message-preview, fix_app_label, fix_cache_count_spb, fix_header, fixed_gitlab_import, go_to_profile_panel, header_footer, layout-fix, mobile_user_scalable, move_out_plugins, paginate-threads, profile_integration, refactor-data-import, remove-gitlab-plugin, removing_namespace, search_block, search_filters, spb-release/3.0, split_screen, stable, startplugin, timestamp_plugins, translation_review, user_regex, validate-passwd, workin_whoosh_temp

Adjusting home for mobile devices

Showing 2 changed files with 31 additions and 25 deletions   Show diff stats
src/colab/deprecated/templates/home.html
  Diff comments   View file @c443db8
... ... @@ -6,28 +6,27 @@
6 6 {% endblock %}
7 7  
8 8 {% block header %}
9   - <div class="row">
  9 + <div class="row hidden-xs hidden-sm">
10 10 <div class="col-lg-2 col-lg-offset-5 text-center">
11 11 <img src="{{ STATIC_URL }}img/logo.png" />
12 12 </div>
13 13 </div>
14 14  
15   - <h3 class="text-center">{% trans "INTERLEGIS COMMUNITIES" %}</h3>
  15 + <h3 class="text-center hidden-xs hidden-sm">{% trans "INTERLEGIS COMMUNITIES" %}</h3>
16 16 {% endblock %}
17 17  
18 18 {% block main-content %}
19 19  
20 20 <div class="row">
21   - <div class="col-lg-6">
  21 + <div class="col-lg-6 col-md-6">
22 22 <h3 class="column-align">
23   - {% trans "Latest collaborations" %}
  23 + {% trans "Latest Collaborations" %}
24 24 </h3>
25   - <a class="pull-right" target="_blank"
  25 + <a class="rss-icon" target="_blank"
26 26 href="{% url 'rss_latest_colab' %}"
27 27 title="{% trans 'RSS - Latest collaborations' %}">
28   - <div class="rss-icon"></div>
29 28 </a>
30   - <ul>
  29 + <ul class="message-list">
31 30 {% for doc in latest_docs %}
32 31 {% include "message-preview.html" %}
33 32 {% endfor %}
... ... @@ -40,23 +39,22 @@
40 39 </div>
41 40  
42 41  
43   - <div class="col-lg-6">
  42 + <div class="col-lg-6 col-md-6">
44 43 <h3 class="column-align">{% trans "Distribution of Collaborations" %}</h3>
45 44 <div>&nbsp;</div>
46 45 </div>
47 46 </div>
48 47  
49 48 <div class="row">
50   - <div class="col-lg-6">
  49 + <div class="col-lg-6 col-md-6">
51 50 <h3 class="column-align">
52   - {% trans "Discussions Most Relevance" %}
  51 + {% trans "Most Relevant Discussions" %}
53 52 </h3>
54   - <a class="pull-right" target="_blank"
  53 + <a class="rss-icon" target="_blank"
55 54 href="{% url 'rss_hottest_threads' %}"
56 55 title="{% trans "RSS - Discussions Most Relevance" %}">
57   - <div class="rss-icon"></div>
58 56 </a>
59   - <ul>
  57 + <ul class="message-list">
60 58 {% for thread in hottest_threads %}
61 59 {% include "message-preview.html" with doc=thread.latest_message %}
62 60 {% endfor %}
... ... @@ -68,16 +66,15 @@
68 66 <div>&nbsp;</div>
69 67 </div>
70 68  
71   - <div class="col-lg-6">
  69 + <div class="col-lg-6 col-md-6">
72 70 <h3 class="column-align">
73 71 {% trans "Latest Discussions" %}
74 72 </h3>
75   - <a class="pull-right" target="_blank"
  73 + <a class="rss-icon" target="_blank"
76 74 href="{% url 'rss_latest_threads' %}"
77 75 title="{% trans "RSS - Latest Discussions" %}">
78   - <div class="rss-icon"></div>
79 76 </a>
80   - <ul>
  77 + <ul class="message-list">
81 78 {% for thread in latest_threads %}
82 79 {% include "message-preview.html" with doc=thread.latest_message %}
83 80 {% endfor %}
... ...
src/colab/static/css/screen.css
  Diff comments   View file @c443db8
... ... @@ -4,6 +4,11 @@ body {
4 4 padding-top: 70px;
5 5 }
6 6  
  7 +/* better fit for xm and sm screens */
  8 +h3 {
  9 + font-size: 160%;
  10 +}
  11 +
7 12 /* Header */
8 13  
9 14  
... ... @@ -120,13 +125,18 @@ body {
120 125 .subject img {
121 126 margin-right: 5px;
122 127 }
123   -/* End of message-preview.html */
124 128  
125   -.container {
126   - /* Overwritting max-width for better web responsive */
127   - /* max-width: 95% !important; */
  129 +/* message-list (ul wrapping preview-message) */
  130 +
  131 +ul.message-list {
  132 + padding: 0;
128 133 }
129 134  
  135 +/* End of message-preview.html */
  136 +
  137 +
  138 +
  139 +
130 140 /* Forms */
131 141 .required label:before {
132 142 color: #f00;
... ... @@ -151,14 +161,13 @@ form.signup div.submit {
151 161 background-image: url(../img/rss.png);
152 162 width: 16px;
153 163 height: 16px;
  164 + display: inline-block;
  165 + margin-left: 3px;
154 166 }
155 167  
156 168 .column-align {
157 169 display: inline-block;
158   - margin-left: 20px;
159   - margin-top: 0;
160   - margin-bottom: 10px;
161   - vertical-align: middle;
  170 + margin-bottom: 20px;
162 171 }
163 172  
164 173 #filters h4 {
... ...