Improved mobile view for part edit and sidebar.

This commit is contained in:
Jan Böhmer 2020-01-04 21:42:44 +01:00
parent 9a7223a301
commit 3caac22a0e
16 changed files with 43 additions and 35 deletions

View file

@ -1,6 +1,6 @@
{% form_theme form with ['Parts/edit/edit_form_styles.html.twig', "bootstrap_4_layout.html.twig"] %}
<table class="table table-striped table-sm" id="orderdetails_table" data-prototype="{% if form.orderdetails.vars.prototype is defined %}{{ form_widget(form.orderdetails.vars.prototype)|e('html_attr') }}{% endif %}">
<table class="table table-striped table-sm table-responsive-md" id="orderdetails_table" data-prototype="{% if form.orderdetails.vars.prototype is defined %}{{ form_widget(form.orderdetails.vars.prototype)|e('html_attr') }}{% endif %}">
<tbody>
{% for detail in form.orderdetails %}
{{ form_widget(detail, {'disable_delete' : not is_granted('orderdetails.delete', part)}) }}

View file

@ -1,6 +1,6 @@
{% import "helper.twig" as helper %}
<table class="table table-striped table-hover">
<table class="table table-striped table-hover table-responsive-sm">
<thead>
<tr>
<th></th>

View file

@ -1,6 +1,6 @@
{% import "helper.twig" as helper %}
<table class="table table-striped table-hover table-sm w-100">
<table class="table table-striped table-hover table-sm w-100 table-responsive-sm">
<tbody>
<tr> {# Creation date #}
<td>{% trans %}createdAt{% endtrans %}</td>

View file

@ -1,10 +1,10 @@
{% import "helper.twig" as helper %}
<div class="row">
<div class="col-md-3 col-lg-4">
<div class="col-md-3 col-lg-4 col-3 mt-auto mb-auto">
{% include "Parts/info/_picture.html.twig" %}
</div>
<div class="col-md-9 col-lg-8">
<div class="col-md-9 col-lg-8 col-7">
<h5 class="text-muted pt-2" title="{% trans %}manufacturer.label{% endtrans %}">
{% if part.manufacturer %}
{% if part.manufacturer.id is not null %}

View file

@ -1,5 +1,5 @@
<div class="table-responsive">
<table class="table table-striped table-header table-hover">
<table class="table table-striped table-header table-hover table-responsive-sm">
<thead>
<tr>
<th>{% trans %}part.supplier.name{% endtrans %}</th>

View file

@ -1,13 +1,12 @@
{% import "helper.twig" as helper %}
<table class="table table-striped table-hover">
<table class="table table-striped table-hover table-responsive-sm">
<thead>
<tr>
<th>{% trans %}part_lots.description{% endtrans %}</th>
<th>{% trans %}part_lots.storage_location{% endtrans %}</th>
<th>{% trans %}part_lots.amount{% endtrans %}</th>
<th></th> {# Tags row #}
<th></th>
</tr>
</thead>

View file

@ -19,7 +19,7 @@
{% include "Parts/info/_main_infos.html.twig" %}
</div>
<div class="col-md-3">
<div class="col-md-3 offset-3 offset-md-0">
{% include "Parts/info/_sidebar.html.twig" %}
</div>