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

[task overview] styl

Browse Source
This commit is contained in:
Filip Kaluža committed 2022-11-28 18:34:53 +01:00
1 parent 49a0542822
commit 29c0ea970b
5 files changed
+54 -17
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/src/plugins/tm@dashboard/tasks/_components/z-timeline.vue
+24 -11
View File
@@ -59,40 +59,40 @@ export default {
return {
events: [
{
start: '2022-11-21 8:00',
end: '2022-11-21 13:30',
start: '2022-11-28 8:00',
end: '2022-11-28 13:30',
title: 'Running Marathon',
content: '<i class="icon material-icons">directions_run</i>',
class: 'red',
id: 1
},
{
start: '2022-11-21 9:00',
end: '2022-11-21 11:00',
start: '2022-11-28 9:00',
end: '2022-11-28 11:00',
title: 'Drink water!',
content: '<i class="icon material-icons">local_drink</i>',
class: 'green',
id: 2
},
{
start: '2022-11-21 10:00',
end: '2022-11-21 12:00',
start: '2022-11-28 10:00',
end: '2022-11-28 12:00',
title: 'Trip to India',
content: '<i class="icon material-icons">flight</i>',
class: 'blue',
id: 3
},
{
start: '2022-11-21 13:30',
end: '2022-11-21 16:00',
start: '2022-11-28 13:30',
end: '2022-11-28 16:00',
title: 'Trip to India',
content: '<i class="icon material-icons">flight</i>',
class: 'blue',
id: 3
},
{
start: '2022-11-22 11:00',
end: '2022-11-22 13:00',
start: '2022-11-29 11:00',
end: '2022-11-29 13:00',
title: 'Trip to India',
content: '<i class="icon material-icons">flight</i>',
class: 'yellow',
@@ -143,6 +143,7 @@ export default {
.vuecal
transform: scale(1)
box-shadow: none !important
::v-deep
@@ -172,6 +173,10 @@ export default {
.vuecal__cell:before
border: none
.vuecal__cells.week-view
border-left: 1px solid rgba(0, 0, 0, .1)
padding-left: 20px
.vuecal__time-column
width: 150px
box-shadow: none !important
@@ -182,6 +187,13 @@ export default {
border: 1px solid rgba(33, 33, 33, 0.08)
margin-left: 10px
@media (max-width: 450px)
.vuecal__time-column
width: 70px
.time-column-line
width: 10px
.vuecal__flex
flex-wrap: nowrap !important
@@ -189,7 +201,8 @@ export default {
padding: 10px 10px 10px 0px
.vuecal__cell--today
background-color: rgba(0, 0, 0, .02) !important
// background-color: rgba(0, 0, 0, .02) !important
background-color: white
.vuecal:not(.vuecal--day-view) .vuecal__cell--selected:not(.vuecal__cell--today) ,
.vuecal__cell--current:not(.vuecal__cell--today)