improve responsive design
This commit is contained in:
parent
a2d9926dbe
commit
0e29ac95ce
|
|
@ -14,6 +14,16 @@ $pagination-active-bg: #343a40;
|
||||||
@import "~bootstrap/scss/bootstrap.scss";
|
@import "~bootstrap/scss/bootstrap.scss";
|
||||||
@import "~@fortawesome/fontawesome-free/css/all.css";
|
@import "~@fortawesome/fontawesome-free/css/all.css";
|
||||||
|
|
||||||
|
@for $i from 1 through 100 {
|
||||||
|
.miw-#{$i*5} {
|
||||||
|
min-width: $i * 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
#logo {
|
#logo {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -26,8 +26,8 @@
|
||||||
<table class="table" data-table-fixed>
|
<table class="table" data-table-fixed>
|
||||||
<thead class="thead-light">
|
<thead class="thead-light">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="col-10">{{ 'Username'|trans }}</th>
|
<th class="col-10 miw-200">{{ 'Username'|trans }}</th>
|
||||||
<th class="col-2 text-right">{{ 'Actions'|trans }}</th>
|
<th class="col-2 miw-100 text-right">{{ 'Actions'|trans }}</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
|
|
@ -36,14 +36,14 @@
|
||||||
{% set show = path('admin_user_show', {entity: item.id}) %}
|
{% set show = path('admin_user_show', {entity: item.id}) %}
|
||||||
|
|
||||||
<tr data-dblclick="{{ edit }}">
|
<tr data-dblclick="{{ edit }}">
|
||||||
<td class="col-10">
|
<td class="col-10 miw-200">
|
||||||
<a href="{{ show }}" class="font-weight-bold text-body d-block">
|
<a href="{{ show }}" class="font-weight-bold text-body d-block">
|
||||||
{{ item.displayName }}
|
{{ item.displayName }}
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
{{ item.email }}
|
{{ item.email }}
|
||||||
</td>
|
</td>
|
||||||
<td class="col-2 text-right">
|
<td class="col-2 miw-100 text-right">
|
||||||
<a href="{{ edit }}" class="btn btn-sm btn-primary mr-1">
|
<a href="{{ edit }}" class="btn btn-sm btn-primary mr-1">
|
||||||
<span class="fa fa-edit"></span>
|
<span class="fa fa-edit"></span>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
|
|
@ -22,58 +22,60 @@
|
||||||
{{ knp_pagination_render(pager) }}
|
{{ knp_pagination_render(pager) }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<table class="table" data-table-fixed>
|
<div class="table-responsive">
|
||||||
<thead class="thead-light">
|
<table class="table" data-table-fixed>
|
||||||
<tr>
|
<thead class="thead-light">
|
||||||
<th class="col-6">Titre</th>
|
|
||||||
<th class="col-4">Articles</th>
|
|
||||||
<th class="col-2 text-right">Actions</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
{% for item in pager %}
|
|
||||||
{% set edit = path('admin_blog_category_edit', {entity: item.id}) %}
|
|
||||||
{% set show = path('admin_blog_category_show', {entity: item.id}) %}
|
|
||||||
|
|
||||||
<tr data-dblclick="{{ edit }}">
|
|
||||||
<td class="col-6">
|
|
||||||
<a href="{{ show }}" class="font-weight-bold text-body d-block">
|
|
||||||
{{ item.title }}
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td class="col-4">
|
|
||||||
<a href="" class="btn btn-sm btn-light">
|
|
||||||
{% set postsCount = item.posts|length %}
|
|
||||||
|
|
||||||
<span class="font-weight-bold">{{ postsCount }}</span> {{ postsCount < 2 ? 'article' : 'articles' }}
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td class="col-2 text-right">
|
|
||||||
<a href="{{ edit }}" class="btn btn-sm btn-primary mr-1">
|
|
||||||
<span class="fa fa-edit"></span>
|
|
||||||
</a>
|
|
||||||
<button type="submit" form="form-delete-{{ item.id }}" class="btn btn-sm btn-danger">
|
|
||||||
<span class="fa fa-trash"></span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<form method="post" action="{{ path('admin_blog_category_delete', {entity: item.id}) }}" id="form-delete-{{ item.id }}" data-form-confirm>
|
|
||||||
<input type="hidden" name="_method" value="DELETE">
|
|
||||||
<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ item.id) }}">
|
|
||||||
</form>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
{% else %}
|
|
||||||
<tr>
|
<tr>
|
||||||
<td class="col-12 text-center p-4 text-black-50">
|
<th class="col-6 miw-200">Titre</th>
|
||||||
<div class="display-1">
|
<th class="col-4 miw-150">Articles</th>
|
||||||
<span class="fa fa-search"></span>
|
<th class="col-2 miw-100 text-right">Actions</th>
|
||||||
</div>
|
|
||||||
<div class="display-5 mt-3">
|
|
||||||
Aucun résultat
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
</thead>
|
||||||
</tbody>
|
<tbody>
|
||||||
</table>
|
{% for item in pager %}
|
||||||
|
{% set edit = path('admin_blog_category_edit', {entity: item.id}) %}
|
||||||
|
{% set show = path('admin_blog_category_show', {entity: item.id}) %}
|
||||||
|
|
||||||
|
<tr data-dblclick="{{ edit }}">
|
||||||
|
<td class="col-6 miw-200">
|
||||||
|
<a href="{{ show }}" class="font-weight-bold text-body d-block">
|
||||||
|
{{ item.title }}
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td class="col-4 miw-150">
|
||||||
|
<a href="" class="btn btn-sm btn-light">
|
||||||
|
{% set postsCount = item.posts|length %}
|
||||||
|
|
||||||
|
<span class="font-weight-bold">{{ postsCount }}</span> {{ postsCount < 2 ? 'article' : 'articles' }}
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td class="col-2 miw-100 text-right">
|
||||||
|
<a href="{{ edit }}" class="btn btn-sm btn-primary mr-1">
|
||||||
|
<span class="fa fa-edit"></span>
|
||||||
|
</a>
|
||||||
|
<button type="submit" form="form-delete-{{ item.id }}" class="btn btn-sm btn-danger">
|
||||||
|
<span class="fa fa-trash"></span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<form method="post" action="{{ path('admin_blog_category_delete', {entity: item.id}) }}" id="form-delete-{{ item.id }}" data-form-confirm>
|
||||||
|
<input type="hidden" name="_method" value="DELETE">
|
||||||
|
<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ item.id) }}">
|
||||||
|
</form>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
{% else %}
|
||||||
|
<tr>
|
||||||
|
<td class="col-12 text-center p-4 text-black-50">
|
||||||
|
<div class="display-1">
|
||||||
|
<span class="fa fa-search"></span>
|
||||||
|
</div>
|
||||||
|
<div class="display-5 mt-3">
|
||||||
|
Aucun résultat
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
{% endfor %}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -22,72 +22,74 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<table class="table" data-table-fixed>
|
<div class="table-responsive">
|
||||||
<thead class="thead-light">
|
<table class="table" data-table-fixed>
|
||||||
<tr>
|
<thead class="thead-light">
|
||||||
<th class="col-6">Auteur</th>
|
|
||||||
<th class="col-2">Date</th>
|
|
||||||
<th class="col-1">Statut</th>
|
|
||||||
<th class="col-3 text-right">Actions</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
{% for item in pager %}
|
|
||||||
{% set edit = path('admin_blog_comment_edit', {entity: item.id}) %}
|
|
||||||
{% set show = path('admin_blog_comment_show', {entity: item.id}) %}
|
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td class="col-6">
|
<th class="col-6 miw-300">Auteur</th>
|
||||||
<a href="{{ show }}" class="font-weight-bold text-body d-block">
|
<th class="col-2 miw-200">Date</th>
|
||||||
{{ item.author }}
|
<th class="col-1 miw-100">Statut</th>
|
||||||
</a>
|
<th class="col-3 miw-100 text-right">Actions</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{% for item in pager %}
|
||||||
|
{% set edit = path('admin_blog_comment_edit', {entity: item.id}) %}
|
||||||
|
{% set show = path('admin_blog_comment_show', {entity: item.id}) %}
|
||||||
|
|
||||||
Dans <a href="{{ path('admin_blog_post_show', {entity: item.post.id}) }}">{{ item.post.title }}</a>
|
<tr>
|
||||||
|
<td class="col-6 miw-300">
|
||||||
{% if item.parentComment %}
|
<a href="{{ show }}" class="font-weight-bold text-body d-block">
|
||||||
en réponse à
|
{{ item.author }}
|
||||||
<a href="{{ path('admin_blog_comment_show', {entity: item.parentComment.id}) }}">
|
|
||||||
{{ item.parentComment }}
|
|
||||||
</a>
|
</a>
|
||||||
{% endif %}
|
|
||||||
</td>
|
|
||||||
<td class="col-2">
|
|
||||||
<span class="btn btn-sm btn-light">
|
|
||||||
<span class="fa fa-calendar-alt text-black-50 mr-1"></span>
|
|
||||||
{{ item.updatedAt|date('d/m/Y H:i') }}
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td class="col-1">
|
|
||||||
<button class="btn btn-sm btn-{{ item.isActive ? 'success' : 'warning' }}">
|
|
||||||
{{ item.isActive ? 'En ligne' : 'Hors ligne' }}
|
|
||||||
</button>
|
|
||||||
</td>
|
|
||||||
<td class="col-3 text-right">
|
|
||||||
<a href="{{ edit }}" class="btn btn-sm btn-primary mr-1">
|
|
||||||
<span class="fa fa-edit"></span>
|
|
||||||
</a>
|
|
||||||
<button type="submit" form="form-delete-{{ item.id }}" class="btn btn-sm btn-danger">
|
|
||||||
<span class="fa fa-trash"></span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<form method="post" action="{{ path('admin_blog_comment_delete', {entity: item.id}) }}" id="form-delete-{{ item.id }}" data-form-confirm>
|
Dans <a href="{{ path('admin_blog_post_show', {entity: item.post.id}) }}">{{ item.post.title }}</a>
|
||||||
<input type="hidden" name="_method" value="DELETE">
|
|
||||||
<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ item.id) }}">
|
{% if item.parentComment %}
|
||||||
</form>
|
en réponse à
|
||||||
</td>
|
<a href="{{ path('admin_blog_comment_show', {entity: item.parentComment.id}) }}">
|
||||||
</tr>
|
{{ item.parentComment }}
|
||||||
{% else %}
|
</a>
|
||||||
<tr>
|
{% endif %}
|
||||||
<td class="col-12 text-center p-4 text-black-50">
|
</td>
|
||||||
<div class="display-1">
|
<td class="col-2 miw-200">
|
||||||
<span class="fa fa-search"></span>
|
<span class="btn btn-sm btn-light">
|
||||||
</div>
|
<span class="fa fa-calendar-alt text-black-50 mr-1"></span>
|
||||||
<div class="display-5 mt-3">
|
{{ item.updatedAt|date('d/m/Y H:i') }}
|
||||||
Aucun résultat
|
</span>
|
||||||
</div>
|
</td>
|
||||||
</td>
|
<td class="col-1 miw-100">
|
||||||
</tr>
|
<button class="btn btn-sm btn-{{ item.isActive ? 'success' : 'warning' }}">
|
||||||
{% endfor %}
|
{{ item.isActive ? 'En ligne' : 'Hors ligne' }}
|
||||||
</tbody>
|
</button>
|
||||||
</table>
|
</td>
|
||||||
|
<td class="col-3 miw-100 text-right">
|
||||||
|
<a href="{{ edit }}" class="btn btn-sm btn-primary mr-1">
|
||||||
|
<span class="fa fa-edit"></span>
|
||||||
|
</a>
|
||||||
|
<button type="submit" form="form-delete-{{ item.id }}" class="btn btn-sm btn-danger">
|
||||||
|
<span class="fa fa-trash"></span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<form method="post" action="{{ path('admin_blog_comment_delete', {entity: item.id}) }}" id="form-delete-{{ item.id }}" data-form-confirm>
|
||||||
|
<input type="hidden" name="_method" value="DELETE">
|
||||||
|
<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ item.id) }}">
|
||||||
|
</form>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
{% else %}
|
||||||
|
<tr>
|
||||||
|
<td class="col-12 text-center p-4 text-black-50">
|
||||||
|
<div class="display-1">
|
||||||
|
<span class="fa fa-search"></span>
|
||||||
|
</div>
|
||||||
|
<div class="display-5 mt-3">
|
||||||
|
Aucun résultat
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
{% endfor %}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -35,10 +35,10 @@
|
||||||
<table class="table" data-table-fixed>
|
<table class="table" data-table-fixed>
|
||||||
<thead class="thead-light">
|
<thead class="thead-light">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="col-6">Titre</th>
|
<th class="col-6 miw-400">Titre</th>
|
||||||
<th class="col-2">Mise à jour</th>
|
<th class="col-2 miw-200">Mise à jour</th>
|
||||||
<th class="col-1">Statut</th>
|
<th class="col-1 miw-100">Statut</th>
|
||||||
<th class="col-3 text-right">Actions</th>
|
<th class="col-3 miw-100 text-right">Actions</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
|
|
@ -47,7 +47,7 @@
|
||||||
{% set show = path('admin_blog_post_show', {entity: item.id}) %}
|
{% set show = path('admin_blog_post_show', {entity: item.id}) %}
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td class="col-6">
|
<td class="col-6 miw-400">
|
||||||
{% if item.image %}
|
{% if item.image %}
|
||||||
{% set image = asset(item.image.pathname) %}
|
{% set image = asset(item.image.pathname) %}
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
@ -69,13 +69,13 @@
|
||||||
|
|
||||||
Dans {{ categories|join(', ')|raw }}
|
Dans {{ categories|join(', ')|raw }}
|
||||||
</td>
|
</td>
|
||||||
<td class="col-2">
|
<td class="col-2 miw-200">
|
||||||
<span class="btn btn-sm btn-light">
|
<span class="btn btn-sm btn-light">
|
||||||
<span class="fa fa-calendar-alt text-black-50 mr-1"></span>
|
<span class="fa fa-calendar-alt text-black-50 mr-1"></span>
|
||||||
{{ item.updatedAt|date('d/m/Y H:i') }}
|
{{ item.updatedAt|date('d/m/Y H:i') }}
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
<td class="col-1">
|
<td class="col-1 miw-100">
|
||||||
{% set map = {
|
{% set map = {
|
||||||
0: ['warning', 'Brouillon'],
|
0: ['warning', 'Brouillon'],
|
||||||
1: ['success', 'Publié'],
|
1: ['success', 'Publié'],
|
||||||
|
|
@ -84,7 +84,7 @@
|
||||||
{{ map[item.status].1 }}
|
{{ map[item.status].1 }}
|
||||||
</button>
|
</button>
|
||||||
</td>
|
</td>
|
||||||
<td class="col-3 text-right">
|
<td class="col-3 miw-100 text-right">
|
||||||
<a href="{{ edit }}" class="btn btn-sm btn-primary mr-1">
|
<a href="{{ edit }}" class="btn btn-sm btn-primary mr-1">
|
||||||
<span class="fa fa-edit"></span>
|
<span class="fa fa-edit"></span>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue