From 99d16d215fc97b028149725b05b6544d30a170ed Mon Sep 17 00:00:00 2001 From: carlossa Date: Tue, 21 May 2024 11:56:30 +0200 Subject: [PATCH 1/2] refs #6332 colors --- src/components/ui/QCalendarMonthWrapper.vue | 1 - src/pages/Worker/Card/WorkerCalendarItem.vue | 1 + 2 files changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/ui/QCalendarMonthWrapper.vue b/src/components/ui/QCalendarMonthWrapper.vue index 5e3cdadc7..896fb1974 100644 --- a/src/components/ui/QCalendarMonthWrapper.vue +++ b/src/components/ui/QCalendarMonthWrapper.vue @@ -50,7 +50,6 @@ const containerClasses = computed(() => { // Cambia los colores del día actual del calendario por los de salix --calendar-border-current-dark: #84d0e2 2px solid; --calendar-border-current: #84d0e2 2px solid; - --calendar-current-color-dark: #84d0e2; // Colores de fondo del calendario en dark mode --calendar-outside-background-dark: #222; --calendar-background-dark: #222; diff --git a/src/pages/Worker/Card/WorkerCalendarItem.vue b/src/pages/Worker/Card/WorkerCalendarItem.vue index 4787c3fd3..65ed8522a 100644 --- a/src/pages/Worker/Card/WorkerCalendarItem.vue +++ b/src/pages/Worker/Card/WorkerCalendarItem.vue @@ -238,6 +238,7 @@ watch(_year, (newValue) => { &.--festive { border: 2px solid $negative; + color: $negative; } &:hover { From 27c86288e1bedfb537959f746e8d543a4d035929 Mon Sep 17 00:00:00 2001 From: carlossa Date: Tue, 21 May 2024 16:14:55 +0200 Subject: [PATCH 2/2] refs #6332 color red button --- src/components/ui/QCalendarMonthWrapper.vue | 8 +++++++- src/pages/Worker/Card/WorkerCalendarItem.vue | 3 +-- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/src/components/ui/QCalendarMonthWrapper.vue b/src/components/ui/QCalendarMonthWrapper.vue index 896fb1974..6736d30d8 100644 --- a/src/components/ui/QCalendarMonthWrapper.vue +++ b/src/components/ui/QCalendarMonthWrapper.vue @@ -109,7 +109,13 @@ const containerClasses = computed(() => { cursor: pointer; } } - + .q-calendar-month__day--label .q-calendar__button { + color: red; + &::before { + content: ''; + color: transparent !important; + } + } .q-calendar-month__week--days > div:nth-child(6), .q-calendar-month__week--days > div:nth-child(7) { // Cambia el color de los días sábado y domingo diff --git a/src/pages/Worker/Card/WorkerCalendarItem.vue b/src/pages/Worker/Card/WorkerCalendarItem.vue index 65ed8522a..e2c9e525c 100644 --- a/src/pages/Worker/Card/WorkerCalendarItem.vue +++ b/src/pages/Worker/Card/WorkerCalendarItem.vue @@ -152,7 +152,7 @@ const getEventAttrs = (timestamp) => { if (isFestive) { attrs.class = '--festive'; - attrs.label = event.absenceId ? timestamp.day : ''; + attrs.label = timestamp.day; } return attrs; @@ -237,7 +237,6 @@ watch(_year, (newValue) => { } &.--festive { - border: 2px solid $negative; color: $negative; }