From 64ad3536284f67cb4652a9e83a02f0024b7dcde9 Mon Sep 17 00:00:00 2001 From: adripo <26493496+adripo@users.noreply.github.com> Date: Sat, 12 Nov 2022 22:26:03 +0100 Subject: [PATCH] fix: remove fullcalendar --- webapp/frontend/src/@treo/styles/main.scss | 1 - .../@treo/styles/overrides/_fullcalendar.scss | 878 ------------------ webapp/frontend/src/styles/vendors.scss | 6 - 3 files changed, 885 deletions(-) delete mode 100644 webapp/frontend/src/@treo/styles/overrides/_fullcalendar.scss diff --git a/webapp/frontend/src/@treo/styles/main.scss b/webapp/frontend/src/@treo/styles/main.scss index b4bf61f..2ebdca4 100644 --- a/webapp/frontend/src/@treo/styles/main.scss +++ b/webapp/frontend/src/@treo/styles/main.scss @@ -26,7 +26,6 @@ // 6. Overrides @import 'overrides/angular-material'; -@import 'overrides/fullcalendar'; @import 'overrides/highlightjs'; @import 'overrides/perfect-scrollbar'; @import 'overrides/quill'; diff --git a/webapp/frontend/src/@treo/styles/overrides/_fullcalendar.scss b/webapp/frontend/src/@treo/styles/overrides/_fullcalendar.scss deleted file mode 100644 index dba4217..0000000 --- a/webapp/frontend/src/@treo/styles/overrides/_fullcalendar.scss +++ /dev/null @@ -1,878 +0,0 @@ -// ----------------------------------------------------------------------------------------------------- -// @ FullCalendar overrides -// ----------------------------------------------------------------------------------------------------- - -.fc { - - .fc-view-container { - - // Day Grid - Month view - .fc-view.fc-dayGridMonth-view { - - .fc-head { - - > tr > .fc-head-container { - border: none; - - .fc-row { - - .fc-day-header { - - span { - display: flex; - align-items: center; - justify-content: center; - padding-top: 8px; - font-size: 12px; - font-weight: 500; - text-transform: uppercase; - } - } - } - } - } - - .fc-body { - - > tr > .fc-widget-content { - border: none; - - .fc-day-grid { - - .fc-week { - - .fc-content-skeleton { - - .fc-day-top { - text-align: center; - - &.fc-other-month { - opacity: 1; - } - - .fc-day-number { - display: inline-flex; - align-items: center; - justify-content: center; - width: 22px; - height: 21px; - margin: 4px 0; - font-size: 12px; - border-radius: 50%; - float: none; - } - } - - .fc-event-container { - - .fc-day-grid-event { - display: flex; - align-items: center; - height: 22px; - min-height: 22px; - max-height: 22px; - margin: 0 6px 4px 6px; - padding: 0 8px; - font-size: 12px; - border-radius: 4px; - border: none; - cursor: pointer; - - @include treo-breakpoint('xs') { - padding: 0 5px; - } - } - } - - .fc-more { - padding: 0 6px; - font-size: 12px; - font-weight: 500; - white-space: nowrap; - - @include treo-breakpoint('xs') { - padding: 0 3px; - } - } - } - - .fc-highlight-skeleton { - - .fc-highlight { - position: relative; - } - } - } - } - } - } - - .fc-popover { - - &.fc-more-popover { - border: none; - border-radius: 4px; - @include treo-elevation('2xl'); - - .fc-header { - height: 32px; - min-height: 32px; - max-height: 32px; - padding: 0 8px; - - .fc-title { - margin: 0; - padding: 0; - font-size: 12px; - } - } - - .fc-body { - max-height: 160px; - overflow: hidden auto; - - .fc-event-container { - padding: 8px; - - .fc-day-grid-event { - display: flex; - align-items: center; - height: 22px; - min-height: 22px; - max-height: 22px; - margin: 0 0 6px 0; - padding: 0 8px; - font-size: 12px; - line-height: 1; - border-radius: 4px; - border: none; - cursor: pointer; - - &:last-child { - margin-bottom: 0; - } - } - } - } - } - } - } - - // Time Grid - Week view - .fc-view.fc-timeGridWeek-view { - - .fc-head { - - > tr > .fc-head-container { - border: none; - - .fc-row { - - .fc-axis { - width: 48px !important; - } - - .fc-day-header { - - span { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - width: 100%; - - &.fc-weekday { - padding-top: 16px; - font-size: 12px; - letter-spacing: 0.055em; - text-transform: uppercase; - font-weight: 400; - } - - &.fc-date { - padding-bottom: 12px; - font-size: 26px; - font-weight: 300; - } - } - } - } - } - } - - .fc-body { - - > tr > .fc-widget-content { - border: none; - - .fc-day-grid { - - .fc-row { - min-height: 0; - - .fc-bg { - - .fc-axis { - width: 48px !important; - } - } - - .fc-content-skeleton { - padding-bottom: 0; - - .fc-axis { - width: 48px !important; - } - - .fc-event-container { - - .fc-day-grid-event { - display: flex; - align-items: center; - height: 22px; - min-height: 22px; - max-height: 22px; - margin: 0 6px 6px 6px; - padding: 0 8px; - font-size: 12px; - line-height: 1; - border-radius: 4px; - border: none; - cursor: pointer; - } - } - } - } - } - - .fc-divider { - border: none; - } - - .fc-time-grid { - - .fc-bg { - - .fc-axis { - border: none; - width: 48px !important; - - + .fc-day { - border: none; - } - } - } - - .fc-slats { - - .fc-axis { - width: 48px !important; - height: 48px; - text-align: center; - - span { - font-size: 12px; - width: 48px; - min-width: 48px; - } - } - } - - .fc-content-skeleton { - - .fc-axis { - width: 48px !important; - } - - .fc-event-container { - margin: 0 12px 0 0; - - .fc-time-grid-event { - display: flex; - padding: 8px; - border-radius: 4px; - border: none; - cursor: pointer; - - .fc-time, - .fc-title { - font-size: 12px; - } - } - } - } - } - } - } - } - - // Time Grid - Day view - .fc-view.fc-timeGridDay-view { - - .fc-head { - - > tr > .fc-head-container { - border: none; - - .fc-row { - - .fc-axis { - width: 48px !important; - } - - .fc-day-header { - - span { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - width: 100%; - - &.fc-weekday { - padding-top: 16px; - font-size: 12px; - letter-spacing: 0.055em; - text-transform: uppercase; - font-weight: 400; - } - - &.fc-date { - padding-bottom: 12px; - font-size: 26px; - font-weight: 300; - } - } - } - } - } - } - - .fc-body { - - > tr > .fc-widget-content { - border: none; - - .fc-day-grid { - - .fc-row { - min-height: 0; - - .fc-bg { - - .fc-axis { - width: 48px !important; - } - } - - .fc-content-skeleton { - padding-bottom: 0; - - .fc-axis { - width: 48px !important; - } - - .fc-event-container { - - .fc-day-grid-event { - display: flex; - align-items: center; - height: 22px; - min-height: 22px; - max-height: 22px; - margin: 0 6px 6px 6px; - padding: 0 8px; - font-size: 12px; - line-height: 1; - border-radius: 4px; - border: none; - cursor: pointer; - } - } - } - } - } - - .fc-divider { - border: none; - } - - .fc-time-grid { - - .fc-bg { - - .fc-axis { - border: none; - width: 48px !important; - - + .fc-day { - border: none; - } - } - } - - .fc-slats { - - .fc-axis { - width: 48px !important; - height: 48px; - text-align: center; - - span { - font-size: 12px; - width: 48px; - min-width: 48px; - } - } - } - - .fc-content-skeleton { - - .fc-axis { - width: 48px !important; - } - - .fc-event-container { - margin: 0 12px 0 0; - - .fc-time-grid-event { - display: flex; - padding: 8px; - border-radius: 4px; - border: none; - cursor: pointer; - - .fc-time, - .fc-title { - font-size: 12px; - } - } - } - } - } - } - } - } - - // List - Year view - .fc-view.fc-listYear-view { - border: none; - - .fc-list-table { - - .fc-list-heading { - display: none; - } - - .fc-list-item { - display: flex; - cursor: pointer; - - td { - display: flex; - align-items: center; - width: auto; - height: 48px; - min-height: 48px; - padding: 0 8px; - border-width: 0 0 1px 0; - - &.fc-list-item-date { - order: 1; - padding-left: 16px; - width: 120px; - min-width: 120px; - max-width: 120px; - - @include treo-breakpoint('xs') { - width: 100px; - min-width: 100px; - max-width: 100px; - } - - > span { - display: flex; - align-items: baseline; - - span { - - &:first-child { - display: flex; - justify-content: center; - padding-right: 8px; - width: 32px; - min-width: 32px; - max-width: 32px; - font-size: 18px; - - @include treo-breakpoint('xs') { - padding-right: 2px; - } - - + span { - display: flex; - font-size: 11px; - font-weight: 500; - letter-spacing: 0.055em; - text-transform: uppercase; - } - } - } - } - } - - &.fc-list-item-time { - flex: 0 0 auto; - order: 3; - width: 160px; - min-width: 160px; - max-width: 160px; - - @include treo-breakpoint('xs') { - width: 120px; - min-width: 120px; - max-width: 120px; - } - } - - &.fc-list-item-marker { - flex: 0 0 auto; - order: 2; - - .fc-event-dot { - width: 12px; - height: 12px; - border-radius: 50%; - } - } - - &.fc-list-item-title { - flex: 1 1 auto; - order: 4; - padding-right: 24px; - font-weight: 500; - } - } - } - } - } - } - - // Day grid event - Dragging - .fc-day-grid-event { - - &.fc-dragging, - &.fc-resizing { - display: flex; - align-items: center; - height: 22px; - min-height: 22px; - max-height: 22px; - margin: 0 6px 4px 6px; - padding: 0 8px; - font-size: 12px; - line-height: 1; - border-radius: 4px; - border: none; - } - } -} - -// ----------------------------------------------------------------------------------------------------- -// @ Theming -// ----------------------------------------------------------------------------------------------------- -@include treo-theme { - - $background: map-get($theme, background); - $foreground: map-get($theme, foreground); - $primary: map-get($theme, primary); - - .fc { - - .fc-view-container { - - // Day Grid - Month view - .fc-view.fc-dayGridMonth-view { - - .fc-head { - - > tr > .fc-head-container { - - .fc-row { - - .fc-day-header { - border-color: map-get($foreground, divider); - - span { - color: map-get($foreground, secondary-text); - } - } - } - } - } - - .fc-body { - - > tr > .fc-widget-content { - - .fc-day-grid { - - .fc-week { - - .fc-bg { - - .fc-day { - border-color: map-get($foreground, divider); - - &.fc-today { - background: none; - } - } - } - - .fc-content-skeleton { - - .fc-day-top { - - &.fc-other-month { - - .fc-day-number { - color: map-get($foreground, hint-text); - } - } - - &.fc-today { - - .fc-day-number { - background: map-get($primary, default); - color: map-get($primary, default-contrast); - } - } - } - - .fc-more { - color: map-get($foreground, secondary-text); - } - } - - .fc-highlight-skeleton { - - .fc-highlight { - background: treo-color('cool-gray', 100); - opacity: 1; - } - } - } - } - } - } - - .fc-popover { - background: map-get($background, card); - - &.fc-more-popover { - - .fc-header { - background: map-get($background, hover); - } - } - } - } - - // Time Grid - Week view - .fc-view.fc-timeGridWeek-view { - - .fc-head { - - > tr > .fc-head-container { - - .fc-row { - - .fc-axis { - border-color: map-get($foreground, divider); - } - - .fc-day-header { - border-color: map-get($foreground, divider); - - span { - color: map-get($foreground, secondary-text); - } - } - } - } - } - - .fc-body { - - > tr > .fc-widget-content { - border: none; - - .fc-day-grid { - - .fc-bg { - - .fc-axis { - border-color: map-get($foreground, divider); - } - - .fc-day { - border-color: map-get($foreground, divider); - - &.fc-today { - background: none; - } - } - } - } - - .fc-divider { - background: map-get($foreground, divider); - } - - .fc-time-grid { - - .fc-bg { - - .fc-day { - border-color: map-get($foreground, divider); - - &.fc-today { - background: none; - } - } - } - - .fc-slats { - - .fc-time { - border-color: map-get($foreground, divider); - } - - .fc-widget-content { - border-color: map-get($foreground, divider); - } - } - } - } - } - } - - // Time Grid - Day view - .fc-view.fc-timeGridDay-view { - - .fc-head { - - > tr > .fc-head-container { - - .fc-row { - - .fc-axis { - border-color: map-get($foreground, divider); - } - - .fc-day-header { - border-color: map-get($foreground, divider); - - span { - color: map-get($foreground, secondary-text); - } - } - } - } - } - - .fc-body { - - > tr > .fc-widget-content { - border: none; - - .fc-day-grid { - - .fc-bg { - - .fc-axis { - border-color: map-get($foreground, divider); - } - - .fc-day { - border-color: map-get($foreground, divider); - - &.fc-today { - background: none; - } - } - } - } - - .fc-divider { - background: map-get($foreground, divider); - } - - .fc-time-grid { - - .fc-bg { - - .fc-day { - border-color: map-get($foreground, divider); - - &.fc-today { - background: none; - } - } - } - - .fc-slats { - - .fc-time { - border-color: map-get($foreground, divider); - } - - .fc-widget-content { - border-color: map-get($foreground, divider); - } - } - } - } - } - } - - // List - Year view - .fc-view.fc-listYear-view { - - .fc-list-table { - - .fc-list-item { - - &:hover { - - td { - background-color: map-get($background, hover); - } - } - - td { - border-color: map-get($foreground, divider); - - &.fc-list-item-date { - - > span { - - span { - - &:first-child { - - + span { - color: map-get($foreground, secondary-text); - } - } - } - } - } - } - } - } - } - } - } -} diff --git a/webapp/frontend/src/styles/vendors.scss b/webapp/frontend/src/styles/vendors.scss index d148122..f38dc52 100644 --- a/webapp/frontend/src/styles/vendors.scss +++ b/webapp/frontend/src/styles/vendors.scss @@ -7,12 +7,6 @@ // that Treo doesn't support out-of-the-box visually compatible with your application. // ----------------------------------------------------------------------------------------------------- -// FullCalendar -@import '~@fullcalendar/core/main.css'; -@import '~@fullcalendar/daygrid/main.css'; -@import '~@fullcalendar/timegrid/main.css'; -@import '~@fullcalendar/list/main.css'; - // Perfect scrollbar @import '~perfect-scrollbar/css/perfect-scrollbar.css';