diff options
author | Alex Legler <alex@a3li.li> | 2015-02-22 12:17:18 +0100 |
---|---|---|
committer | Alex Legler <alex@a3li.li> | 2015-02-22 12:17:18 +0100 |
commit | 99121ff1198b8e5b7ceafa3be36249d398008f85 (patch) | |
tree | 718623291a24c519062009fbc9a4b7f6862620f6 | |
parent | Responsiveness fix #3: Finally nice buttons (diff) | |
download | frontend-99121ff1198b8e5b7ceafa3be36249d398008f85.tar.gz frontend-99121ff1198b8e5b7ceafa3be36249d398008f85.tar.bz2 frontend-99121ff1198b8e5b7ceafa3be36249d398008f85.zip |
Responsiveness fix #4: Message tables
-rw-r--r-- | public/css/main.css | 32 | ||||
-rw-r--r-- | views/listmonth.erb | 26 |
2 files changed, 31 insertions, 27 deletions
diff --git a/public/css/main.css b/public/css/main.css index 67488de..bd52860 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -5,24 +5,26 @@ display: block; } -.ag-message-table { - width: 100%; - table-layout: fixed; -} +@media (min-width: 768px) { + .ag-message-table { + width: 100%; + table-layout: fixed; + } -.ag-message-table td { - text-overflow: ellipsis; - max-height: 1.2em; - overflow: hidden; - white-space: nowrap; -} + .ag-message-table td { + text-overflow: ellipsis; + max-height: 1.2em; + overflow: hidden; + white-space: nowrap; + } -.ag-message-table-date { - width: 22%; -} + .ag-message-table-date { + width: 22%; + } -.ag-message-table-from { - width: 18%; + .ag-message-table-from { + width: 18%; + } } .ag-quote { diff --git a/views/listmonth.erb b/views/listmonth.erb index a986eb8..485df49 100644 --- a/views/listmonth.erb +++ b/views/listmonth.erb @@ -12,19 +12,21 @@ </div> <% end %> -<table class="table table-condensed table-hover ag-message-table"> - <tr> - <th class="ag-message-table-subject">Subject</th> - <th class="ag-message-table-from">From</th> - <th class="ag-message-table-date">Date</th> - </tr> - <% results['hits']['hits'].each do |message| %> +<div class="table-responsive"> + <table class="table table-condensed table-hover ag-message-table"> <tr> - <td><a href="../../message/<%= message['_id'] %>"><%= h message['_source']['subject'] %></a></td> - <td><%= h message['_source']['from_realname'] %></td> - <td><%= date_format message['_source']['date'] %></td> + <th class="ag-message-table-subject">Subject</th> + <th class="ag-message-table-from">From</th> + <th class="ag-message-table-date">Date</th> </tr> - <% end %> -</table> + <% results['hits']['hits'].each do |message| %> + <tr> + <td><a href="../../message/<%= message['_id'] %>"><%= h message['_source']['subject'] %></a></td> + <td><%= h message['_source']['from_realname'] %></td> + <td><%= date_format message['_source']['date'] %></td> + </tr> + <% end %> + </table> +</div> <%= partial :pagination, locals: { current_page: current_page, max_pages: max_pages } %>
\ No newline at end of file |