starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-05-30 11:20:41 +02:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

feat(insights): make sidebar sticky

Browse Source
This commit is contained in:
Herculino Trotta
2025-02-18 21:04:09 -03:00
parent 835316d0f3
commit beeb0579ce
1 changed files with 67 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/insights/pages/index.html
+17 -8
View File
@@ -4,8 +4,9 @@
{% block content %} {% block content %}
<div class="container-fluid"> <div class="container-fluid">
<div class="row my-3"> <div class="row my-3 h-100">
<div class="col-lg-2 col-md-3 mb-3 mb-md-0"> <div class="col-lg-2 col-md-3 mb-3 mb-md-0">
<div class="position-sticky tw-top-3">
<div class=""> <div class="">
<div class="mb-2 w-100 d-lg-inline-flex d-grid gap-2 flex-wrap justify-content-lg-center" role="group" <div class="mb-2 w-100 d-lg-inline-flex d-grid gap-2 flex-wrap justify-content-lg-center" role="group"
_="on change _="on change
@@ -29,20 +30,27 @@
end end
then trigger updated" then trigger updated"
id="picker-type"> id="picker-type">
<input type="radio" class="btn-check" name="type" value="month" id="monthradio" autocomplete="off" checked> <input type="radio" class="btn-check" name="type" value="month" id="monthradio" autocomplete="off"
checked>
<label class="btn btn-sm btn-outline-primary flex-grow-1" for="monthradio">{% translate 'Month' %}</label> <label class="btn btn-sm btn-outline-primary flex-grow-1" for="monthradio">{% translate 'Month' %}</label>
<input type="radio" class="btn-check" name="type" value="year" id="yearradio" autocomplete="off"> <input type="radio" class="btn-check" name="type" value="year" id="yearradio" autocomplete="off">
<label class="btn btn-sm btn-outline-primary flex-grow-1" for="yearradio">{% translate 'Year' %}</label> <label class="btn btn-sm btn-outline-primary flex-grow-1" for="yearradio">{% translate 'Year' %}</label>
<input type="radio" class="btn-check" name="type" value="month-range" id="monthrangeradio" autocomplete="off"> <input type="radio" class="btn-check" name="type" value="month-range" id="monthrangeradio"
<label class="btn btn-sm btn-outline-primary flex-grow-1" for="monthrangeradio">{% translate 'Month Range' %}</label> autocomplete="off">
<label class="btn btn-sm btn-outline-primary flex-grow-1"
for="monthrangeradio">{% translate 'Month Range' %}</label>
<input type="radio" class="btn-check" name="type" value="year-range" id="yearrangeradio" autocomplete="off"> <input type="radio" class="btn-check" name="type" value="year-range" id="yearrangeradio"
<label class="btn btn-sm btn-outline-primary flex-grow-1" for="yearrangeradio">{% translate 'Year Range' %}</label> autocomplete="off">
<label class="btn btn-sm btn-outline-primary flex-grow-1"
for="yearrangeradio">{% translate 'Year Range' %}</label>
<input type="radio" class="btn-check" name="type" value="date-range" id="daterangeradio" autocomplete="off"> <input type="radio" class="btn-check" name="type" value="date-range" id="daterangeradio"
<label class="btn btn-sm btn-outline-primary flex-grow-1" for="daterangeradio">{% translate 'Date Range' %}</label> autocomplete="off">
<label class="btn btn-sm btn-outline-primary flex-grow-1"
for="daterangeradio">{% translate 'Date Range' %}</label>
</div> </div>
<form id="picker-form" <form id="picker-form"
_="install init_datepicker _="install init_datepicker
@@ -89,6 +97,7 @@
</button> </button>
</div> </div>
</div> </div>
</div>
<div class="col-md-9 col-lg-10"> <div class="col-md-9 col-lg-10">
<div class="tab-content w-100" id="v-pills-tabContent"> <div class="tab-content w-100" id="v-pills-tabContent">
<div class="tab-pane fade" id="v-pills-content" role="tabpanel" tabindex="0"> <div class="tab-pane fade" id="v-pills-content" role="tabpanel" tabindex="0">