JandL_gitea/jandl-taskmanager-app
1
0 Fork 0
mirror of https://bitbucket.org/studiotem/jandl-taskmanager-app.git synced 2026-10-21 14:29:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

[timeline] line time indicators

Browse Source
This commit is contained in:
Filip Kaluža committed 2023-10-20 17:01:49 +02:00
1 parent fa7ce51630
commit 9534b7fdc2
2 files changed
+17 -5
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/src/plugins/app@vendor/vue-cal/styles.scss
+7 -2
View File
@@ -178,8 +178,8 @@ $splits-headers-height: 1.5em;
.vuecal__time-cell {
color: #999;
text-align: right;
padding-right: 2px;
font-size: 0.9em;
background: white;
}
.vuecal__time-cell-line:before {
@@ -187,7 +187,12 @@ $splits-headers-height: 1.5em;
position: absolute;
left: 0;
right: 0;
border-top: 1px solid rgba(196, 196, 196, 0.3);
border-top: 1px solid #F5F5F5;
z-index: -1;
}
.vuecal__time-cell-line.hour:before {
border-top: 1px solid #e0e0e0;
}
}
app/src/plugins/tm@dashboard/_components/z-timeline.vue
+10 -3
View File
@@ -51,9 +51,16 @@
</template>
<template v-slot:time-cell="{ hours, minutes }">
<span class="d-flex align-center justify-center">
<p>{{hours}}:{{String(minutes).padStart(2, '0')}}</p>
<span class="d-flex justify-center">
<span class="d-flex justify-center">
<p style="margin-top: -9px">{{hours}}:{{String(minutes).padStart(2, '0')}}</p>
<div class="time-column-line"></div>
<span class="vuecal__time-cell-line hour"></span>
</span>
<span class="vuecal__time-cell-line" style="margin-top: 25px"></span>
<span class="vuecal__time-cell-line" style="margin-top: 50px"></span>
<span class="vuecal__time-cell-line" style="margin-top: 75px"></span>
</span>
</template>
@@ -511,7 +518,7 @@ export default {
.vuecal__cell--today,
.vuecal__cell--highlighted,
.vuecal__cell--selected
background-color: white
// background-color: white
border-radius: 16px
.vuecal__cell-split--weekend