mirror/hortusfox-web
1
0
Fork 0
mirror of https://github.com/danielbrendel/hortusfox-web.git synced 2026-02-19 12:58:41 -06:00
Code Issues Packages Projects Releases Wiki Activity

Resolves #460

Browse Source
This commit is contained in:
Daniel Brendel
2025-10-15 22:35:14 +02:00
parent 6733f09b42
commit a95de8a888
4 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/resources/js/app.js
View File

@@ -1060,11 +1060,13 @@ window.createVueInstance = function(element) {
}
},
toggleDropdown: function(elem) {
toggleDropdown: function(elem, container) {
if (elem.classList.contains('is-active')) {
elem.classList.remove('is-active');
container.classList.remove('plant-card-dropdown');
} else {
elem.classList.add('is-active');
container.classList.add('plant-card-dropdown');
}
},

8
app/resources/sass/app.scss
View File

@@ -853,6 +853,10 @@ fieldset .field {
box-shadow: 0 0 20px 0 rgba(105, 165, 85, 0.95);
}
.plant-card-dropdown {
overflow: unset;
}
.plant-card-image {
width: 100%;
height: 100%;
@@ -865,6 +869,10 @@ fieldset .field {
transform: scale(1.1);
}
.plant-card-image-dropdown {
border-radius: 10px;
}
.plant-card-overlay {
width: 100%;
height: 100%;

6
app/views/history.php
View File

@@ -39,15 +39,15 @@
<div class="plants">
@if (count($history) > 0)
@foreach ($history as $plant)
<div class="plant-card is-pointer" onclick="window.open('{{ url('/plants/details/' . $plant->get('id')) }}');">
<div class="plant-card-image" style="background-image: url('{{ abs_photo($plant->get('photo')) }}');">
<div id="plant-card-container-{{ $plant->get('id') }}" class="plant-card is-pointer" onclick="window.open('{{ url('/plants/details/' . $plant->get('id')) }}');">
<div class="plant-card-image plant-card-dropdown" style="background-image: url('{{ abs_photo($plant->get('photo')) }}');">
<div class="plant-card-overlay"></div>
</div>
<div class="plant-card-options">
<div class="dropdown is-right" id="plant-card-item-{{ $plant->get('id') }}">
<div class="dropdown-trigger">
<div class="is-pointer" onclick="event.stopPropagation(); window.vue.toggleDropdown(document.getElementById('plant-card-item-{{ $plant->get('id') }}'));"><i class="fas fa-caret-down"></i></div>
<div class="is-pointer" onclick="event.stopPropagation(); window.vue.toggleDropdown(document.getElementById('plant-card-item-{{ $plant->get('id') }}'), document.getElementById('plant-card-container-{{ $plant->get('id') }}'));"><i class="fas fa-caret-down"></i></div>
</div>
<div class="dropdown-menu" role="menu">
<div class="dropdown-content">

4
public/js/app.js vendored
View File

File diff suppressed because one or more lines are too long