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

Fixing styles

Browse source
This commit is contained in:
Axel 2021-12-20 14:28:35 +01:00
parent fb1f63d4bc
commit bece9b724e
5 changed files with 20 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
public/css/app.css
View file

@ -144,10 +144,9 @@ html body .highlight {
padding: 0px 1rem; padding: 0px 1rem;
display: inline-block; display: inline-block;
color: #FFF; color: #FFF;
font-size: 1rem;
vertical-align: middle; vertical-align: middle;
border-radius: 0.5rem; border-radius: 0.5rem;
font-size: 0.8rem; font-size: 1rem;
} }
html body .small { html body .small {
font-size: 0.8rem; font-size: 0.8rem;
@ -164,6 +163,10 @@ html body .down {
html body .unknown { html body .unknown {
background-color: #f5d69e; background-color: #f5d69e;
} }
html body .inactive {
background-color: #dfdfdf !important;
opacity: 0.5;
}
@-webkit-keyframes shake { @-webkit-keyframes shake {
10%, 90% { 10%, 90% {

8
public/js/app.js
View file

File diff suppressed because one or more lines are too long

9
resources/sass/app.scss
View file

@ -7,6 +7,7 @@ $bg_color: #0a9f9a;
$up_color: #8adf8a; $up_color: #8adf8a;
$down_color: #f79292; $down_color: #f79292;
$unknown_color: rgb(245, 214, 158); $unknown_color: rgb(245, 214, 158);
$inactive_color: #dfdfdf;
* { * {
padding: 0; padding: 0;
@ -187,10 +188,9 @@ html {
padding: 0px 1rem; padding: 0px 1rem;
display: inline-block; display: inline-block;
color: #FFF; color: #FFF;
font-size: 1rem;
vertical-align: middle; vertical-align: middle;
border-radius: .5rem; border-radius: .5rem;
font-size: 0.8rem; font-size: 1rem;
} }
.small { .small {
@ -212,6 +212,11 @@ html {
.unknown { .unknown {
background-color: $unknown_color; background-color: $unknown_color;
} }
.inactive {
background-color: $inactive_color !important;
opacity: 0.5;
}
} }
} }

2
resources/views/components/quickview.vue
View file

@ -15,7 +15,7 @@
v-for="task in group.tasks" v-for="task in group.tasks"
v-bind:key="task.id" v-bind:key="task.id"
:href="'#task-'+task.id" :href="'#task-'+task.id"
:class="statusText(task.status)" :class="statusText(task.status)+(task.active == 0 ? ' inactive' : '')"
class="square" class="square"
> >
<span class="small">{{task.id }}</span> <span class="small">{{task.id }}</span>

5
resources/views/components/tasklist.vue
View file

@ -7,7 +7,7 @@
> >
<a :name="'group-'+group.id"></a> <a :name="'group-'+group.id"></a>
<h3> <h3>
Tasks for group <span class="highlight">{{ group.name }} <small>(#{{ group.id }})</small></span> Tasks for <span class="highlight">{{ group.name }} <small>(#{{ group.id }})</small></span>
<!-- <p class="context-menu"><img src="/img/menu.svg" width="40" /></p> --> <!-- <p class="context-menu"><img src="/img/menu.svg" width="40" /></p> -->
</h3> </h3>
@ -28,6 +28,7 @@
<tr <tr
v-for="task in group.tasks" v-for="task in group.tasks"
v-bind:key="task.id" v-bind:key="task.id"
:class="task.active == 0 ? 'inactive' : ''"
> >
<td :class="statusText(task.status)"> <td :class="statusText(task.status)">
<img :src="'/img/'+statusText(task.status)+'.svg'" width="16" alt="Status" /> <img :src="'/img/'+statusText(task.status)+'.svg'" width="16" alt="Status" />
@ -52,7 +53,7 @@
Never Never
</span> </span>
<td>{{ task.frequency / 60 }}</td> <td>{{ task.frequency / 60 }}</td>
<td :class="task.active == 1 ? 'up' : 'down'"> <td :class="task.active == 0 ? 'inactive' : ''">
<a <a
v-on:click.prevent="disableTask(task.id, task.active)" v-on:click.prevent="disableTask(task.id, task.active)"
href="#" href="#"