[Responsive] List of polls for admins with scrollbar

This commit is contained in:
Marjolaine Vé 2018-02-18 17:55:48 +01:00 committed by Thomas Citharel
parent b29bbb5c9a
commit efda4e97b0
3 changed files with 58 additions and 57 deletions

View File

@ -22,10 +22,4 @@
border-bottom: 4px dashed;
border-top: 0 none;
content: "";
}
@media (max-width: 767px) {
#optionnal {
margin-top: 15px;
}
}

View File

@ -521,6 +521,12 @@ table.results > tbody > tr:hover > td .glyphicon {
#poll_search {
cursor: pointer;
}
.table-of-polls {
overflow-x: scroll;
margin-bottom: 0;
border: 0;
box-shadow: none;
}
/* Studs */
.password_request {

View File

@ -64,59 +64,60 @@
<div class="panel-heading">
{if $count == $total}{$count}{else}{$count} / {$total}{/if} {__('Admin', 'polls in the database at this time')}
</div>
<table class="table table-bordered table-polls">
<tr align="center">
<th scope="col"></th>
<th scope="col">{__('Admin', 'Title')}</th>
<th scope="col">{__('Admin', 'Author')}</th>
<th scope="col">{__('Admin', 'Email')}</th>
<th scope="col">{__('Admin', 'Expiration date')}</th>
<th scope="col">{__('Admin', 'Votes')}</th>
<th scope="col">{__('Admin', 'Poll ID')}</th>
<th scope="col" colspan="3">{__('Admin', 'Actions')}</th>
</tr>
{foreach $polls as $poll}
<div class="table-of-polls panel">
<table class="table table-bordered table-polls">
<tr align="center">
<td class="cell-format">
{if $poll->format === 'D'}
<span class="glyphicon glyphicon-calendar" aria-hidden="true"
title="{__('Generic', 'Date')}"></span>
<span class="sr-only">{__('Generic', 'Date')}</span>
{else}
<span class="glyphicon glyphicon-list-alt" aria-hidden="true"
title="{__('Generic', 'Classic')}"></span>
<span class="sr-only">{__('Generic', 'Classic')}</span>
{/if}
</td>
<td>{$poll->title|html}</td>
<td>{$poll->admin_name|html}</td>
<td>{$poll->admin_mail|html}</td>
{if strtotime($poll->end_date) > time()}
<td>{date('d/m/y', strtotime($poll->end_date))}</td>
{else}
<td><span class="text-danger">{strtotime($poll->end_date)|date_format:'d/m/Y'}</span></td>
{/if}
<td>{$poll->votes|html}</td>
<td>{$poll->id|html}</td>
<td><a href="{poll_url id=$poll->id}" class="btn btn-link"
title="{__('Admin', 'See the poll')}"><span
class="glyphicon glyphicon-eye-open"></span><span
class="sr-only">{__('Admin', 'See the poll')}</span></a></td>
<td><a href="{poll_url id=$poll->admin_id admin=true}" class="btn btn-link"
title="{__('Admin', 'Change the poll')}"><span
class="glyphicon glyphicon-pencil"></span><span
class="sr-only">{__('Admin', 'Change the poll')}</span></a></td>
<td>
<button type="submit" name="delete_poll" value="{$poll->id|html}" class="btn btn-link"
title="{__('Admin', 'Deleted the poll')}"><span
class="glyphicon glyphicon-trash text-danger"></span><span
class="sr-only">{__('Admin', 'Deleted the poll')}</span>
</td>
<th scope="col"></th>
<th scope="col">{__('Admin', 'Title')}</th>
<th scope="col">{__('Admin', 'Author')}</th>
<th scope="col">{__('Admin', 'Email')}</th>
<th scope="col">{__('Admin', 'Expiration date')}</th>
<th scope="col">{__('Admin', 'Votes')}</th>
<th scope="col">{__('Admin', 'Poll ID')}</th>
<th scope="col" colspan="3">{__('Admin', 'Actions')}</th>
</tr>
{/foreach}
</table>
{foreach $polls as $poll}
<tr align="center">
<td class="cell-format">
{if $poll->format === 'D'}
<span class="glyphicon glyphicon-calendar" aria-hidden="true"
title="{__('Generic', 'Date')}"></span>
<span class="sr-only">{__('Generic', 'Date')}</span>
{else}
<span class="glyphicon glyphicon-list-alt" aria-hidden="true"
title="{__('Generic', 'Classic')}"></span>
<span class="sr-only">{__('Generic', 'Classic')}</span>
{/if}
</td>
<td>{$poll->title|html}</td>
<td>{$poll->admin_name|html}</td>
<td>{$poll->admin_mail|html}</td>
{if strtotime($poll->end_date) > time()}
<td>{date('d/m/y', strtotime($poll->end_date))}</td>
{else}
<td><span class="text-danger">{strtotime($poll->end_date)|date_format:'d/m/Y'}</span></td>
{/if}
<td>{$poll->votes|html}</td>
<td>{$poll->id|html}</td>
<td><a href="{poll_url id=$poll->id}" class="btn btn-link"
title="{__('Admin', 'See the poll')}"><span
class="glyphicon glyphicon-eye-open"></span><span
class="sr-only">{__('Admin', 'See the poll')}</span></a></td>
<td><a href="{poll_url id=$poll->admin_id admin=true}" class="btn btn-link"
title="{__('Admin', 'Change the poll')}"><span
class="glyphicon glyphicon-pencil"></span><span
class="sr-only">{__('Admin', 'Change the poll')}</span></a></td>
<td>
<button type="submit" name="delete_poll" value="{$poll->id|html}" class="btn btn-link"
title="{__('Admin', 'Deleted the poll')}"><span
class="glyphicon glyphicon-trash text-danger"></span><span
class="sr-only">{__('Admin', 'Deleted the poll')}</span>
</td>
</tr>
{/foreach}
</table>
</div>
<div class="panel-heading">
{__('Admin', 'Pages:')}