public/owltide
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages 1 Wiki Activity Actions

Scroll the now line into view on navigation
All checks were successful
/ build (push) Successful in 1m34s
Details
/ deploy (push) Successful in 16s
Details

Browse source 
When displaying the schedule, scroll it such that the now line is on the
left to make what is displayed by default the most immediately useful
information.
This commit is contained in:
Hornwitser 2025-07-16 19:58:01 +02:00
parent ae1c653af6
commit 9013e85ff0
2 changed files with 16 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

11
components/Timetable.vue
View file

@ -77,6 +77,7 @@
<td :colSpan="totalColumns">
<div
v-if="nowOffset !== undefined"
ref="nowLine"
class="now"
:style="` --now-offset: ${nowOffset}`"
>
@ -677,6 +678,16 @@ const nowOffset = computed(() => {
offset += group.width;
}
});
const nowLine = useTemplateRef("nowLine"); // If I name the ref now, the element disappears?!
function scrollToNow() {
if (nowLine.value) {
nowLine.value.scrollIntoView({ behavior: "smooth", inline: "start", block: "nearest" });
}
}
defineExpose({
scrollToNow,
});
</script>
<style scoped>