T272 history filter is now hidden. Added switch to toggle visibility

This commit is contained in:
2021-04-22 17:31:32 +02:00
parent a0e34cbccc
commit 1d95b0c9c3
4 changed files with 18 additions and 2 deletions

View File

@@ -102,7 +102,8 @@
<!-- history -->
<div id="history" class="medium-vertical-margin tabcontent">
<div class="block-display max-width">
<div class="display-space-between max-width small-vertical-margin">
<button id="btn-history-filter" class="clickable-text highlight"><span>&gt;</span> filter</button>
<div id ="history-filter" class="display-space-between max-width small-vertical-margin hiddable">
<div class="three-fourth-width display-space-evenly">
<div class="block-display half-width with-padding">
<label for="historyFrom" class="block-label">From</label>

View File

@@ -22,8 +22,15 @@ function changeAdvancedVisibility(){
setCookie();
}
const historyFilterSwitch = function(){
$('#history-filter').toggleClass('active');
}
$("#optional").click(changeAdvancedVisibility);
$('#historyTab').click(showHistory);
$('#btn-history-filter').click(historyFilterSwitch);
const tabitem = $('.tabitem');
function showHistory(){

View File

@@ -102,7 +102,8 @@
<!-- history -->
<div id="history" class="medium-vertical-margin tabcontent">
<div class="block-display max-width">
<div class="display-space-between max-width small-vertical-margin">
<button id="btn-history-filter" class="clickable-text highlight"><span>&gt;</span> filter</button>
<div id ="history-filter" class="display-space-between max-width small-vertical-margin hiddable">
<div class="three-fourth-width display-space-evenly">
<div class="block-display half-width with-padding">
<label for="historyFrom" class="block-label">From</label>

View File

@@ -22,8 +22,15 @@ function changeAdvancedVisibility(){
setCookie();
}
const historyFilterSwitch = function(){
$('#history-filter').toggleClass('active');
}
$("#optional").click(changeAdvancedVisibility);
$('#historyTab').click(showHistory);
$('#btn-history-filter').click(historyFilterSwitch);
const tabitem = $('.tabitem');
function showHistory(){