starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-04-24 17:48:41 +02:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

fix(ui:transactions): transaction menu overflows screen on smaller screens + alternative menu placement

Browse Source
This commit is contained in:
Herculino Trotta
2025-08-02 15:35:20 -03:00
parent d45b4f2942
commit 9250131396
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/templates/cotton/ui/transactions_action_bar.html
View File

@@ -17,14 +17,14 @@
end end
end end
end"> end">
<div class="card slide-in-bottom"> <div class="card slide-in-bottom tw:max-w-[90vw]">
<div class="card-body p-2 d-flex justify-content-between align-items-center gap-3"> <div class="card-body p-2 d-flex justify-content-between align-items-center gap-3 tw:overflow-x-auto">
{% spaceless %} {% spaceless %}
<div class="tw:font-bold tw:text-md ms-2" id="selected-count">0</div> <div class="tw:font-bold tw:text-md ms-2" id="selected-count">0</div>
<div class="vr tw:align-middle"></div> <div class="vr tw:align-middle"></div>
<div class="dropdown"> <div class="dropdown">
<button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false"> aria-expanded="false" data-bs-popper-config='{"strategy":"fixed"}'>
<i class="fa-regular fa-square-check fa-fw"></i> <i class="fa-regular fa-square-check fa-fw"></i>
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@@ -53,7 +53,8 @@
<i class="fa-solid fa-pencil"></i> <i class="fa-solid fa-pencil"></i>
</button> </button>
<button type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" <button type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split"
data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside"> data-bs-toggle="dropdown" data-bs-popper-config='{"strategy":"fixed"}' aria-expanded="false"
data-bs-auto-close="outside">
<span class="visually-hidden">{% trans "Toggle Dropdown" %}</span> <span class="visually-hidden">{% trans "Toggle Dropdown" %}</span>
</button> </button>
@@ -144,7 +145,8 @@
<span class="d-none d-md-inline-block" id="real-total-front">0</span> <span class="d-none d-md-inline-block" id="real-total-front">0</span>
</button> </button>
<button type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" <button type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split"
data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside"> data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside"
data-bs-popper-config='{"strategy":"fixed"}'>
<span class="visually-hidden">{% trans "Toggle Dropdown" %}</span> <span class="visually-hidden">{% trans "Toggle Dropdown" %}</span>
</button> </button>