webinno/monitolite
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Smooth scrolling

Browse source
This commit is contained in:
Axel 2021-12-19 14:55:45 +01:00
parent ea673e0083
commit a3fabb1609
2 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
web/css/styles.css
View file

@ -7,6 +7,7 @@
html { html {
font-size: 100%; font-size: 100%;
scroll-behavior: smooth;
} }
body { body {

24
web/index.php
View file

@ -23,15 +23,17 @@
class="new-group" class="new-group"
:title="'Group: '+group.name" :title="'Group: '+group.name"
> >
<p <a :href="'#group-'+group.id">
v-for="task in group.tasks" <p
v-bind:key="task.id" v-for="task in group.tasks"
:href="'#task-'+task.id" v-bind:key="task.id"
:class="statusText(task.status)" :href="'#task-'+task.id"
class="square" :class="statusText(task.status)"
> class="square"
&nbsp; >
</p> &nbsp;
</p>
</a>
</div> </div>
<p class="spacer">&nbsp;</p> <p class="spacer">&nbsp;</p>
</div> </div>
@ -40,9 +42,10 @@
<div class="tasks"> <div class="tasks">
<div <div
v-for="group in tasks" v-for="group in tasks"
v-bind:key="group.group_id" v-bind:key="group.id"
class="task" class="task"
> >
<a :name="'group-'+group.id"></a>
<h3>Tasks for group <span class="highlight">{{ group.name }}</span> <small>(#{{ group.id }})</small> </h3> <h3>Tasks for group <span class="highlight">{{ group.name }}</span> <small>(#{{ group.id }})</small> </h3>
<table id="tasks_tbl"> <table id="tasks_tbl">
<thead> <thead>
@ -62,7 +65,6 @@
> >
<td :class="statusText(task.status)"> <td :class="statusText(task.status)">
<img :src="'img/'+statusText(task.status)+'.png'" width="16" alt="Status" /> <img :src="'img/'+statusText(task.status)+'.png'" width="16" alt="Status" />
<a :name="'task-'+task.id"></a>
</td> </td>
<td :class="statusText(task.status)"> <td :class="statusText(task.status)">
<a :href="task.host" target="_blank">{{ task.host }}</a> <a :href="task.host" target="_blank">{{ task.host }}</a>