fix css and html structure

This commit is contained in:
Ludovic CANDELLIER
2023-02-05 22:57:47 +01:00
parent 12e5dbb721
commit f3289334f3
8 changed files with 42 additions and 31 deletions

View File

@@ -224,6 +224,10 @@ div.megamenu ul.megamenu li.megamenu.level1
color: #335012!important;
}
.filters-width {
width: 192px;
}
@font-face {
font-family: 'noto_sanscondensed';
src: url('/fonts/notosans-condensed/notosans-condensed-webfont.eot');

View File

@@ -1,17 +1,17 @@
<a href="{{ route('Shop.Articles.show', ['id' => $article['semences']['article_id'] ?? false ]) }}" class="{{ ($product_type == 'botanic') ? 'green-dark' : 'green-dark' }}">
<div class="card {{ (($article_nature ?? false) == 'semences') ? 'bg-yellow' : 'bg-green-dark' }}">
<div class="card">
<img src="{{ App\Repositories\Shop\Articles::getPreviewSrc($article['image'] ?? false) }}" class="card-img-top" alt="{{ $product_name }}">
<div class="card-body p-2 pb-1">
<div class="row card-title">
<div class="col-12 light">
<!--
<i class="fa fa-heart red"></i>
-->
<div class="col-12 green">
<div class="text-truncate mb-0" style="font-size: 1.3em;">{{ $article['parent_name'] }}</div>
<div class="text-truncate">{{ $article['product_name'] }}</div>
</div>
</div>
@include('Shop.Articles.partials.article_' . $product_type)
<button type="button" class="btn btn-link bg-green text-white w-100">
Ajout rapide
</button>
</div>
</div>
</a>

View File

@@ -0,0 +1,15 @@
@include('components.form.button', [
'id' => 'by_cards',
'icon' => 'fa-th',
'style' => ($display_by_rows ?? false) ? ' font-size: x-small;' : '',
'class' => 'btn-secondary',
'title' => 'Vue par vignettes',
])
@include('components.form.button', [
'id' => 'by_rows',
'icon' => 'fa-list',
'style' => (!$display_by_rows ?? true) ? ' font-size: x-small;' : '',
'class' => 'btn-secondary',
'title' => 'Vue par lignes',
])

View File

@@ -10,13 +10,18 @@
<input type="hidden" id="article_nature" name="article_nature" value="{{ $article_nature ?? false }}">
<div class="row mb-3">
<div class="col-9">
@include('Shop.Shelves.partials.breadcrumb')
</div>
<div class="col-3 text-right">
@include('Shop.Shelves.partials.display-type')
</div>
</div>
<div class="row">
<div class="col-3">
@include('Shop._partials.display_filters')
</div>
<div class="col-6">
@include('Shop.Shelves.partials.breadcrumb')
</div>
<div class="col-3">
<div class="col-9">
@include('Shop.Shelves.partials.category_add')
</div>
</div>

View File

@@ -42,6 +42,8 @@
$('#sidebar').toggleClass('d-none');
$('#filter-on').toggleClass('d-none');
$('#filter-off').toggleClass('d-none');
$('#filter-off-text').toggleClass('d-none');
$('#filters').toggleClass('filters-width');
});
$('.filter_tags input').change(function() {
$('#category-form').submit();

View File

@@ -1,5 +1,5 @@
@if (!($no_filter ?? false))
<button type="button" class="btn btn-success" id="filters" title="Filtres" data-toggle="tooltip">
<button type="button" class="btn bg-green text-white" id="filters" title="Filtres" data-toggle="tooltip">
<span id="filter-on" class="fa fa-fw @if ($filter_on ?? false) d-none" @endif">
<i class="fa fa-filter"></i>
</span>
@@ -7,22 +7,6 @@
<i class="fa fa-stack-1x fa-filter"></i>
<i class="fa fa-stack-2x fa-ban" style="color:Tomato"></i>
</span>
<span id="filter-off-text" class="@if (!($filter_on ?? false)) d-none @endif"> Cacher les filtres</span>
</button>
@endif
@if ($display_by_rows ?? false)
@include('components.form.button', [
'id' => 'by_cards',
'icon' => 'fa-th',
'class' => 'btn-secondary',
'title' => 'Vue par vignettes',
])
@else
@include('components.form.button', [
'id' => 'by_rows',
'icon' => 'fa-list',
'class' => 'btn-secondary',
'title' => 'Vue par lignes',
])
@endif

View File

@@ -26,17 +26,17 @@
</div>
<div class="col mb-4">
@for ($i = 0; $i < count($submenu[3]); $i++)
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[3][$i]])
@endfor
</div>
<div class="col mb-4">
@for ($i = 0; $i < count($submenu[4]); $i++)
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[4][$i]])
@endfor
</div>
<div class="col mb-4">
@for ($i = 0; $i < count($submenu[5]); $i++)
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[5][$i]])
@endfor
</div>
</div>

View File

@@ -1,4 +1,5 @@
<button type="{{ $type ?? 'button' }}" class="btn {{ $class ?? ''}}"
@isset($style) style="{{ $style }}" @endisset
@isset($id) id="{{ $id }}" @endisset
@isset($data_id) data-id="{{ $data_id }}" @endisset
@isset($dataId) data-id="{{ $dataId }}" @endisset