From 03bbc53d0cc1f57bf5a2039b5f1e0f636af7cdbc Mon Sep 17 00:00:00 2001
From: Ali Hassan <hassanali8812@gmail.com>
Date: Mon, 29 Jan 2024 02:18:42 +0500
Subject: [PATCH] Closed year_filter on mobile
---
src/node_modules/app-timeline/app-timeline.js | 5 ++++-
src/node_modules/buttons/year-button.js | 2 +-
2 files changed, 5 insertions(+), 2 deletions(-)
diff --git a/src/node_modules/app-timeline/app-timeline.js b/src/node_modules/app-timeline/app-timeline.js
index f94a083..758c928 100644
--- a/src/node_modules/app-timeline/app-timeline.js
+++ b/src/node_modules/app-timeline/app-timeline.js
@@ -258,7 +258,10 @@ function app_timeline (opts = default_opts, protocol) {
}
year_filter_wrapper = shadowfy()(year_filter(opts, protocol))
filter_wrapper.append(year_filter_wrapper)
-
+ if(screen.width < 510){
+ year_filter_wrapper.classList.add('hide')
+ }
+
function on_set_scroll ({ data }) {
set_scroll(data)
updateCalendar()
diff --git a/src/node_modules/buttons/year-button.js b/src/node_modules/buttons/year-button.js
index ac27a59..92e0091 100644
--- a/src/node_modules/buttons/year-button.js
+++ b/src/node_modules/buttons/year-button.js
@@ -42,7 +42,7 @@ function year_button (opts = default_opts, protocol) {
const shadow = el.attachShadow(shopts)
const date = new Date(latest_date)
shadow.adoptedStyleSheets = [sheet]
- shadow.innerHTML = `<div class="year_button active">
+ shadow.innerHTML = `<div class="year_button ${screen.width > 509 && 'active'}">
<div class="text_wrapper">${date.getFullYear()}</div>
${icon_arrow_up}
</div>`