From a0541947e397c25662e627e2cf20c762d137f340 Mon Sep 17 00:00:00 2001 From: Ali Hassan Date: Mon, 29 Jan 2024 01:45:16 +0500 Subject: [PATCH 1/4] info_page double click fixed --- src/node_modules/info-page/info-page.js | 18 ++++++++++-------- src/node_modules/our-alumni/our-alumni.js | 1 - src/node_modules/our-members/our-members.js | 5 ++++- 3 files changed, 14 insertions(+), 10 deletions(-) diff --git a/src/node_modules/info-page/info-page.js b/src/node_modules/info-page/info-page.js index 81a598d..56651f6 100644 --- a/src/node_modules/info-page/info-page.js +++ b/src/node_modules/info-page/info-page.js @@ -119,12 +119,14 @@ function info_page (opts = default_opts, protocol) { return element function show () { return event => { - const channel = state.net[state.aka[name]] - channel.send({ - head: [id, channel.send.id, channel.mid++], - type: 'show' - }) - setScrollTop(status.windows[name].getBoundingClientRect().top - popup_wrapper.getBoundingClientRect().top + popup_wrapper.scrollTop) + setTimeout(() => { + const channel = state.net[state.aka[name]] + channel.send({ + head: [id, channel.send.id, channel.mid++], + type: 'show' + }) + setScrollTop(status.windows[name].getBoundingClientRect().top - popup_wrapper.getBoundingClientRect().top + popup_wrapper.scrollTop) + }, 200) } } } @@ -275,8 +277,8 @@ function get_theme () { background-size: 16px 16px; position: relative; overflow-y: scroll; - height: 94vh; - max-height: 94vh; + height: 95vh; + max-height: 95vh; padding: 0 0 30px 20px; scrollbar-width: none; /* For Firefox */ } diff --git a/src/node_modules/our-alumni/our-alumni.js b/src/node_modules/our-alumni/our-alumni.js index 378a319..5d1ec26 100644 --- a/src/node_modules/our-alumni/our-alumni.js +++ b/src/node_modules/our-alumni/our-alumni.js @@ -197,7 +197,6 @@ function get_theme () { background-size: 10px 10px; background-color: var(--bg_color); border: 1px solid var(--primary_color); - max-height: 600px; overflow-y: scroll; scrollbar-width: none; /* For Firefox */ } diff --git a/src/node_modules/our-members/our-members.js b/src/node_modules/our-members/our-members.js index fe181f8..73e4398 100644 --- a/src/node_modules/our-members/our-members.js +++ b/src/node_modules/our-members/our-members.js @@ -139,7 +139,7 @@ function get_theme () { } .member_content table td { border: 1px solid var(--primary_color); - padding: 8px; + padding: 8px 4px; } @container (min-width: 510px) { .our_member .member_content { @@ -147,6 +147,9 @@ function get_theme () { height: auto; margin-bottom: 30px; } + .member_content table td { + padding: 8px; + } } ` } From 065b5ed2954eead015fbadaaf73afdc5affdbdcb Mon Sep 17 00:00:00 2001 From: Ali Hassan Date: Mon, 29 Jan 2024 02:10:08 +0500 Subject: [PATCH 2/4] Added navmenu close onblur --- src/node_modules/comingsoon/comingsoon.js | 8 +++++++- src/node_modules/navbar/navbar.js | 5 ++++- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/src/node_modules/comingsoon/comingsoon.js b/src/node_modules/comingsoon/comingsoon.js index 30a12e6..e66fc7f 100644 --- a/src/node_modules/comingsoon/comingsoon.js +++ b/src/node_modules/comingsoon/comingsoon.js @@ -132,9 +132,15 @@ function get_theme () { text-align: center; } .cover_content .content_wrapper img { - width: 400px; + width: 86vw; height: auto; } + + @container (min-width: 510px) { + .cover_content .content_wrapper img { + width: 400px; + } + } ` } // ---------------------------------------------------------------------------- diff --git a/src/node_modules/navbar/navbar.js b/src/node_modules/navbar/navbar.js index 3f8fc11..14e0095 100644 --- a/src/node_modules/navbar/navbar.js +++ b/src/node_modules/navbar/navbar.js @@ -70,7 +70,7 @@ function navbar (opts = default_opts, protocol) {
-
+
@@ -83,6 +83,7 @@ function navbar (opts = default_opts, protocol) { const info_sh = shadow.querySelector('.info_wrapper').attachShadow(shopts) const logo_sh = shadow.querySelector('.logo_wrapper').attachShadow(shopts) const nav_sh = shadow.querySelector('.nav_toggle').attachShadow(shopts) + const nav_toggle = shadow.querySelector('.nav_toggle') // ---------------------------------------- // ELEMENTS // ---------------------------------------- @@ -120,6 +121,8 @@ function navbar (opts = default_opts, protocol) { const opts = { src: icon_arrow_down, src_active: icon_arrow_up, activate: true } const element = icon_button(opts, protocol) const channel = state.net[state.aka.navtoggle] + + nav_toggle.onblur = () => setTimeout(close_navmenu, 100) nav_sh.append(element) function onclick (message) { state.status.dropdown_collapsed = !state.status.dropdown_collapsed From 03bbc53d0cc1f57bf5a2039b5f1e0f636af7cdbc Mon Sep 17 00:00:00 2001 From: Ali Hassan Date: Mon, 29 Jan 2024 02:18:42 +0500 Subject: [PATCH 3/4] 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 = `
+ shadow.innerHTML = `
${date.getFullYear()}
${icon_arrow_up}
` From b8164940cd9b0d617c2d8e04f2fa6bafdc45814e Mon Sep 17 00:00:00 2001 From: Ali Hassan Date: Mon, 29 Jan 2024 02:19:09 +0500 Subject: [PATCH 4/4] Bundled --- bundle.js | 44 ++++++++++++++++++++++++++++++-------------- 1 file changed, 30 insertions(+), 14 deletions(-) diff --git a/bundle.js b/bundle.js index 76c66d3..338dd7b 100644 --- a/bundle.js +++ b/bundle.js @@ -3085,7 +3085,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() @@ -5150,7 +5153,7 @@ function year_button (opts = default_opts, protocol) { const shadow = el.attachShadow(shopts) const date = new Date(latest_date) shadow.adoptedStyleSheets = [sheet] - shadow.innerHTML = `
+ shadow.innerHTML = `
${date.getFullYear()}
${icon_arrow_up}
` @@ -5404,9 +5407,15 @@ function get_theme () { text-align: center; } .cover_content .content_wrapper img { - width: 400px; + width: 86vw; height: auto; } + + @container (min-width: 510px) { + .cover_content .content_wrapper img { + width: 400px; + } + } ` } // ---------------------------------------------------------------------------- @@ -7344,12 +7353,14 @@ function info_page (opts = default_opts, protocol) { return element function show () { return event => { - const channel = state.net[state.aka[name]] - channel.send({ - head: [id, channel.send.id, channel.mid++], - type: 'show' - }) - setScrollTop(status.windows[name].getBoundingClientRect().top - popup_wrapper.getBoundingClientRect().top + popup_wrapper.scrollTop) + setTimeout(() => { + const channel = state.net[state.aka[name]] + channel.send({ + head: [id, channel.send.id, channel.mid++], + type: 'show' + }) + setScrollTop(status.windows[name].getBoundingClientRect().top - popup_wrapper.getBoundingClientRect().top + popup_wrapper.scrollTop) + }, 200) } } } @@ -7500,8 +7511,8 @@ function get_theme () { background-size: 16px 16px; position: relative; overflow-y: scroll; - height: 94vh; - max-height: 94vh; + height: 95vh; + max-height: 95vh; padding: 0 0 30px 20px; scrollbar-width: none; /* For Firefox */ } @@ -8570,7 +8581,7 @@ function navbar (opts = default_opts, protocol) {
-
+
@@ -8583,6 +8594,7 @@ function navbar (opts = default_opts, protocol) { const info_sh = shadow.querySelector('.info_wrapper').attachShadow(shopts) const logo_sh = shadow.querySelector('.logo_wrapper').attachShadow(shopts) const nav_sh = shadow.querySelector('.nav_toggle').attachShadow(shopts) + const nav_toggle = shadow.querySelector('.nav_toggle') // ---------------------------------------- // ELEMENTS // ---------------------------------------- @@ -8620,6 +8632,8 @@ function navbar (opts = default_opts, protocol) { const opts = { src: icon_arrow_down, src_active: icon_arrow_up, activate: true } const element = icon_button(opts, protocol) const channel = state.net[state.aka.navtoggle] + + nav_toggle.onblur = () => setTimeout(close_navmenu, 100) nav_sh.append(element) function onclick (message) { state.status.dropdown_collapsed = !state.status.dropdown_collapsed @@ -9202,7 +9216,6 @@ function get_theme () { background-size: 10px 10px; background-color: var(--bg_color); border: 1px solid var(--primary_color); - max-height: 600px; overflow-y: scroll; scrollbar-width: none; /* For Firefox */ } @@ -9437,7 +9450,7 @@ function get_theme () { } .member_content table td { border: 1px solid var(--primary_color); - padding: 8px; + padding: 8px 4px; } @container (min-width: 510px) { .our_member .member_content { @@ -9445,6 +9458,9 @@ function get_theme () { height: auto; margin-bottom: 30px; } + .member_content table td { + padding: 8px; + } } ` }