fix(calendar): remove legacy styles for kendo-react calendar

telerik · Jul 14, 2021 · 0d6411e · 0d6411e
1 parent 5f06adb
commit 0d6411e
Show file tree

Hide file tree

Showing 5 changed files with 0 additions and 112 deletions.
diff --git a/packages/bootstrap/scss/calendar/_variables.scss b/packages/bootstrap/scss/calendar/_variables.scss
@@ -109,12 +109,3 @@ $calendar-cell-selected-hover-gradient: null !default;
 
 $calendar-cell-focused-shadow: inset $button-focused-shadow !default;
 $calendar-cell-selected-focus-shadow: inset 0 0 0 2px rgba( $primary-button-active-border, .5 ) !default;
-
-
-// Multiview Calendar
-$multiviewcalendar-button-style: stretched !default;
-$multiviewcalendar-button-size: 50px !default;
-$multiviewcalendar-gap: ($calendar-infinite-content-padding-x * 2) !default;
-$multiviewcalendar-content-padding-y: 0px !default;
-$multiviewcalendar-navigation-margin-x: 0px !default;
-$multiviewcalendar-navigation-margin-y: calc( #{$calendar-header-padding-y * 2} + #{$calendar-header-height} + #{$button-border-width * 2} ) !default;
diff --git a/packages/classic/scss/calendar/_variables.scss b/packages/classic/scss/calendar/_variables.scss
@@ -109,12 +109,3 @@ $calendar-cell-selected-hover-gradient: null !default;
 
 $calendar-cell-focused-shadow: $list-item-focused-shadow !default;
 $calendar-cell-selected-focus-shadow: $calendar-cell-focused-shadow !default;
-
-
-// Multiview Calendar
-$multiviewcalendar-button-style: stretched !default;
-$multiviewcalendar-button-size: 44px !default;
-$multiviewcalendar-gap: ($calendar-infinite-content-padding-x * 2) !default;
-$multiviewcalendar-content-padding-y: 0px !default;
-$multiviewcalendar-navigation-margin-x: 0px !default;
-$multiviewcalendar-navigation-margin-y: calc( #{$calendar-header-padding-y * 2} + #{$calendar-header-height} + #{$button-border-width * 2} ) !default;
diff --git a/packages/default/scss/calendar/_layout.scss b/packages/default/scss/calendar/_layout.scss
@@ -518,82 +518,6 @@
             border-color: inherit;
             border-radius: 0;
         }
-
-        // jQuery
-        &:not(.k-calendar-infinite) {
-            .k-calendar-view {
-                display: flex;
-                flex-direction: row;
-                box-sizing: content-box;
-
-                .k-animation-container-sm & {
-                    flex-direction: column;
-                }
-            }
-        }
-
-        // Angular
-        &.k-calendar-infinite {
-            table,
-            .k-calendar-table {
-                padding: 0;
-                display: flex;
-                flex-direction: row;
-
-                > tbody,
-                > .k-calendar-tbody {
-                    display: inline-block;
-                }
-
-                > tbody tr:first-child,
-                > .k-calendar-tbody .k-calendar-tr:first-child {
-                    vertical-align: top;
-                }
-
-                > tbody + tbody,
-                > .k-calendar-tbody + .k-calendar-tbody {
-                    margin-left: $multiviewcalendar-gap;
-                }
-            }
-
-            &:not(.k-calendar-minimal) {
-                @if $multiviewcalendar-button-style == stretched {
-                    > .k-button {
-                        @extend .k-button-flat;
-                        border-radius: 0;
-                        width: $multiviewcalendar-button-size;
-                    }
-
-                    > .k-calendar-view {
-                        border-width: 0 1px;
-                        border-style: solid;
-                        border-color: inherit;
-                    }
-                } @else if $multiviewcalendar-button-style == detached {
-                    background-color: transparent;
-                    border-width: 0;
-                    overflow: visible;
-
-                    > .k-calendar-view {
-                        $half-size: $multiviewcalendar-button-size / 2;
-
-                        border-width: $calendar-border-width;
-                        border-style: solid;
-                        border-color: inherit;
-                        padding: 0 calc( #{$half-size} + #{$spacer-x} );
-                        margin: 0 (-$half-size);
-                    }
-
-                    > .k-button {
-                        align-self: center;
-                        width: $multiviewcalendar-button-size;
-                        height: $multiviewcalendar-button-size;
-                        border-radius: 50%;
-                        z-index: 2;
-                    }
-                }
-            }
-        }
     }
 }
 

diff --git a/packages/default/scss/calendar/_variables.scss b/packages/default/scss/calendar/_variables.scss
@@ -109,12 +109,3 @@ $calendar-cell-selected-hover-gradient: null !default;
 
 $calendar-cell-focused-shadow: $list-item-focused-shadow !default;
 $calendar-cell-selected-focus-shadow: $calendar-cell-focused-shadow !default;
-
-
-// Multiview Calendar
-$multiviewcalendar-button-style: stretched !default;
-$multiviewcalendar-button-size: 44px !default;
-$multiviewcalendar-gap: ($calendar-infinite-content-padding-x * 2) !default;
-$multiviewcalendar-content-padding-y: 0px !default;
-$multiviewcalendar-navigation-margin-x: 0px !default;
-$multiviewcalendar-navigation-margin-y: calc( #{$calendar-header-padding-y * 2} + #{$calendar-header-height} + #{$button-border-width * 2} ) !default;
diff --git a/packages/material/scss/calendar/_variables.scss b/packages/material/scss/calendar/_variables.scss
@@ -109,12 +109,3 @@ $calendar-cell-selected-hover-gradient: null !default;
 
 $calendar-cell-focused-shadow: $list-item-focused-shadow !default;
 $calendar-cell-selected-focus-shadow: $calendar-cell-focused-shadow !default;
-
-
-// Multiview Calendar
-$multiviewcalendar-button-style: detached !default;
-$multiviewcalendar-button-size: 40px !default;
-$multiviewcalendar-gap: ($calendar-infinite-content-padding-x * 2) !default;
-$multiviewcalendar-content-padding-y: 0px !default;
-$multiviewcalendar-navigation-margin-x: 0px !default;
-$multiviewcalendar-navigation-margin-y: calc( #{$calendar-header-padding-y * 2} + #{$calendar-header-height} + #{$button-border-width * 2} ) !default;