From 4106eb0f9612a5d0d96ce8ff749697d00f0d1018 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Valenta?= <git@imaniti.org>
Date: Mon, 10 Apr 2023 19:05:36 +0200
Subject: [PATCH] update calendar style

---
 source/_data/data.json                                  | 2 +-
 source/_patterns/03-templates/candidate-detail.mustache | 4 ++--
 source/css/atoms/person-calendar.pcss                   | 6 +++++-
 source/js/components/person_calendar/Calendar.vue       | 1 +
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/source/_data/data.json b/source/_data/data.json
index 19610ea..1b48294 100644
--- a/source/_data/data.json
+++ b/source/_data/data.json
@@ -101,7 +101,7 @@
     "label": "Název políčka",
     "placeholder": "Placeholder"
   },
-  "personCalendarData": "[{\"title\": \"event 1\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 2\", \"date\": \"2023-04-10\", \"url\": \"https://example.com\"}]",
+  "personCalendarData": "[{\"title\": \"event 1\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 2\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 3\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 4\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 5\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 2\", \"date\": \"2023-04-10\", \"url\": \"https://example.com\"}]",
   "greyColors": [
     {"cls": "grey-50", "hex": "#f7f7f7", "name": "Grey 50"},
     {"cls": "grey-100", "hex": "#f3f3f3", "name": "Grey 100"},
diff --git a/source/_patterns/03-templates/candidate-detail.mustache b/source/_patterns/03-templates/candidate-detail.mustache
index 682714a..dfa50c3 100644
--- a/source/_patterns/03-templates/candidate-detail.mustache
+++ b/source/_patterns/03-templates/candidate-detail.mustache
@@ -11,11 +11,11 @@
   <main>
     <div class="flex flex-col lg:flex-row lg:space-x-8 xl:space-x-16">
       <section class="lg:w-3/5 xl:w-2/3">
-        <div class="mb-10">
+        <div class="mb-16">
           {{> molecules-content-block(classes: "w-full", noStartHeadline: true) }}
         </div>
         <div>
-          <h2 class="head-alt-md mb-3">Kalendář</h2>
+          <h2 class="head-alt-md mb-3"><i class="ico--calendar mr-4"></i>Kalendář</h2>
           {{> atoms-person-calendar() }}
         </div>
       </section>
diff --git a/source/css/atoms/person-calendar.pcss b/source/css/atoms/person-calendar.pcss
index daef5ea..9f324c3 100644
--- a/source/css/atoms/person-calendar.pcss
+++ b/source/css/atoms/person-calendar.pcss
@@ -15,6 +15,10 @@
   @apply font-condensed;
 }
 
+.fc-col-header {
+  width: 100%!important;
+}
+
 /* Don't underline only when there is no href attribute defined. */
 .fc .fc-col-header-cell-cushion:not([href]),
 .fc .fc-daygrid-day-number:not([href]) {
@@ -26,7 +30,7 @@
 }
 
 .fc .fc-button {
-  @apply font-alt rounded-none px-5 py-2;
+  @apply font-alt rounded-none px-5 py-2 duration-150;
 }
 
 .fc .fc-button:hover:not(:disabled),
diff --git a/source/js/components/person_calendar/Calendar.vue b/source/js/components/person_calendar/Calendar.vue
index daf0422..4fcfabd 100644
--- a/source/js/components/person_calendar/Calendar.vue
+++ b/source/js/components/person_calendar/Calendar.vue
@@ -13,6 +13,7 @@ export default {
       calendarOptions: {
         plugins: [ dayGridPlugin, interactionPlugin ],
         initialView: "dayGridMonth",
+        contentHeight: "auto",
         locale: "cs",
         buttonText: {
           today: "dnes"
-- 
GitLab