add sidebar scroll on tablet

This commit is contained in:
Simon Vieille 2022-02-28 11:33:28 +01:00
parent 6134b30a99
commit 551e4beaa3
2 changed files with 13 additions and 9 deletions

View file

@ -229,21 +229,27 @@ tr.table-primary-light {
} }
} }
@media screen and (max-width: 1080px) {
.sidebar-sticky {
overflow-y: auto !important;
}
}
@media screen and (max-width: 770px) { @media screen and (max-width: 770px) {
.body { .body {
margin-left: 50px; margin-left: 50px;
width: calc(100vw - 50px); width: calc(100vw - 50px);
} }
.sidebar-sticky {
width: 50px;
max-width: 100% !important;
}
.sidebar { .sidebar {
width: 50px; width: 50px;
max-width: 100% !important; max-width: 100% !important;
.sidebar-sticky {
width: 50px;
max-width: 100% !important;
}
.nav { .nav {
padding-left: 0; padding-left: 0;
} }

View file

@ -125,7 +125,7 @@
</div> </div>
<div class="col-6"> <div class="col-6">
<div class="float-right"> <div class="float-right">
<div class="d-none d-md-block"> <div class="d-none d-lg-block">
{% if node.page %} {% if node.page %}
<a href="{{ path('admin_site_page_edit', {entity: node.page.id}) }}" class="btn btn-sm btn-warning text-white mr-1 mb-1"> <a href="{{ path('admin_site_page_edit', {entity: node.page.id}) }}" class="btn btn-sm btn-warning text-white mr-1 mb-1">
<span class="fa fa-file-alt"></span> <span class="fa fa-file-alt"></span>
@ -141,10 +141,8 @@
<button form="form-node-visibility-{{ node.id }}" class="btn btn-sm btn-light border-dark mr-1 mb-1"> <button form="form-node-visibility-{{ node.id }}" class="btn btn-sm btn-light border-dark mr-1 mb-1">
{% if node.isVisible %} {% if node.isVisible %}
<span class="fa fa-eye"></span> <span class="fa fa-eye"></span>
{{ 'Visible'|trans }}
{% else %} {% else %}
<span class="fa fa-eye-slash"></span> <span class="fa fa-eye-slash"></span>
{{ 'Hidden'|trans }}
{% endif %} {% endif %}
</button> </button>
@ -166,7 +164,7 @@
<span class="fa fa-trash"></span> <span class="fa fa-trash"></span>
</button> </button>
</div> </div>
<div class="d-block d-md-none text-left"> <div class="d-block d-lg-none text-left">
<button type="button" class="btn btn-sm dropdown-toggle " data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button type="button" class="btn btn-sm dropdown-toggle " data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ 'Actions'|trans }} {{ 'Actions'|trans }}
</button> </button>